@font-face
{
font-family: 'tsoft-icon';
src: url(https://witcdn.motorobit.com/theme/v5/css/fonts/tsoft-icon.woff2?v=1) format('woff2'),
url(https://witcdn.motorobit.com/theme/v5/css/fonts/tsoft-icon.woff?v=1) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="ti-"]
{
line-height: 1;
}
[class^="ti-"]:before, [class*=" ti-"]:before
{
font-family: "tsoft-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';
}
.ti-heart-o:before
{
content: '\e801';
}
.ti-heart:before
{
content: '\e802';
}
.ti-user-alt:before
{
content: '\e803';
}
.ti-basket:before
{
content: '\e804';
}
.ti-check:before
{
content: '\e805';
}
.ti-arrow-down:before
{
content: '\e806';
}
.ti-arrow-left:before
{
content: '\e807';
}
.ti-arrow-right:before
{
content: '\e808';
}
.ti-arrow-up:before
{
content: '\e809';
}
.ti-search:before
{
content: '\e80a';
}
.ti-shuffle:before
{
content: '\e80b';
}
.ti-location:before
{
content: '\e80c';
}
.ti-mail-o:before
{
content: '\e80d';
}
.ti-homepage:before
{
content: '\e80e';
}
.ti-plus:before
{
content: '\e80f';
}
.ti-minus:before
{
content: '\e810';
}
.ti-menu:before
{
content: '\e811';
}
.ti-comment-o:before
{
content: '\e812';
}
.ti-bell-o:before
{
content: '\e813';
}
.ti-star:before
{
content: '\e814';
}
.ti-star-empty:before
{
content: '\e815';
}
.ti-thumbs-up-o:before
{
content: '\e816';
}
.ti-thumbs-down-o:before
{
content: '\e817';
}
.ti-chat-o:before
{
content: '\e818';
}
.ti-chat:before
{
content: '\e819';
}
.ti-cw:before
{
content: '\e81a';
}
.ti-close:before
{
content: '\e81b';
}
.ti-calendar:before
{
content: '\e81c';
}
.ti-shop:before
{
content: '\e81d';
}
.ti-globe:before
{
content: '\e81e';
}
.ti-print:before
{
content: '\e81f';
}
.ti-trash-o:before
{
content: '\e820';
}
.ti-pencil:before
{
content: '\e821';
}
.ti-order-follow-up:before
{
content: '\e822';
}
.ti-basket-outline:before
{
content: '\e823';
}
.ti-zoom-in:before
{
content: '\e824';
}
.ti-zoom-out:before
{
content: '\e825';
}
.ti-user:before
{
content: '\e826';
}
.ti-gift:before
{
content: '\e827';
}
.ti-clipboard:before
{
content: '\e828';
}
.ti-chat-alt:before
{
content: '\e829';
}
.ti-power-off:before
{
content: '\e82a';
}
.ti-credit-card:before
{
content: '\e82b';
}
.ti-database:before
{
content: '\e82c';
}
.ti-logout:before
{
content: '\e82d';
}
.ti-login:before
{
content: '\e82e';
}
.ti-return:before
{
content: '\e82f';
}
.ti-user-add:before
{
content: '\e830';
}
.ti-user-delete:before
{
content: '\e831';
}
.ti-user-add-o:before
{
content: '\e832';
}
.ti-user-delete-o:before
{
content: '\e833';
}
.ti-box:before
{
content: '\e834';
}
.ti-eye:before
{
content: '\e835';
}
.ti-eye-off:before
{
content: '\e836';
}
.ti-truck:before
{
content: '\e837';
}
.ti-truck-o:before
{
content: '\e838';
}
.ti-picture:before
{
content: '\e839';
}
.ti-tag:before
{
content: '\e83a';
}
.ti-tags:before
{
content: '\e83b';
}
.ti-download:before
{
content: '\e83c';
}
.ti-upload:before
{
content: '\e83d';
}
.ti-th:before
{
content: '\e83e';
}
.ti-th-large:before
{
content: '\e83f';
}
.ti-play:before
{
content: '\e840';
}
.ti-stop:before
{
content: '\e841';
}
.ti-pause:before
{
content: '\e842';
}
.ti-resize-full:before
{
content: '\e843';
}
.ti-resize-small:before
{
content: '\e844';
}
.ti-store:before
{
content: '\e845';
}
.ti-lock:before
{
content: '\e846';
}
.ti-down-big:before
{
content: '\e847';
}
.ti-left-big:before
{
content: '\e848';
}
.ti-right-big:before
{
content: '\e849';
}
.ti-up-big:before
{
content: '\e84a';
}
.ti-comment-multiple:before
{
content: '\f03d';
}
.ti-twitter:before
{
content: '\f099';
}
.ti-facebook:before
{
content: '\f09a';
}
.ti-filter:before
{
content: '\f0b0';
}
.ti-copy:before
{
content: '\f0c5';
}
.ti-gplus:before
{
content: '\f0d5';
}
.ti-mail:before
{
content: '\f0e0';
}
.ti-linkedin:before
{
content: '\f0e1';
}
.ti-download-cloud:before
{
content: '\f0ed';
}
.ti-upload-cloud:before
{
content: '\f0ee';
}
.ti-bell:before
{
content: '\f0f3';
}
.ti-angle-double-left:before
{
content: '\f100';
}
.ti-angle-double-right:before
{
content: '\f101';
}
.ti-angle-double-up:before
{
content: '\f102';
}
.ti-angle-double-down:before
{
content: '\f103';
}
.ti-angle-left:before
{
content: '\f104';
}
.ti-angle-right:before
{
content: '\f105';
}
.ti-angle-up:before
{
content: '\f106';
}
.ti-angle-down:before
{
content: '\f107';
}
.ti-circle-o:before
{
content: '\f10c';
}
.ti-circle:before
{
content: '\f111';
}
.ti-help:before
{
content: '\f128';
}
.ti-attention-alt:before
{
content: '\f12a';
}
.ti-euro:before
{
content: '\f153';
}
.ti-dollar:before
{
content: '\f155';
}
.ti-thumbs-up:before
{
content: '\f164';
}
.ti-thumbs-down:before
{
content: '\f165';
}
.ti-youtube:before
{
content: '\f167';
}
.ti-youtube-play:before
{
content: '\f16a';
}
.ti-instagram:before
{
content: '\f16d';
}
.ti-tumblr:before
{
content: '\f173';
}
.ti-down:before
{
content: '\f175';
}
.ti-up:before
{
content: '\f176';
}
.ti-left:before
{
content: '\f177';
}
.ti-right:before
{
content: '\f178';
}
.ti-apple:before
{
content: '\f179';
}
.ti-try:before
{
content: '\f195';
}
.ti-google:before
{
content: '\f1a0';
}
.ti-reddit:before
{
content: '\f1a1';
}
.ti-file-image:before
{
content: '\f1c5';
}
.ti-lifebuoy:before
{
content: '\f1cd';
}
.ti-paper-plane:before
{
content: '\f1d8';
}
.ti-paper-plane-o:before
{
content: '\f1d9';
}
.ti-sliders:before
{
content: '\f1de';
}
.ti-share:before
{
content: '\f1e0';
}
.ti-share-squared:before
{
content: '\f1e1';
}
.ti-trash:before
{
content: '\f1f8';
}
.ti-copyright:before
{
content: '\f1f9';
}
.ti-at:before
{
content: '\f1fa';
}
.ti-pinterest:before
{
content: '\f231';
}
.ti-whatsapp:before
{
content: '\f232';
}
.ti-clone:before
{
content: '\f24d';
}
.ti-credit-card-alt:before
{
content: '\f283';
}
.ti-question-circle-o:before
{
content: '\f29c';
}
.ti-volume-phone:before
{
content: '\f2a0';
}
.ti-comment:before
{
content: '\f4ac';
}
.fav-added .ti-heart-o:before
{
content: '\e802';
}
[class*="ti-"].ti-20px:before
{
font-size: 20px;
}
.noUi-target,.noUi-target *
{
-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box
}
.noUi-target
{
position:relative;direction:ltr
}
.noUi-base
{
width:100%;height:100%;position:relative;z-index:1
}
.noUi-origin
{
position:absolute;right:0;top:0;left:0;bottom:0
}
.noUi-handle
{
position:relative;z-index:1
}
.noUi-stacking .noUi-handle
{
z-index:10
}
.noUi-state-tap .noUi-origin
{
-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s
}
.noUi-state-drag *
{
cursor:inherit!important
}
.noUi-base,.noUi-handle
{
-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
.noUi-horizontal
{
height:18px
}
.noUi-vertical
{
width:18px
}
.noUi-vertical .noUi-handle
{
width:28px;height:34px;left:-6px;top:-17px
}
.noUi-draggable
{
cursor:w-resize
}
.noUi-vertical .noUi-draggable
{
cursor:n-resize
}
.noUi-active
{
box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}
[disabled] .noUi-connect,[disabled].noUi-connect
{
background:#B8B8B8
}
[disabled] .noUi-handle,[disabled].noUi-origin
{
cursor:not-allowed
}
.noUi-pips,.noUi-pips *
{
-moz-box-sizing:border-box;box-sizing:border-box
}
.noUi-pips
{
position:absolute;color:#999
}
.noUi-value
{
position:absolute;text-align:center
}
.noUi-value-sub
{
color:#ccc;font-size:10px
}
.noUi-marker
{
position:absolute;background:#CCC
}
.noUi-marker-large,.noUi-marker-sub
{
background:#AAA
}
.noUi-pips-horizontal
{
padding:10px 0;height:80px;top:100%;left:0;width:100%
}
.noUi-value-horizontal
{
-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)
}
.noUi-marker-horizontal.noUi-marker
{
margin-left:-1px;width:2px;height:5px
}
.noUi-marker-horizontal.noUi-marker-sub
{
height:10px
}
.noUi-marker-horizontal.noUi-marker-large
{
height:15px
}
.noUi-pips-vertical
{
padding:0 10px;height:100%;top:0;left:100%
}
.noUi-value-vertical
{
-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);padding-left:25px
}
.noUi-marker-vertical.noUi-marker
{
width:5px;height:2px;margin-top:-1px
}
.noUi-marker-vertical.noUi-marker-sub
{
width:10px
}
.noUi-marker-vertical.noUi-marker-large
{
width:15px
}
.noUi-tooltip
{
display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip
{
top:-32px
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip
{
bottom:-32px
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip
{
left:120%
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip
{
right:120%
}
#lg-zoom-out,.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled
{
opacity:.5;pointer-events:none
}
.lg-icon
{
font-family:tsoft-icon
}
.lg-actions .lg-next,.lg-actions .lg-prev
{
border-radius:2px;color:#000;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;outline:0;border:none;background-color:transparent
}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover,.lg-outer .lg-toggle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share
{
color:#555
}
.lg-actions .lg-next
{
right:20px
}
.lg-actions .lg-next:before
{
content:"\e808"
}
.lg-actions .lg-prev
{
left:20px
}
.lg-actions .lg-prev:after
{
content:"\e807"
}
@-webkit-keyframes lg-right-end
{
0%,100%
{
left:0
}
50%
{
left:-30px
}
}
@-moz-keyframes lg-right-end
{
0%,100%
{
left:0
}
50%
{
left:-30px
}
}
@-ms-keyframes lg-right-end
{
0%,100%
{
left:0
}
50%
{
left:-30px
}
}
@keyframes lg-right-end
{
0%,100%
{
left:0
}
50%
{
left:-30px
}
}
@-webkit-keyframes lg-left-end
{
0%,100%
{
left:0
}
50%
{
left:30px
}
}
@-moz-keyframes lg-left-end
{
0%,100%
{
left:0
}
50%
{
left:30px
}
}
@-ms-keyframes lg-left-end
{
0%,100%
{
left:0
}
50%
{
left:30px
}
}
@keyframes lg-left-end
{
0%,100%
{
left:0
}
50%
{
left:30px
}
}
.lg-outer.lg-right-end .lg-object
{
-webkit-animation:.3s lg-right-end;-o-animation:.3s lg-right-end;animation:.3s lg-right-end;position:relative
}
.lg-outer.lg-left-end .lg-object
{
-webkit-animation:.3s lg-left-end;-o-animation:.3s lg-left-end;animation:.3s lg-left-end;position:relative
}
.lg-toolbar
{
z-index:1082;left:0;position:absolute;top:0;width:100%
}
.lg-toolbar .lg-icon
{
color:#000;cursor:pointer;float:right;font-size:18px;height:35px;line-height:1.3;padding:10px 0;text-align:center;width:45px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear
}
.lg-toolbar .lg-icon:hover
{
color:#444
}
.lg-toolbar .lg-close:after
{
content:"\e81b"
}
.lg-toolbar .lg-download:after
{
content:"\F01DA"
}
.lg-sub-html
{
bottom:0;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080
}
.lg-sub-html h4
{
margin:0;font-size:13px;font-weight:700
}
.lg-sub-html p
{
font-size:12px;margin:5px 0 0
}
#lg-counter
{
color:#999;display:inline-block;font-size:12px;padding-left:20px;padding-top:12px;vertical-align:middle
}
.lg-next,.lg-prev,.lg-toolbar
{
opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1),opacity .35s cubic-bezier(0,0,.25,1),color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1),opacity .35s cubic-bezier(0,0,.25,1),color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1),opacity .35s cubic-bezier(0,0,.25,1),color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1),opacity .35s cubic-bezier(0,0,.25,1),color .2s linear
}
.lg-hide-items .lg-prev
{
opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}
.lg-hide-items .lg-next
{
opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}
.lg-hide-items .lg-toolbar
{
opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object
{
-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1),opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1),opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1),opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1),opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object
{
-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1
}
.lg-outer .lg-thumb-outer
{
padding:0 10px;bottom:0;position:absolute;width:100%;z-index:1080;max-height:125px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item,.lg-outer.lg-grab img.lg-object
{
cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item,.lg-outer.lg-grabbing img.lg-object
{
cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb
{
-webkit-transition-duration:0s!important;transition-duration:0s!important
}
.lg-outer.lg-thumb-open .lg-thumb-outer
{
-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
.lg-outer .lg-thumb
{
padding-bottom:5px;height:100%;display:flex;justify-content:center
}
.lg-outer .lg-thumb-item
{
cursor:pointer;float:left;overflow:hidden;border:2px solid #fff;border-radius:4px;margin-bottom:5px;padding:5px;background:#fff;display:flex;align-items:center;justify-content:center
}
@media (min-width:1025px)
{
.lg-outer .lg-thumb-item
{
-webkit-transition:border-color .25s;-o-transition:border-color .25s;transition:border-color .25s
}
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover
{
border-color:#000
}
.lg-outer .lg-thumb-item img
{
width:100%;height:100%;object-fit:cover
}
.lg-outer.lg-has-thumb .lg-item
{
padding-bottom:120px
}
.lg-outer.lg-can-toggle .lg-item
{
padding-bottom:0
}
.lg-outer.lg-pull-caption-up .lg-sub-html
{
-webkit-transition:bottom .25s;-o-transition:bottom .25s;transition:bottom .25s
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html
{
bottom:100px
}
.lg-outer .lg-toggle-thumb
{
background-color:#fff;border-radius:2px 2px 0 0;color:#000;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none
}
.lg-outer .lg-toggle-thumb:after
{
content:"\F0570"
}
.lg-outer .lg-video-cont
{
display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px
}
.lg-outer .lg-video
{
width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative
}
.lg-outer .lg-video .lg-object
{
display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important
}
.lg-outer .lg-video .lg-video-play
{
width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer
}
.lg-outer .lg-has-vimeo .lg-video-play
{
background:url(https://witcdn.motorobit.com/srv/compressed/load/all/css/tr/img/vimeo-play.png) no-repeat
}
.lg-outer .lg-has-vimeo:hover .lg-video-play
{
background:url(https://witcdn.motorobit.com/srv/compressed/load/all/css/tr/img/vimeo-play.png) 0 -58px no-repeat
}
.lg-outer .lg-has-html5 .lg-video-play
{
background:url(https://witcdn.motorobit.com/srv/compressed/load/all/css/tr/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8
}
.lg-css3.lg-fade .lg-item.lg-current,.lg-outer .lg-has-html5:hover .lg-video-play,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play,.lg-outer.lg-visible,.lg-show-autoplay .lg-progress-bar
{
opacity:1
}
.lg-outer .lg-has-youtube .lg-video-play
{
background:url(https://witcdn.motorobit.com/srv/compressed/load/all/css/tr/img/youtube-play.png) no-repeat
}
.lg-outer .lg-has-youtube:hover .lg-video-play
{
background:url(https://witcdn.motorobit.com/srv/compressed/load/all/css/tr/img/youtube-play.png) 0 -60px no-repeat
}
.lg-outer .lg-video-object
{
width:100%!important;height:100%!important;position:absolute;top:0;left:0
}
.lg-outer .lg-has-video .lg-video-object
{
visibility:hidden
}
.lg-outer .lg-empty-html,.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play,.lg-outer.lg-hide-download #lg-download
{
display:none
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object
{
visibility:visible
}
.lg-progress-bar
{
background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms;-moz-transition:opacity 80ms;-o-transition:opacity 80ms;transition:opacity 80ms
}
.lg-progress-bar .lg-progress
{
background-color:#a90707;height:5px;width:0
}
.lg-progress-bar.lg-start .lg-progress
{
width:100%
}
.lg-autoplay-button:after
{
content:"\F040C"
}
.lg-show-autoplay .lg-autoplay-button:after
{
content:"\F0666"
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
-webkit-transition-duration:0s;transition-duration:0s
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1);-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1);transition:transform .3s cubic-bezier(0,0,.25,1)
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
-webkit-transition:left .3s cubic-bezier(0,0,.25,1),top .3s cubic-bezier(0,0,.25,1);-moz-transition:left .3s cubic-bezier(0,0,.25,1),top .3s cubic-bezier(0,0,.25,1);-o-transition:left .3s cubic-bezier(0,0,.25,1),top .3s cubic-bezier(0,0,.25,1);transition:left .3s cubic-bezier(0,0,.25,1),top .3s cubic-bezier(0,0,.25,1)
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap
{
-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image
{
-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1),opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1),opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1),opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1),opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden
}
#lg-zoom-in:after
{
content:"\e824"
}
#lg-actual-size
{
font-size:20px
}
#lg-actual-size:after
{
content:"\F018F"
}
#lg-zoom-out:after
{
content:"\e825"
}
.lg-zoomed #lg-zoom-out
{
opacity:1;pointer-events:auto
}
.lg-outer .lg-pager-outer
{
bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont
{
overflow:visible
}
.lg-outer .lg-pager-cont
{
cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont
{
opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager
{
box-shadow:0 0 0 2px #fff inset
}
.lg-outer .lg-pager-thumb-cont
{
background-color:#fff;color:#fff;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s,-webkit-transform .15s;-moz-transition:opacity .15s,-moz-transform .15s;-o-transition:opacity .15s,-o-transform .15s;transition:opacity .15s,transform .15s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)
}
.lg-outer,.lg-outer .lg,.lg-outer .lg-inner,.lg-outer .lg-pager-thumb-cont img
{
width:100%;height:100%
}
.lg-outer .lg-pager
{
background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;width:12px
}
.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover
{
box-shadow:0 0 0 8px #fff inset
}
.lg-outer .lg-caret
{
border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0
}
.lg-fullscreen:after
{
content:"\F0293"
}
.lg-fullscreen-on .lg-fullscreen:after
{
content:"\F0294"
}
.lg-outer #lg-dropdown-overlay
{
background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear;-o-transition:visibility 0s linear .18s,opacity .18s linear;transition:visibility 0s linear .18s,opacity .18s linear
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown
{
-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible
}
.lg-outer .lg-dropdown
{
background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear,visibility 0s linear .5s,opacity .18s linear;-moz-transition:-moz-transform .18s linear,visibility 0s linear .5s,opacity .18s linear;-o-transition:-o-transform .18s linear,visibility 0s linear .5s,opacity .18s linear;transition:transform .18s linear,visibility 0s linear .5s,opacity .18s linear
}
.lg-outer #lg-share,.lg-outer .lg
{
position:relative
}
.lg-outer .lg-dropdown:after
{
content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#fff;right:16px;top:-16px
}
.lg-outer .lg-dropdown>li:last-child
{
margin-bottom:0
}
.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a
{
color:#333
}
.lg-outer .lg-dropdown a
{
color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px
}
.lg-outer .lg-dropdown a:hover
{
background-color:rgba(0,0,0,.07)
}
.lg-outer .lg-dropdown .lg-dropdown-text
{
display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle
}
.lg-outer .lg-dropdown .lg-icon
{
color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto
}
.lg-outer #lg-share:after
{
content:"\f1e1"
}
.lg-outer #lg-share-facebook .lg-icon
{
color:#3b5998
}
.lg-outer #lg-share-facebook .lg-icon:after
{
content:"\f09a"
}
.lg-outer #lg-share-twitter .lg-icon
{
color:#00aced
}
.lg-outer #lg-share-twitter .lg-icon:after
{
content:"\f099"
}
.lg-outer #lg-share-googleplus .lg-icon
{
color:#dd4b39
}
.lg-outer #lg-share-googleplus .lg-icon:after
{
content:"\f0d5"
}
.lg-outer #lg-share-pinterest .lg-icon
{
color:#cb2027
}
.lg-outer #lg-share-pinterest .lg-icon:after
{
content:"\f231"
}
.group:after,.group:before
{
display:table;content:"";line-height:0
}
.group:after
{
clear:both
}
.lg-outer
{
position:fixed;top:0;left:0;z-index:999999998;opacity:0;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s
}
.lg-outer *
{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide
{
-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide
{
-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1
}
.lg-outer .lg
{
overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%
}
.lg-outer .lg-inner
{
position:absolute;left:0;top:0;white-space:nowrap
}
.lg-outer .lg-item
{
display:none!important;overflow:hidden
}
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide
{
display:inline-block!important
}
.lg-outer .lg-img-wrap,.lg-outer .lg-item
{
display:inline-block;text-align:center;position:absolute;width:100%;height:100%
}
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before
{
content:"";display:inline-block;height:50%;width:1px;margin-right:-1px
}
.lg-outer .lg-img-wrap
{
position:absolute;padding:40px 5px 80px;left:0;right:0;top:0;bottom:0;margin:auto;
}
.lg-outer .lg-item.lg-complete
{
background-image:none
}
.lg-outer .lg-item.lg-current
{
z-index:1060
}
.lg-outer .lg-image
{
display:inline-block;vertical-align:middle;max-width:calc(100% - 80px);max-height:calc(100% - 80px)
}
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play
{
opacity:0;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s
}
.lg-backdrop
{
position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999997;background-color:#fff;opacity:0;-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s
}
.lg-backdrop.in
{
opacity:.95
}
.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide
{
-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;transition:none!important
}
.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item
{
-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden
}
.lg-css3.lg-fade .lg-item,.lg-css3.lg-slide.lg-use-css3 .lg-item
{
opacity:0
}
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide
{
-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide
{
-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide
{
-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current
{
-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide
{
-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1),opacity .1s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1),opacity .1s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1),opacity .1s;transition:transform 1s cubic-bezier(0,0,.25,1),opacity .1s
}
.lg-css3.lg-slide.lg-use-left .lg-item
{
opacity:0;position:absolute;left:0
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide
{
left:-100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide
{
left:100%
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current
{
left:0;opacity:1
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide
{
-webkit-transition:left 1s cubic-bezier(0,0,.25,1),opacity .1s;-moz-transition:left 1s cubic-bezier(0,0,.25,1),opacity .1s;-o-transition:left 1s cubic-bezier(0,0,.25,1),opacity .1s;transition:left 1s cubic-bezier(0,0,.25,1),opacity .1s
}
@media (max-width:768px)
{
.lg-thumb-outer
{
display:none
}
.lg-outer.zoom-active .lg-item
{
transform:none!important;opacity:0!important
}
.lg-outer.zoom-active .lg-item.lg-current
{
opacity:1!important
}
.lg-outer.zoom-active .lg-item.lg-current img
{
max-width:none!important;max-height:none
}
}
@font-face
{
font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");font-weight:400;font-style:normal
}
.swiper-container
{
margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1
}
.swiper-container-vertical>.swiper-wrapper
{
flex-direction:column
}
.swiper-wrapper
{
position:relative;width:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper
{
transform:translate3d(0px,0,0)
}
.swiper-container-multirow>.swiper-wrapper
{
flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper
{
flex-wrap:wrap;flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper
{
transition-timing-function:ease-out;margin:0 auto
}
.swiper-slide
{
flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform
}
.swiper-slide-invisible-blank
{
visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide
{
height:auto
}
.swiper-container-autoheight .swiper-wrapper
{
align-items:flex-start;transition-property:transform,height
}
.swiper-container-3d
{
perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper
{
transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top
{
position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left
{
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right
{
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top
{
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom
{
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper
{
overflow:auto;scrollbar-width:none;-ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar
{
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide
{
scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper
{
scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper
{
scroll-snap-type:y mandatory
}
:root
{
--swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev
{
position:absolute;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:0;
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white
{
--swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black
{
--swiper-navigation-color:#000000
}
.swiper-button-lock
{
display:none
}
.swiper-pagination.swiper-pagination-hidden
{
opacity:0
}
.swiper-pagination-custom,.swiper-pagination-fraction
{
bottom:10px;left:0;width:100%
}
.swiper-pagination-bullets-dynamic
{
overflow:hidden;font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
transform:scale(.33);position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active
{
transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main
{
transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{
transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{
transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
transform:scale(.33)
}
button.swiper-pagination-bullet
{
border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet
{
cursor:pointer
}
.swiper-container-vertical>.swiper-pagination-bullets
{
right:10px;top:50%;transform:translate3d(0px,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet
{
margin:6px 0;display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
top:50%;transform:translateY(-50%);width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
display:inline-block;transition:.2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
left:50%;transform:translateX(-50%);white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
transition:.2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet
{
transition:.2s transform,.2s right
}
.swiper-pagination-progressbar
{
background:rgba(0,0,0,.25);position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
{
transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
width:100%;height:4px;left:0;top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar
{
width:4px;height:100%;left:0;top:0
}
.swiper-pagination-white
{
--swiper-pagination-color:#ffffff
}
.swiper-pagination-black
{
--swiper-pagination-color:#000000
}
.swiper-pagination-lock
{
display:none
}
.swiper-scrollbar
{
border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar
{
position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%
}
.swiper-container-vertical>.swiper-scrollbar
{
position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%
}
.swiper-scrollbar-drag
{
height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0
}
.swiper-scrollbar-cursor-drag
{
cursor:move
}
.swiper-scrollbar-lock
{
display:none
}
.swiper-zoom-container
{
width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg
{
max-width:100%;max-height:100%;object-fit:contain
}
.swiper-slide-zoomed
{
cursor:move
}
.swiper-lazy-preloader
{
position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center
}
@keyframes swiper-preloader-spin
{
100%
{
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification
{
position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide
{
transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide
{
pointer-events:none;transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide
{
pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active
{
pointer-events:auto
}
.swiper-container-cube
{
overflow:visible
}
.swiper-container-cube .swiper-slide
{
pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%
}
.swiper-container-cube .swiper-slide .swiper-slide
{
pointer-events:none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide
{
transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active
{
pointer-events:auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev
{
pointer-events:auto;visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top
{
z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow
{
position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0
}
.swiper-container-flip
{
overflow:visible
}
.swiper-container-flip .swiper-slide
{
pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1
}
.swiper-container-flip .swiper-slide .swiper-slide
{
pointer-events:none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active
{
pointer-events:auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top
{
z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden
}
.swiper-lazy[src=""],.swiper-lazy:not([src])
{
visibility:hidden;font-size:0;
}
.flatpickr-calendar
{
background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)
}
.flatpickr-calendar.open,.flatpickr-calendar.inline
{
opacity:1;max-height:640px;visibility:visible
}
.flatpickr-calendar.open
{
display:inline-block;z-index:99999
}
.flatpickr-calendar.animate.open
{
-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)
}
.flatpickr-calendar.inline
{
display:block;position:relative;top:2px
}
.flatpickr-calendar.static
{
position:absolute;top:calc(100% + 2px)
}
.flatpickr-calendar.static.open
{
z-index:999;display:block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7)
{
-webkit-box-shadow:none !important;box-shadow:none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1)
{
-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer
{
border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0
}
.flatpickr-calendar .hasWeeks .dayContainer
{
border-left:0
}
.flatpickr-calendar.hasTime .flatpickr-time
{
height:40px;border-top:1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time
{
height:auto
}
.flatpickr-calendar:before,.flatpickr-calendar:after
{
position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px
}
.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after
{
left:auto;right:22px
}
.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after
{
left:50%;right:50%
}
.flatpickr-calendar:before
{
border-width:5px;margin:0 -5px
}
.flatpickr-calendar:after
{
border-width:4px;margin:0 -4px
}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after
{
bottom:100%
}
.flatpickr-calendar.arrowTop:before
{
border-bottom-color:#e6e6e6
}
.flatpickr-calendar.arrowTop:after
{
border-bottom-color:#fff
}
.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after
{
top:100%
}
.flatpickr-calendar.arrowBottom:before
{
border-top-color:#e6e6e6
}
.flatpickr-calendar.arrowBottom:after
{
border-top-color:#fff
}
.flatpickr-calendar:focus
{
outline:0
}
.flatpickr-wrapper
{
position:relative;display:inline-block
}
.flatpickr-months
{
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex
}
.flatpickr-months .flatpickr-month
{
background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month
{
text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled
{
display:none
}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i
{
position:relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month
{
left:0
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month
{
right:0
}
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover
{
color:#959ea9
}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg
{
fill:#f64747
}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg
{
width:14px;height:14px
}
.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path
{
-webkit-transition:fill .1s;transition:fill .1s;fill:inherit
}
.numInputWrapper
{
position:relative;height:auto
}
.numInputWrapper input,.numInputWrapper span
{
display:inline-block
}
.numInputWrapper input
{
width:100%
}
.numInputWrapper input::-ms-clear
{
display:none
}
.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button
{
margin:0;-webkit-appearance:none
}
.numInputWrapper span
{
position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box
}
.numInputWrapper span:hover
{
background:rgba(0,0,0,0.1)
}
.numInputWrapper span:active
{
background:rgba(0,0,0,0.2)
}
.numInputWrapper span:after
{
display:block;content:"";position:absolute
}
.numInputWrapper span.arrowUp
{
top:0;border-bottom:0
}
.numInputWrapper span.arrowUp:after
{
border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%
}
.numInputWrapper span.arrowDown
{
top:50%
}
.numInputWrapper span.arrowDown:after
{
border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%
}
.numInputWrapper span svg
{
width:inherit;height:auto
}
.numInputWrapper span svg path
{
fill:rgba(0,0,0,0.5)
}
.numInputWrapper:hover
{
background:rgba(0,0,0,0.05)
}
.numInputWrapper:hover span
{
opacity:1
}
.flatpickr-current-month
{
font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
.flatpickr-current-month span.cur-month
{
font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0
}
.flatpickr-current-month span.cur-month:hover
{
background:rgba(0,0,0,0.05)
}
.flatpickr-current-month .numInputWrapper
{
width:6ch;width:7ch\0;display:inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after
{
border-bottom-color:rgba(0,0,0,0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after
{
border-top-color:rgba(0,0,0,0.9)
}
.flatpickr-current-month input.cur-year
{
background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield
}
.flatpickr-current-month input.cur-year:focus
{
outline:0
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover
{
font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none
}
.flatpickr-current-month .flatpickr-monthDropdown-months
{
appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active
{
outline:none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover
{
background:rgba(0,0,0,0.05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month
{
background-color:transparent;outline:none;padding:0
}
.flatpickr-weekdays
{
background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer
{
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1
}
span.flatpickr-weekday
{
cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder
}
.dayContainer,.flatpickr-weeks
{
padding:1px 0 0 0
}
.flatpickr-days
{
position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px;max-width:100%
}
.flatpickr-days:focus
{
outline:0
}
.dayContainer
{
padding:0;outline:0;text-align:left;width:307.875px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1
}
.dayContainer + .dayContainer
{
-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6
}
.flatpickr-day
{
background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus
{
cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6
}
.flatpickr-day.today
{
border-color:#959ea9
}
.flatpickr-day.today:hover,.flatpickr-day.today:focus
{
border-color:#959ea9;background:#959ea9;color:#fff
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay
{
background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7
}
.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange
{
border-radius:50px 0 0 50px
}
.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange
{
border-radius:0 50px 50px 0
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1))
{
-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange
{
border-radius:50px
}
.flatpickr-day.inRange
{
border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay
{
color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover
{
cursor:not-allowed;color:rgba(57,57,57,0.1)
}
.flatpickr-day.week.selected
{
border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7
}
.flatpickr-day.hidden
{
visibility:hidden
}
.rangeMode .flatpickr-day
{
margin-top:1px
}
.flatpickr-weekwrapper
{
float:left
}
.flatpickr-weekwrapper .flatpickr-weeks
{
padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday
{
float:none;width:100%;line-height:28px
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover
{
display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none
}
.flatpickr-innerContainer
{
display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden
}
.flatpickr-rContainer
{
display:inline-block;max-width:100%;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box
}
.flatpickr-time
{
text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex
}
.flatpickr-time:after
{
content:"";display:table;clear:both
}
.flatpickr-time .numInputWrapper
{
-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left
}
.flatpickr-time .numInputWrapper span.arrowUp:after
{
border-bottom-color:#393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after
{
border-top-color:#393939
}
.flatpickr-time.hasSeconds .numInputWrapper
{
width:26%
}
.flatpickr-time.time24hr .numInputWrapper
{
width:49%
}
.flatpickr-time input
{
background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield
}
.flatpickr-time input.flatpickr-hour
{
font-weight:bold
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second
{
font-weight:400
}
.flatpickr-time input:focus
{
outline:0;border:0
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm
{
height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center
}
.flatpickr-time .flatpickr-am-pm
{
outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400
}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus
{
background:#eee
}
.flatpickr-input[readonly]
{
cursor:pointer
}
@-webkit-keyframes fpFadeInDown
{
from
{
opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}
to
{
opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
}
@keyframes fpFadeInDown
{
from
{
opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}
to
{
opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
}
}
:root
{
--bg-body: #ecf0f3 !important;
--bg-overlay-body: rgba(236, 240, 243, 0.5) !important;
--bg-primary: #3d84b5 !important;
--bg-overlay-primary: rgba(61, 132, 181, 0.5) !important;
--bg-secondary: #0c122a !important;
--bg-overlay-secondary: rgba(12, 18, 42, 0.5) !important;
--bg-white: #ffffff !important;
--bg-overlay-white: rgba(255, 255, 255, 0.5) !important;
--bg-black: #000000 !important;
--bg-overlay-black: rgba(0, 0, 0, 0.5) !important;
--bg-success: #43B54C !important;
--bg-overlay-success: rgba(67, 181, 76, 0.5) !important;
--bg-info: #4ECBF2 !important;
--bg-overlay-info: rgba(78, 203, 242, 0.5) !important;
--bg-warning: #F6C105 !important;
--bg-overlay-warning: rgba(246, 193, 5, 0.5) !important;
--bg-danger: #E42437 !important;
--bg-overlay-danger: rgba(228, 36, 55, 0.5) !important;
--bg-gray: #a0a0a0 !important;
--bg-overlay-gray: rgba(160, 160, 160, 0.5) !important;
--bg-light: #f9f9f9 !important;
--bg-overlay-light: rgba(249, 249, 249, 0.5) !important;
--bg-dark: #2c2a28 !important;
--bg-overlay-dark: rgba(44, 42, 40, 0.5) !important;
--button-primary: #3d84b5;
--button-secondary: #8c8c8c;
--button-white: #ffffff;
--button-black: #000000;
--button-success: #43B54C;
--button-info: #4ECBF2;
--button-warning: #F6C105;
--button-danger: #E42437;
--button-gray: #747474;
--button-light: #f9f9f9;
--button-dark: #2c2a28;
--border-primary: #3d84b5 !important;
--border-secondary: #f0f0f0 !important;
--border-white: #ffffff !important;
--border-black: #000000 !important;
--border-success: #43B54C !important;
--border-info: #4ECBF2 !important;
--border-warning: #F6C105 !important;
--border-danger: #E42437 !important;
--border-gray: #dddddd !important;
--border-light: #eaeaea !important;
--border-dark: #2c2a28 !important;
--text-primary: #3d84b5 !important;
--text-secondary: #8c8c8c !important;
--text-white: #ffffff !important;
--text-black: #000000 !important;
--text-success: #43B54C !important;
--text-info: #4ECBF2 !important;
--text-warning: #F6C105 !important;
--text-danger: #E42437 !important;
--text-gray: #747474 !important;
--text-light: #979797 !important;
--text-dark: #2c2a28 !important;
--text-body: #0c122a !important;
--text-heading: #0c122a !important;
--border-radius: 4px !important;
}
*, *:before, *:after
{
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
::-webkit-scrollbar
{
background: var(--bg-light);
width: 5px;
height: 5px;
border-radius: 5px;
}
::-webkit-scrollbar-button
{
display: none;
}
::-webkit-scrollbar-thumb
{
background: var(--bg-gray);
border-radius: 5px;
}
applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, dfn, kbd, q, samp, small, strike, tt, var, dl, dt, dd, fieldset, legend, caption, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, output, ruby, section, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html
{
font-family: 'Urbanist', sans-serif;
font-size: 13px;
line-height: 1.34;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
scroll-behavior: smooth;
}
@media (min-width: 768px)
{
html
{
font-size: 14px;
}
}
body
{
background-color: var(--bg-body);
color: var(--text-body);
font-family: 'Urbanist', sans-serif;
font-size: 13px;
line-height: 1.34;
margin: 0;
padding: 0;
}
@media (min-width: 768px)
{
body
{
font-size: 14px;
}
}
html.is-active-modal > body, body.lg-on
{
width: 100%;
overflow: hidden;
touch-action: manipulation;
}
.slide-in-down, .slide-in-up, .transform-rotate, .fade-in, .fade-out, .image-animate:hover .image-nd
{
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInDown
{
from
{
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
visibility: visible;
opacity: 0;
}
to
{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes slideInDown
{
from
{
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
visibility: visible;
opacity: 0;
}
to
{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes slideInUp
{
from
{
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
visibility: hidden;
opacity: 0;
}
to
{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
}
@keyframes slideInUp
{
from
{
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
visibility: hidden;
opacity: 0;
}
to
{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
}
}
@-webkit-keyframes transformRotate
{
from
{
transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
}
}
@-moz-keyframes transformRotate
{
from
{
transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
}
}
@keyframes transformRotate
{
from
{
transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
}
}
@-webkit-keyframes fadeIn
{
0%
{
opacity: 0;
transform: translateY(10px);
}
to
{
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn
{
0%
{
opacity: 0;
transform: translateY(10px);
}
to
{
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadeOut
{
0%
{
opacity: 1;
transform: translateY(0);
}
to
{
opacity: 0;
transform: translateY(10px);
}
}
@keyframes fadeOut
{
0%
{
opacity: 1;
transform: translateY(0);
}
to
{
opacity: 0;
transform: translateY(10px);
}
}
.slide-in-down
{
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.slide-in-up
{
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.transform-rotate
{
-webkit-animation-name: transformRotate;
animation-name: transformRotate;
}
.fade-in
{
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.fade-out
{
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.slide-fade-up-enter-active
{
transition: all 0.25s ease-in-out;
transition-delay: 0.1s;
position: relative;
}
.slide-fade-up-leave-active
{
transition: all 0.25s ease-in-out;
position: absolute;
}
.slide-fade-up-enter
{
opacity: 0;
transform: translateY(15px);
pointer-events: none;
}
.slide-fade-up-leave-to
{
opacity: 0;
transform: translateY(-15px);
pointer-events: none;
}
.image-animate .image-nd
{
display: none !important;
}
@media (min-width: 768px)
{
.image-animate:hover .image-inner
{
opacity: 0;
}
.image-animate:hover .image-inner + .image-inner
{
opacity: 1;
}
.image-animate:hover .image-nd
{
display: block !important;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.image-animate-zoom
{
overflow: hidden;
}
.image-animate-zoom img
{
transition: all 0.25s ease-in-out;
-webkit-transform: scale(1);
transform: scale(1);
}
.image-animate-zoom:hover img
{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.effect-wrapper [class*="hover-"]:not(.hover-transition-none)
{
transition: all 0.5s !important;
}
.effect-wrapper .hover-visible
{
visibility: hidden !important;
opacity: 0 !important;
}
.effect-wrapper .hover-grayscale-reverse
{
filter: grayscale(1) !important;
}
.effect-wrapper .hover-blur-reverse
{
filter: blur(3px) !important;
}
.effect-wrapper .hover-opacity
{
opacity: 0.5 !important;
}
.effect-wrapper:hover .hover-block
{
display: block !important;
}
.effect-wrapper:hover .hover-inline-block
{
display: inline-block !important;
}
.effect-wrapper:hover .hover-flex
{
display: flex !important;
}
.effect-wrapper:hover .hover-inline-flex
{
display: inline-flex !important;
}
.effect-wrapper:hover .hover-none
{
display: none !important;
}
.effect-wrapper:hover .hover-hidden
{
visibility: hidden !important;
opacity: 0 !important;
}
.effect-wrapper:hover .hover-visible
{
visibility: visible !important;
opacity: 1 !important;
}
.effect-wrapper:hover .hover-transition-none
{
transition: none !important;
}
.effect-wrapper:hover .hover-scale
{
transform: scale(1.05) !important;
}
.effect-wrapper:hover .hover-scale-lg
{
transform: scale(1.2) !important;
}
.effect-wrapper:hover .hover-grayscale
{
filter: grayscale(1) !important;
}
.effect-wrapper:hover .hover-grayscale-reverse
{
filter: grayscale(0) !important;
}
.effect-wrapper:hover .hover-blur
{
filter: blur(3px) !important;
}
.effect-wrapper:hover .hover-blur-reverse
{
filter: blur(0) !important;
}
.effect-wrapper:hover .hover-opacity
{
opacity: 1 !important;
}
.effect-wrapper:hover .hover-opacity-reverse
{
opacity: 0.75 !important;
}
.effect-wrapper:hover .hover-to-up
{
transform: translateY(-10px) !important;
}
.effect-wrapper:hover .hover-to-down
{
transform: translateY(10px) !important;
}
.effect-wrapper:hover .hover-to-left
{
transform: translateX(-10px) !important;
}
.effect-wrapper:hover .hover-to-right
{
transform: translateX(10px) !important;
}
.effect-wrapper:hover .hover-shadow
{
box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px !important;
}
.effect-wrapper:hover .hover-bg-transparent
{
background: transparent !important;
}
.effect-wrapper:hover .hover-color-primary
{
color: var(--text-primary) !important;
}
.effect-wrapper:hover .hover-bg-primary
{
background-color: var(--bg-primary) !important;
}
.effect-wrapper:hover .hover-border-primary
{
border-color: var(--border-primary) !important;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section
{
display: block;
}
hr
{
margin: 15px 0;
background-color: currentColor;
color: inherit;
border: 0;
opacity: 0.25;
}
hr:not([size])
{
height: 1px;
}
template, script
{
display: none;
}
pre
{
font-family: monospace, sans-serif;
white-space: pre-line;
}
[disabled]
{
pointer-events: none;
}
.font-master
{
font-family: 'Urbanist', sans-serif;
}
.font-text
{
font-family: 'Urbanist', sans-serif;
}
.font-h1
{
font-family: 'Urbanist', sans-serif;
}
.font-h2
{
font-family: 'Urbanist', sans-serif;
}
.font-h2
{
font-family: 'Urbanist', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
color: var(--text-heading);
font-weight: bold;
line-height: 1.2;
margin-top: 0;
margin-bottom: 10px;
}
.h1, h1
{
font-size: 24px;
}
@media (min-width: 1170px)
{
.h1, h1
{
font-size: 32px;
}
}
.h2, h2
{
font-size: 20px;
}
@media (min-width: 1170px)
{
.h2, h2
{
font-size: 28px;
}
}
.h3, h3
{
font-size: 18px;
}
@media (min-width: 1170px)
{
.h3, h3
{
font-size: 22px;
}
}
.h4, h4
{
font-size: 16px;
}
@media (min-width: 1170px)
{
.h4, h4
{
font-size: 20px;
}
}
.h5, h5
{
font-size: 14px;
}
@media (min-width: 1170px)
{
.h5, h5
{
font-size: 18px;
}
}
.h6, h6
{
font-size: 12px;
}
@media (min-width: 1170px)
{
.h6, h6
{
font-size: 16px;
}
}
p
{
margin-top: 0;
margin-bottom: 10px;
}
ol, ul
{
padding-left: 15px;
}
ol, ul, dl
{
margin-top: 0;
margin-bottom: 10px;
}
nav ul, nav ol, ol ol, ul ul, ol ul, ul ol
{
margin-bottom: 0;
}
nav ul, nav ol, .list-style-none
{
list-style-type: none;
margin: 0;
padding: 0;
}
b, strong
{
font-weight: bold;
}
a
{
background-color: transparent;
color: inherit;
text-decoration: none;
outline: 0;
}
img
{
border: none;
max-width: 100%;
}
img:not(.lazyload, .lazyloading)
{
height: auto;
}
iframe, video
{
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1.7777777778;
}
.product-detail-tab-container iframe, #orderHepsiPayCont iframe, .product-detail-tab-container video, #orderHepsiPayCont video
{
width: revert-layer;
height: revert-layer;
}
.ease
{
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
table
{
border-collapse: collapse;
}
.border-transparent
{
border-color: transparent;
}
.bg-transparent
{
background-color: transparent !important;
}
.fit-contain
{
object-fit: contain !important;
}
.fit-cover
{
object-fit: cover !important;
}
.fit-none
{
object-fit: none !important;
}
.bg-contain
{
background-size: contain !important;
}
.bg-cover
{
background-size: cover !important;
}
.bg-center
{
background-position: center !important;
}
.bg-fixed
{
background-attachment: fixed !important;
}
.bg-scroll
{
background-attachment: scroll !important;
}
.bg-none
{
background: none !important;
}
.bg-body
{
background-color: var(--bg-body) !important;
}
.overlay-body
{
background-color: var(--bg-overlay-body) !important;
}
.bg-primary
{
background-color: var(--bg-primary) !important;
}
.overlay-primary
{
background-color: var(--bg-overlay-primary) !important;
}
.bg-secondary
{
background-color: var(--bg-secondary) !important;
}
.overlay-secondary
{
background-color: var(--bg-overlay-secondary) !important;
}
.bg-white
{
background-color: var(--bg-white) !important;
}
.overlay-white
{
background-color: var(--bg-overlay-white) !important;
}
.bg-black
{
background-color: var(--bg-black) !important;
}
.overlay-black
{
background-color: var(--bg-overlay-black) !important;
}
.bg-success
{
background-color: var(--bg-success) !important;
}
.overlay-success
{
background-color: var(--bg-overlay-success) !important;
}
.bg-info
{
background-color: var(--bg-info) !important;
}
.overlay-info
{
background-color: var(--bg-overlay-info) !important;
}
.bg-warning
{
background-color: var(--bg-warning) !important;
}
.overlay-warning
{
background-color: var(--bg-overlay-warning) !important;
}
.bg-danger
{
background-color: var(--bg-danger) !important;
}
.overlay-danger
{
background-color: var(--bg-overlay-danger) !important;
}
.bg-gray
{
background-color: var(--bg-gray) !important;
}
.overlay-gray
{
background-color: var(--bg-overlay-gray) !important;
}
.bg-light
{
background-color: var(--bg-light) !important;
}
.overlay-light
{
background-color: var(--bg-overlay-light) !important;
}
.bg-dark
{
background-color: var(--bg-dark) !important;
}
.overlay-dark
{
background-color: var(--bg-overlay-dark) !important;
}
body [v-cloak] > *, [v-cloak] > *
{
display: none !important;
}
[v-cloak]::before, .is-loading::before
{
content: '';
background-color: transparent;
width: 34px;
height: 34px;
display: block;
margin: 20px auto;
border-top: 3px solid transparent;
border-left: 3px solid var(--border-primary);
border-right: 3px solid var(--border-primary);
border-bottom: 3px solid var(--border-primary);
border-radius: 100%;
animation: transformRotate 1s infinite;
}
.row
{
display: flex !important;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row.no-gutters
{
margin-right: 0 !important;
margin-left: 0 !important;
}
.row.no-gutters > .col, .row.no-gutters > [class*="col-"]
{
padding-right: 0 !important;
padding-left: 0 !important;
}
.col
{
flex: 1 0 0%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-auto
{
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-1
{
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-2
{
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-3
{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.col-4
{
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-5
{
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-6
{
flex-basis: 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.col-7
{
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-8
{
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-9
{
flex-basis: 75%;
max-width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.col-10
{
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-11
{
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-12
{
flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
html:not([dir="rtl"]) .offset-0
{
margin-left: 0%;
}
[dir="rtl"] .offset-0
{
margin-right: 0%;
}
html:not([dir="rtl"]) .offset-1
{
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-1
{
margin-right: 8.3333333333%;
}
html:not([dir="rtl"]) .offset-2
{
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-2
{
margin-right: 16.6666666667%;
}
html:not([dir="rtl"]) .offset-3
{
margin-left: 25%;
}
[dir="rtl"] .offset-3
{
margin-right: 25%;
}
html:not([dir="rtl"]) .offset-4
{
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-4
{
margin-right: 33.3333333333%;
}
html:not([dir="rtl"]) .offset-5
{
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-5
{
margin-right: 41.6666666667%;
}
html:not([dir="rtl"]) .offset-6
{
margin-left: 50%;
}
[dir="rtl"] .offset-6
{
margin-right: 50%;
}
html:not([dir="rtl"]) .offset-7
{
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-7
{
margin-right: 58.3333333333%;
}
html:not([dir="rtl"]) .offset-8
{
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-8
{
margin-right: 66.6666666667%;
}
html:not([dir="rtl"]) .offset-9
{
margin-left: 75%;
}
[dir="rtl"] .offset-9
{
margin-right: 75%;
}
html:not([dir="rtl"]) .offset-10
{
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-10
{
margin-right: 83.3333333333%;
}
html:not([dir="rtl"]) .offset-11
{
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-11
{
margin-right: 91.6666666667%;
}
@media (min-width: 576px)
{
.col-sm
{
flex: 1 0 0%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-auto
{
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-1
{
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-2
{
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-3
{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-4
{
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-5
{
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-6
{
flex-basis: 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-7
{
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-8
{
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-9
{
flex-basis: 75%;
max-width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-10
{
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-11
{
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-sm-12
{
flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
html:not([dir="rtl"]) .offset-sm-0
{
margin-left: 0%;
}
[dir="rtl"] .offset-sm-0
{
margin-right: 0%;
}
html:not([dir="rtl"]) .offset-sm-1
{
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-sm-1
{
margin-right: 8.3333333333%;
}
html:not([dir="rtl"]) .offset-sm-2
{
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-sm-2
{
margin-right: 16.6666666667%;
}
html:not([dir="rtl"]) .offset-sm-3
{
margin-left: 25%;
}
[dir="rtl"] .offset-sm-3
{
margin-right: 25%;
}
html:not([dir="rtl"]) .offset-sm-4
{
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-sm-4
{
margin-right: 33.3333333333%;
}
html:not([dir="rtl"]) .offset-sm-5
{
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-sm-5
{
margin-right: 41.6666666667%;
}
html:not([dir="rtl"]) .offset-sm-6
{
margin-left: 50%;
}
[dir="rtl"] .offset-sm-6
{
margin-right: 50%;
}
html:not([dir="rtl"]) .offset-sm-7
{
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-sm-7
{
margin-right: 58.3333333333%;
}
html:not([dir="rtl"]) .offset-sm-8
{
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-sm-8
{
margin-right: 66.6666666667%;
}
html:not([dir="rtl"]) .offset-sm-9
{
margin-left: 75%;
}
[dir="rtl"] .offset-sm-9
{
margin-right: 75%;
}
html:not([dir="rtl"]) .offset-sm-10
{
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-sm-10
{
margin-right: 83.3333333333%;
}
html:not([dir="rtl"]) .offset-sm-11
{
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-sm-11
{
margin-right: 91.6666666667%;
}
}
@media (max-width: 767px)
{
.row
{
margin-right: -8px;
margin-left: -8px;
}
.col, .col-auto, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
{
padding-right: 8px;
padding-left: 8px;
}
}
@media (min-width: 768px)
{
.col-md
{
flex: 1 0 0%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-auto
{
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-1
{
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-2
{
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-3
{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-4
{
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-5
{
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-6
{
flex-basis: 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-7
{
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-8
{
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-9
{
flex-basis: 75%;
max-width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-10
{
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-11
{
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-md-12
{
flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
html:not([dir="rtl"]) .offset-md-0
{
margin-left: 0%;
}
[dir="rtl"] .offset-md-0
{
margin-right: 0%;
}
html:not([dir="rtl"]) .offset-md-1
{
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-md-1
{
margin-right: 8.3333333333%;
}
html:not([dir="rtl"]) .offset-md-2
{
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-md-2
{
margin-right: 16.6666666667%;
}
html:not([dir="rtl"]) .offset-md-3
{
margin-left: 25%;
}
[dir="rtl"] .offset-md-3
{
margin-right: 25%;
}
html:not([dir="rtl"]) .offset-md-4
{
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-md-4
{
margin-right: 33.3333333333%;
}
html:not([dir="rtl"]) .offset-md-5
{
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-md-5
{
margin-right: 41.6666666667%;
}
html:not([dir="rtl"]) .offset-md-6
{
margin-left: 50%;
}
[dir="rtl"] .offset-md-6
{
margin-right: 50%;
}
html:not([dir="rtl"]) .offset-md-7
{
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-md-7
{
margin-right: 58.3333333333%;
}
html:not([dir="rtl"]) .offset-md-8
{
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-md-8
{
margin-right: 66.6666666667%;
}
html:not([dir="rtl"]) .offset-md-9
{
margin-left: 75%;
}
[dir="rtl"] .offset-md-9
{
margin-right: 75%;
}
html:not([dir="rtl"]) .offset-md-10
{
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-md-10
{
margin-right: 83.3333333333%;
}
html:not([dir="rtl"]) .offset-md-11
{
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-md-11
{
margin-right: 91.6666666667%;
}
}
@media (min-width: 992px)
{
.col-lg
{
flex: 1 0 0%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-auto
{
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-1
{
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-2
{
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-3
{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-4
{
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-5
{
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-6
{
flex-basis: 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-7
{
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-8
{
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-9
{
flex-basis: 75%;
max-width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-10
{
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-11
{
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-lg-12
{
flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
html:not([dir="rtl"]) .offset-lg-0
{
margin-left: 0%;
}
[dir="rtl"] .offset-lg-0
{
margin-right: 0%;
}
html:not([dir="rtl"]) .offset-lg-1
{
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-lg-1
{
margin-right: 8.3333333333%;
}
html:not([dir="rtl"]) .offset-lg-2
{
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-lg-2
{
margin-right: 16.6666666667%;
}
html:not([dir="rtl"]) .offset-lg-3
{
margin-left: 25%;
}
[dir="rtl"] .offset-lg-3
{
margin-right: 25%;
}
html:not([dir="rtl"]) .offset-lg-4
{
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-lg-4
{
margin-right: 33.3333333333%;
}
html:not([dir="rtl"]) .offset-lg-5
{
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-lg-5
{
margin-right: 41.6666666667%;
}
html:not([dir="rtl"]) .offset-lg-6
{
margin-left: 50%;
}
[dir="rtl"] .offset-lg-6
{
margin-right: 50%;
}
html:not([dir="rtl"]) .offset-lg-7
{
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-lg-7
{
margin-right: 58.3333333333%;
}
html:not([dir="rtl"]) .offset-lg-8
{
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-lg-8
{
margin-right: 66.6666666667%;
}
html:not([dir="rtl"]) .offset-lg-9
{
margin-left: 75%;
}
[dir="rtl"] .offset-lg-9
{
margin-right: 75%;
}
html:not([dir="rtl"]) .offset-lg-10
{
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-lg-10
{
margin-right: 83.3333333333%;
}
html:not([dir="rtl"]) .offset-lg-11
{
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-lg-11
{
margin-right: 91.6666666667%;
}
}
@media (min-width: 1170px)
{
.col-xl
{
flex: 1 0 0%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-auto
{
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-1
{
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-2
{
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-3
{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-4
{
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-5
{
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-6
{
flex-basis: 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-7
{
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-8
{
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-9
{
flex-basis: 75%;
max-width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-10
{
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-11
{
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xl-12
{
flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
html:not([dir="rtl"]) .offset-xl-0
{
margin-left: 0%;
}
[dir="rtl"] .offset-xl-0
{
margin-right: 0%;
}
html:not([dir="rtl"]) .offset-xl-1
{
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-xl-1
{
margin-right: 8.3333333333%;
}
html:not([dir="rtl"]) .offset-xl-2
{
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-xl-2
{
margin-right: 16.6666666667%;
}
html:not([dir="rtl"]) .offset-xl-3
{
margin-left: 25%;
}
[dir="rtl"] .offset-xl-3
{
margin-right: 25%;
}
html:not([dir="rtl"]) .offset-xl-4
{
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-xl-4
{
margin-right: 33.3333333333%;
}
html:not([dir="rtl"]) .offset-xl-5
{
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-xl-5
{
margin-right: 41.6666666667%;
}
html:not([dir="rtl"]) .offset-xl-6
{
margin-left: 50%;
}
[dir="rtl"] .offset-xl-6
{
margin-right: 50%;
}
html:not([dir="rtl"]) .offset-xl-7
{
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-xl-7
{
margin-right: 58.3333333333%;
}
html:not([dir="rtl"]) .offset-xl-8
{
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-xl-8
{
margin-right: 66.6666666667%;
}
html:not([dir="rtl"]) .offset-xl-9
{
margin-left: 75%;
}
[dir="rtl"] .offset-xl-9
{
margin-right: 75%;
}
html:not([dir="rtl"]) .offset-xl-10
{
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-xl-10
{
margin-right: 83.3333333333%;
}
html:not([dir="rtl"]) .offset-xl-11
{
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-xl-11
{
margin-right: 91.6666666667%;
}
}
@media (min-width: 1400px)
{
.col-xxl
{
flex: 1 0 0%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-auto
{
flex: 0 0 auto;
width: auto;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-1
{
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-2
{
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-3
{
flex-basis: 25%;
max-width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-4
{
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-5
{
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-6
{
flex-basis: 50%;
max-width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-7
{
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-8
{
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-9
{
flex-basis: 75%;
max-width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-10
{
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-11
{
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding-left: 15px;
padding-right: 15px;
}
.col-xxl-12
{
flex-basis: 100%;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
html:not([dir="rtl"]) .offset-xxl-0
{
margin-left: 0%;
}
[dir="rtl"] .offset-xxl-0
{
margin-right: 0%;
}
html:not([dir="rtl"]) .offset-xxl-1
{
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-xxl-1
{
margin-right: 8.3333333333%;
}
html:not([dir="rtl"]) .offset-xxl-2
{
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-xxl-2
{
margin-right: 16.6666666667%;
}
html:not([dir="rtl"]) .offset-xxl-3
{
margin-left: 25%;
}
[dir="rtl"] .offset-xxl-3
{
margin-right: 25%;
}
html:not([dir="rtl"]) .offset-xxl-4
{
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-xxl-4
{
margin-right: 33.3333333333%;
}
html:not([dir="rtl"]) .offset-xxl-5
{
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-xxl-5
{
margin-right: 41.6666666667%;
}
html:not([dir="rtl"]) .offset-xxl-6
{
margin-left: 50%;
}
[dir="rtl"] .offset-xxl-6
{
margin-right: 50%;
}
html:not([dir="rtl"]) .offset-xxl-7
{
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-xxl-7
{
margin-right: 58.3333333333%;
}
html:not([dir="rtl"]) .offset-xxl-8
{
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-xxl-8
{
margin-right: 66.6666666667%;
}
html:not([dir="rtl"]) .offset-xxl-9
{
margin-left: 75%;
}
[dir="rtl"] .offset-xxl-9
{
margin-right: 75%;
}
html:not([dir="rtl"]) .offset-xxl-10
{
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-xxl-10
{
margin-right: 83.3333333333%;
}
html:not([dir="rtl"]) .offset-xxl-11
{
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-xxl-11
{
margin-right: 91.6666666667%;
}
}
form, input, button, select, optgroup, textarea
{
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.form-control-placeholder::-webkit-input-placeholder, .no-placeholder::-webkit-input-placeholder
{
opacity: 0;
}
.form-control-placeholder:-moz-placeholder, .no-placeholder:-moz-placeholder
{
opacity: 0;
}
.form-control-placeholder::-moz-placeholder, .no-placeholder::-moz-placeholder
{
opacity: 0;
}
.form-control-placeholder:-ms-input-placeholder, .no-placeholder:-ms-input-placeholder
{
opacity: 0;
}
.form-control-placeholder::placeholder, .no-placeholder::placeholder
{
opacity: 0;
}
select
{
word-wrap: normal;
}
button, [type="button"], [type="reset"], [type="submit"]
{
outline: 0;
-webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled)
{
cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner
{
padding: 0;
border-style: none;
}
input[type="radio"], input[type="checkbox"]
{
box-sizing: border-box;
padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]
{
-webkit-appearance: listbox;
}
textarea
{
min-height: 40px;
overflow: auto;
resize: vertical;
}
textarea.form-control, textarea.form-control.btn
{
padding: 8px 15px;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button
{
height: auto;
}
[type="search"]
{
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration
{
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button
{
cursor: pointer;
}
[type="search"].no-cancel::-webkit-search-cancel-button
{
display: none;
}
::-webkit-file-upload-button
{
font: inherit;
-webkit-appearance: button;
}
input[type="number"].no-arrows
{
-moz-appearance: textfield;
}
input[type="number"].no-arrows::-webkit-outer-spin-button, input[type="number"].no-arrows::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
label
{
color: var(--text-heading);
font-size: 13px;
font-weight: 600;
display: inline-block;
margin-bottom: 4px;
}
.form-control, .form-control.btn
{
background-color: var(--bg-white);
background-clip: padding-box;
color: var(--text-body);
font-size: 13px;
font-weight: normal;
line-height: 1.5;
width: 100%;
height: 36px;
display: block;
padding: 4px 15px;
border: 1px solid var(--border-secondary);
border-radius: var(--border-radius);
box-shadow: none;
transition: border-color 0.15s ease-in-out;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.form-control.no-radius, .no-radius.form-control.btn
{
border-radius: 0;
}
.form-control.form-control-sm, .form-control-sm.form-control.btn
{
font-size: 12px;
height: 28.8px;
}
.form-control.form-control-md, .form-control-md.form-control.btn
{
height: 43.2px;
}
.form-control.form-control-lg, .form-control-lg.form-control.btn
{
height: 50.4px;
}
.form-control::-ms-expand, .form-control.btn::-ms-expand
{
background-color: transparent;
}
.form-control:focus, .form-control.btn:focus
{
border-color: var(--border-primary);
outline: 0;
}
.form-control:disabled, .form-control.btn:disabled, .form-control[readonly]:not(.flatpickr, .flatpickr-input, .t-tax-form), .form-control.btn:not(.flatpickr, .flatpickr-input, .t-tax-form)[readonly]
{
background-color: #f7f7f7;
opacity: 1;
}
.form-control.loaded, .loaded.form-control.btn
{
padding-top: 8px;
}
.form-control:-webkit-autofill, .form-control.btn:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control.btn:hover:-webkit-autofill, .form-control:-webkit-autofill:focus, .form-control.btn:focus:-webkit-autofill, .form-control:-webkit-autofill:active, .form-control.btn:active:-webkit-autofill
{
-webkit-box-shadow: 0 0 0 30px white inset !important;
-moz-box-shadow: 0 0 0 30px white inset !important;
box-shadow: 0 0 0 30px white inset !important;
}
.form-control.error-input, .error-input.form-control.btn
{
border-color: var(--border-danger) !important;
}
.form-control.btn:hover, .btn.form-control:hover, .form-control.btn:focus, .btn.form-control:focus
{
background-color: inherit !important;
color: inherit !important;
}
select.form-control, select.form-control.btn
{
background-image: url(https://witcdn.motorobit.com/theme/v5/images/select-down.svg);
background-repeat: no-repeat;
background-size: 8px;
}
select.form-control:focus::-ms-value, select.form-control.btn::-ms-value:focus
{
color: #495057;
background-color: var(--bg-white);
}
html:not([dir="rtl"]) select.form-control, html:not([dir="rtl"]) select.form-control.btn
{
background-position: calc(100% - 10px) center;
padding-right: 30px;
}
[dir="rtl"] select.form-control, [dir="rtl"] select.form-control.btn
{
background-position: 10px center;
padding-left: 30px;
}
textarea.form-control:not(.form-control-md):not(.form-control-sm), textarea.form-control.btn:not(.form-control-sm):not(.form-control-md)
{
height: 150px;
}
textarea.form-control.form-control-md, textarea.form-control-md.form-control.btn
{
height: 95px;
}
textarea.form-control.form-control-sm, textarea.form-control-sm.form-control.btn
{
height: 70px;
}
.input-placeholder-required
{
margin-left: 5px;
}
select.form-control-placeholder-hidden
{
text-indent: -9999px;
}
input + .input-placeholder, textarea + .input-placeholder, select + .input-placeholder
{
background-color: transparent;
color: var(--text-body);
font-size: 13px;
display: flex;
align-items: center;
width: auto;
height: 100%;
padding: 0 7.5px;
position: absolute;
top: 0;
left: 7.5px;
z-index: 2;
pointer-events: none;
transition: all 200ms ease-in-out;
visibility: visible;
}
input + .input-placeholder.focused, textarea + .input-placeholder.focused, select + .input-placeholder.focused
{
background-color: var(--bg-white);
color: var(--text-light);
font-size: 12px;
line-height: 16px;
height: 16px;
top: -8px;
font-weight: 300;
}
[dir="rtl"] input + .input-placeholder, [dir="rtl"] textarea + .input-placeholder, [dir="rtl"] select + .input-placeholder
{
left: auto;
right: 7.5px;
}
input:-webkit-autofill + .input-placeholder, textarea:-webkit-autofill + .input-placeholder, select:-webkit-autofill + .input-placeholder
{
background-color: var(--bg-white);
font-size: 12px;
line-height: 16px;
height: 16px;
top: -8px;
}
textarea + .input-placeholder
{
max-height: 40px;
}
input[type="checkbox"].form-control, input.form-control.btn[type="checkbox"], input[type="radio"].form-control, input.form-control.btn[type="radio"]
{
display: none;
}
input[type="checkbox"].form-control + label, input.form-control.btn[type="checkbox"] + label, input[type="radio"].form-control + label, input.form-control.btn[type="radio"] + label
{
cursor: pointer;
}
input[type="checkbox"].form-control + label > .input-checkbox, input.form-control.btn[type="checkbox"] + label > .input-checkbox, input[type="radio"].form-control + label > .input-checkbox, input.form-control.btn[type="radio"] + label > .input-checkbox, input[type="checkbox"].form-control + label > .input-radio, input.form-control.btn[type="checkbox"] + label > .input-radio, input[type="radio"].form-control + label > .input-radio, input.form-control.btn[type="radio"] + label > .input-radio
{
background-color: var(--bg-white);
min-width: 14px;
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 14px;
border: 1px solid var(--text-gray);
margin-right: 6px;
position: relative;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
input[type="checkbox"].form-control + label > .input-checkbox i[class*="ti-"], input.form-control.btn[type="checkbox"] + label > .input-checkbox i[class*="ti-"], input[type="radio"].form-control + label > .input-checkbox i[class*="ti-"], input.form-control.btn[type="radio"] + label > .input-checkbox i[class*="ti-"], input[type="checkbox"].form-control + label > .input-radio i[class*="ti-"], input.form-control.btn[type="checkbox"] + label > .input-radio i[class*="ti-"], input[type="radio"].form-control + label > .input-radio i[class*="ti-"], input.form-control.btn[type="radio"] + label > .input-radio i[class*="ti-"]
{
color: var(--text-primary);
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
input[type="checkbox"].form-control + label > .input-checkbox, input.form-control.btn[type="checkbox"] + label > .input-checkbox, input[type="radio"].form-control + label > .input-checkbox, input.form-control.btn[type="radio"] + label > .input-checkbox
{
border-radius: 4px;
}
input[type="checkbox"].form-control + label > .input-checkbox i[class*="ti-"], input.form-control.btn[type="checkbox"] + label > .input-checkbox i[class*="ti-"], input[type="radio"].form-control + label > .input-checkbox i[class*="ti-"], input.form-control.btn[type="radio"] + label > .input-checkbox i[class*="ti-"]
{
font-size: 10px;
}
input[type="checkbox"].form-control + label > .input-radio, input.form-control.btn[type="checkbox"] + label > .input-radio, input[type="radio"].form-control + label > .input-radio, input.form-control.btn[type="radio"] + label > .input-radio
{
border-radius: 100%;
}
input[type="checkbox"].form-control + label > .input-radio i[class*="ti-"], input.form-control.btn[type="checkbox"] + label > .input-radio i[class*="ti-"], input[type="radio"].form-control + label > .input-radio i[class*="ti-"], input.form-control.btn[type="radio"] + label > .input-radio i[class*="ti-"]
{
font-size: 7px;
}
input[type="checkbox"].form-control:checked + label > .input-checkbox, input.form-control.btn:checked[type="checkbox"] + label > .input-checkbox, input[type="radio"].form-control:checked + label > .input-checkbox, input.form-control.btn:checked[type="radio"] + label > .input-checkbox, input[type="checkbox"].form-control:checked + label > .input-radio, input.form-control.btn:checked[type="checkbox"] + label > .input-radio, input[type="radio"].form-control:checked + label > .input-radio, input.form-control.btn:checked[type="radio"] + label > .input-radio
{
border-color: var(--border-primary);
}
input[type="checkbox"].form-control:checked + label > .input-checkbox i[class*="ti-"], input.form-control.btn:checked[type="checkbox"] + label > .input-checkbox i[class*="ti-"], input[type="radio"].form-control:checked + label > .input-checkbox i[class*="ti-"], input.form-control.btn:checked[type="radio"] + label > .input-checkbox i[class*="ti-"], input[type="checkbox"].form-control:checked + label > .input-radio i[class*="ti-"], input.form-control.btn:checked[type="checkbox"] + label > .input-radio i[class*="ti-"], input[type="radio"].form-control:checked + label > .input-radio i[class*="ti-"], input.form-control.btn:checked[type="radio"] + label > .input-radio i[class*="ti-"]
{
opacity: 1;
visibility: visible;
}
[dir="rtl"] input[type="checkbox"].form-control + label > .input-checkbox, [dir="rtl"] input.form-control.btn[type="checkbox"] + label > .input-checkbox, [dir="rtl"] input[type="radio"].form-control + label > .input-checkbox, [dir="rtl"] input.form-control.btn[type="radio"] + label > .input-checkbox, [dir="rtl"] input[type="checkbox"].form-control + label > .input-radio, [dir="rtl"] input.form-control.btn[type="checkbox"] + label > .input-radio, [dir="rtl"] input[type="radio"].form-control + label > .input-radio, [dir="rtl"] input.form-control.btn[type="radio"] + label > .input-radio
{
margin-right: 0;
margin-left: 6px;
}
[dir="rtl"] input[type="checkbox"].form-control + label > .input-checkbox i[class*="ti-"], [dir="rtl"] input.form-control.btn[type="checkbox"] + label > .input-checkbox i[class*="ti-"], [dir="rtl"] input[type="radio"].form-control + label > .input-checkbox i[class*="ti-"], [dir="rtl"] input.form-control.btn[type="radio"] + label > .input-checkbox i[class*="ti-"], [dir="rtl"] input[type="checkbox"].form-control + label > .input-radio i[class*="ti-"], [dir="rtl"] input.form-control.btn[type="checkbox"] + label > .input-radio i[class*="ti-"], [dir="rtl"] input[type="radio"].form-control + label > .input-radio i[class*="ti-"], [dir="rtl"] input.form-control.btn[type="radio"] + label > .input-radio i[class*="ti-"]
{
left: auto;
right: 50%;
transform: translate(50%, -50%);
}
input[type="file"].form-control, input.form-control.btn[type="file"]
{
display: none;
}
input[type="file"].form-control + label, input.form-control.btn[type="file"] + label
{
cursor: pointer;
}
input[type="file"].form-control + label > i, input.form-control.btn[type="file"] + label > i
{
font-size: 16px;
}
.input-group
{
display: flex !important;
}
.input-group .input-group-append, .input-group .input-group-prepend
{
background-color: var(--bg-light);
border-top: 1px solid var(--border-secondary);
border-bottom: 1px solid var(--border-secondary);
overflow: hidden;
}
.input-group .input-group-append i, .input-group .input-group-prepend i
{
width: 100%;
min-width: 50px;
height: 100%;
font-size: 20px;
text-align: center;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
.input-group .input-group-append:not(.no-animate):hover i, .input-group .input-group-prepend:not(.no-animate):hover i
{
transform: rotate(360deg);
}
.input-group img
{
display: block;
width: 100px;
height: 100%;
object-fit: contain;
}
.input-group > .form-control, .input-group > .form-control.btn
{
flex: 1 1 auto;
width: 1%;
min-width: 0;
}
html:not([dir="rtl"]) .input-group .input-group-prepend
{
border-left: 1px solid var(--border-secondary);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
html:not([dir="rtl"]) .input-group .input-group-append
{
border-right: 1px solid var(--border-secondary);
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
html:not([dir="rtl"]) .input-group .input-group-prepend + input, html:not([dir="rtl"]) .input-group .input-group-prepend + textarea
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
html:not([dir="rtl"]) .input-group > input:not(:last-child):not([type="tel"]), html:not([dir="rtl"]) .input-group > textarea:not(:last-child)
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .input-group .input-group-prepend
{
border-right: 1px solid var(--border-secondary);
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
[dir="rtl"] .input-group .input-group-append
{
border-left: 1px solid var(--border-secondary);
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
[dir="rtl"] .input-group .input-group-prepend + input, [dir="rtl"] .input-group .input-group-prepend + textarea
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .input-group > input:not(:last-child):not([type="tel"]), [dir="rtl"] .input-group > textarea:not(:last-child)
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.error-input-msg
{
color: var(--text-danger);
font-size: 10px;
line-height: 1;
pointer-events: none;
position: absolute;
top: 6px;
right: 6px;
z-index: 3;
background: var(--bg-white);
}
[dir="rtl"] .error-input-msg
{
right: auto;
left: 6px;
}
.t-phone-masked .input-placeholder
{
left: 47.5px;
}
.t-phone-masked .t-flag
{
position: relative;
width: 40px;
min-height: 34px;
overflow: visible;
z-index: 10;
}
.t-phone-masked .t-flag.show
{
z-index: 11;
}
.t-phone-masked .t-flag .t-flag-icon
{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.t-phone-masked .t-flag .t-flag-icon img
{
width: 16px;
height: 16px;
flex-shrink: 0;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.t-phone-masked .t-flag-list
{
width: 600%;
max-width: 300px;
position: absolute;
top: 100%;
left: -1px;
}
.t-phone-masked .t-flag-list .t-flag-list-ul
{
max-height: 180px;
overflow-y: auto;
}
.t-phone-masked .t-flag-list .t-flag-list-item
{
cursor: pointer;
}
.t-phone-masked .t-flag-list .t-flag-code
{
padding-right: 8px;
}
.t-phone-masked .t-flag-list .t-flag-i
{
width: 16px;
height: 16px;
display: block;
margin-right: 6px;
}
.t-phone-masked .t-flag-list .t-flag-i img
{
width: 100%;
height: 100%;
flex-shrink: 0;
object-fit: cover;
display: block;
}
[dir="rtl"] .t-phone-masked .input-placeholder
{
left: auto;
right: 47.5px;
}
[dir="rtl"] .t-phone-masked .t-flag .t-flag-icon i
{
left: auto;
right: 50%;
transform: translate(50%, -50%);
}
[dir="rtl"] .t-phone-masked .t-flag-list
{
left: auto;
right: -1px;
}
[dir="rtl"] .t-phone-masked .t-flag-list .t-flag-code
{
padding-right: 0;
padding-left: 8px;
}
[dir="rtl"] .t-phone-masked .t-flag-list .t-flag-i
{
margin-right: 0;
margin-left: 6px;
}
.t-tax-office
{
position: relative;
}
.t-tax-office .t-tax-list
{
position: absolute;
top: 100%;
left: 0;
right: 0;
width: 100%;
background: var(--bg-white);
border: 1px solid var(--border-secondary);
}
.t-tax-office .t-tax-list .t-tax-list-ul
{
max-height: 140px;
overflow-y: auto;
}
.t-tax-office .t-tax-list .t-tax-list-ul .t-tax-list-item
{
cursor: pointer;
padding: 5px 0;
}
.t-tax-office .t-tax-list .t-tax-list-ul .t-tax-list-item:hover
{
color: var(--text-primary);
}
.t-tax-office .t-tax-list.show
{
z-index: 20;
}
.btn
{
background-color: transparent;
display: inline-block;
color: #212529;
font-weight: 400;
text-align: center;
line-height: 1.2;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
outline: 0;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.btn:disabled, .btn.disabled
{
opacity: 0.65;
pointer-events: none;
}
.btn .with-shadow
{
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.11);
}
.btn:not(.no-radius)
{
border-radius: var(--border-radius);
}
.btn.btn-primary
{
background-color: var(--button-primary);
border-color: var(--button-primary);
color: var(--text-white);
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.active
{
background-color: #336f98;
border-color: #336f98;
}
.btn.btn-secondary
{
background-color: var(--button-secondary);
border-color: var(--button-secondary);
color: var(--text-white);
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.active
{
background-color: #797979;
border-color: #797979;
}
.btn.btn-white
{
background-color: var(--button-white);
border-color: var(--button-white);
}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white.active
{
background-color: #ececec;
border-color: #ececec;
}
.btn.btn-black
{
background-color: var(--button-black);
border-color: var(--button-black);
color: var(--text-white);
}
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black.active
{
background-color: black;
border-color: black;
}
.btn.btn-success
{
background-color: var(--button-success);
border-color: var(--button-success);
color: var(--text-white);
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success.active
{
background-color: #399940;
border-color: #399940;
}
.btn.btn-info
{
background-color: var(--button-info);
border-color: var(--button-info);
color: var(--text-white);
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info.active
{
background-color: #2ac1ef;
border-color: #2ac1ef;
}
.btn.btn-warning
{
background-color: var(--button-warning);
border-color: var(--button-warning);
color: var(--text-white);
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning.active
{
background-color: #d1a404;
border-color: #d1a404;
}
.btn.btn-danger
{
background-color: var(--button-danger);
border-color: var(--button-danger);
color: var(--text-white);
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.active
{
background-color: #c9192a;
border-color: #c9192a;
}
.btn.btn-gray
{
background-color: var(--button-gray);
border-color: var(--button-gray);
color: var(--text-white);
}
.btn.btn-gray:hover, .btn.btn-gray:focus, .btn.btn-gray.active
{
background-color: #616161;
border-color: #616161;
}
.btn.btn-light
{
background-color: var(--button-light);
border-color: var(--button-light);
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.active
{
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.btn.btn-dark
{
background-color: var(--button-dark);
border-color: var(--button-dark);
color: var(--text-white);
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark.active
{
background-color: #181716;
border-color: #181716;
}
.btn.btn-outline-primary
{
background-color: transparent;
color: var(--button-primary);
border-color: var(--button-primary);
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus, .btn.btn-outline-primary.active
{
background-color: var(--button-primary);
color: var(--text-white);
}
.btn.btn-outline-secondary
{
background-color: transparent;
color: var(--button-secondary);
border-color: var(--button-secondary);
}
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus, .btn.btn-outline-secondary.active
{
background-color: var(--button-secondary);
color: var(--text-white);
}
.btn.btn-outline-white
{
background-color: transparent;
color: var(--button-white);
border-color: var(--button-white);
}
.btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white.active
{
background-color: var(--button-white);
color: var(--text-body);
}
.btn.btn-outline-black
{
background-color: transparent;
color: var(--button-black);
border-color: var(--button-black);
}
.btn.btn-outline-black:hover, .btn.btn-outline-black:focus, .btn.btn-outline-black.active
{
background-color: var(--button-black);
color: var(--text-white);
}
.btn.btn-outline-success
{
background-color: transparent;
color: var(--button-success);
border-color: var(--button-success);
}
.btn.btn-outline-success:hover, .btn.btn-outline-success:focus, .btn.btn-outline-success.active
{
background-color: var(--button-success);
color: var(--text-white);
}
.btn.btn-outline-info
{
background-color: transparent;
color: var(--button-info);
border-color: var(--button-info);
}
.btn.btn-outline-info:hover, .btn.btn-outline-info:focus, .btn.btn-outline-info.active
{
background-color: var(--button-info);
color: var(--text-white);
}
.btn.btn-outline-warning
{
background-color: transparent;
color: var(--button-warning);
border-color: var(--button-warning);
}
.btn.btn-outline-warning:hover, .btn.btn-outline-warning:focus, .btn.btn-outline-warning.active
{
background-color: var(--button-warning);
color: var(--text-white);
}
.btn.btn-outline-danger
{
background-color: transparent;
color: var(--button-danger);
border-color: var(--button-danger);
}
.btn.btn-outline-danger:hover, .btn.btn-outline-danger:focus, .btn.btn-outline-danger.active
{
background-color: var(--button-danger);
color: var(--text-white);
}
.btn.btn-outline-gray
{
background-color: transparent;
color: var(--button-gray);
border-color: var(--button-gray);
}
.btn.btn-outline-gray:hover, .btn.btn-outline-gray:focus, .btn.btn-outline-gray.active
{
background-color: var(--button-gray);
color: var(--text-white);
}
.btn.btn-outline-light
{
background-color: transparent;
color: var(--button-light);
border-color: var(--button-light);
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus, .btn.btn-outline-light.active
{
background-color: var(--button-light);
color: var(--text-body);
}
.btn.btn-outline-dark
{
background-color: transparent;
color: var(--button-dark);
border-color: var(--button-dark);
}
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus, .btn.btn-outline-dark.active
{
background-color: var(--button-dark);
color: var(--text-white);
}
.btn.btn-lg
{
font-size: 18px;
padding: 18px 24px;
}
.btn.btn-md
{
font-size: 14px;
padding: 15px 18px;
}
.btn
{
font-size: 13px;
padding: 11.1111111111px 15px;
}
.btn.btn-sm
{
font-size: 10px;
padding: 7.5px 10px;
}
@media (min-width: 768px)
{
.btn.btn-lg
{
font-size: 20px;
padding: 26.25px 37.5px;
}
.btn.btn-md
{
font-size: 16px;
padding: 18px 24px;
}
.btn
{
font-size: 14px;
padding: 11.1111111111px 15px;
}
.btn.btn-sm
{
font-size: 12px;
padding: 7.5px 10px;
}
}
.container-fluid
{
width: 100%;
padding-left: 8px;
padding-right: 8px;
margin: 0 auto;
float: none;
clear: both;
}
@media (min-width: 768px)
{
.container-fluid
{
padding-left: 15px;
padding-right: 15px;
}
}
.container
{
width: 100%;
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
margin: 0 auto;
float: none;
clear: both;
}
@media (min-width: 1170px)
{
.container
{
width: 1170px;
}
}
@media (min-width: 768px)
{
.container
{
padding-left: 15px;
padding-right: 15px;
}
}
.max-width
{
max-width: 100%;
}
.max-height
{
max-height: 100%;
}
html:not([dir="rtl"]) .float-left
{
float: left;
}
html:not([dir="rtl"]) .float-right
{
float: right;
}
[dir="rtl"] .float-left
{
float: right;
}
[dir="rtl"] .float-right
{
float: left;
}
.clearfix
{
clear: both;
}
.clearfix::before, .clearfix::after
{
content: '';
display: table;
}
.clearfix::after
{
clear: both;
}
.d-block
{
display: block !important;
}
.d-inline-block
{
display: inline-block !important;
}
.d-flex
{
display: flex !important;
}
.d-inline-flex
{
display: inline-flex !important;
}
.d-grid
{
display: grid !important;
}
.d-inline-grid
{
display: inline-grid !important;
}
.d-none
{
display: none !important;
}
.align-items-flex-start
{
align-items: flex-start;
}
.align-items-center
{
align-items: center;
}
.align-items-flex-end
{
align-items: flex-end;
}
.align-items-start
{
align-items: start;
}
.align-items-end
{
align-items: end;
}
.justify-content-around
{
justify-content: space-around;
}
.justify-content-between
{
justify-content: space-between;
}
.justify-content-flex-start
{
justify-content: flex-start;
}
.justify-content-center
{
justify-content: center;
}
.justify-content-flex-end
{
justify-content: flex-end;
}
.justify-content-evenly
{
justify-content: space-evenly;
}
.justify-content-start
{
justify-content: start;
}
.justify-content-end
{
justify-content: end;
}
.flex-wrap
{
flex-wrap: wrap;
}
.flex-nowrap
{
flex-wrap: nowrap;
}
.flex-wrap-reverse
{
flex-wrap: wrap-reverse;
}
.flex-direction-row
{
flex-direction: row;
}
.flex-direction-row-reverse
{
flex-direction: row-reverse;
}
.flex-direction-column
{
flex-direction: column;
}
.flex-direction-column-reverse
{
flex-direction: column-reverse;
}
.flex-shrink-0
{
flex-shrink: 0;
}
.flex-shrink-1
{
flex-shrink: 1;
}
.flex-shrink-2
{
flex-shrink: 2;
}
[dir="rtl"] .text-left
{
text-align: right !important;
}
html:not([dir="rtl"]) .text-left
{
text-align: left !important;
}
.text-center
{
text-align: center !important;
}
[dir="rtl"] .text-right
{
text-align: left !important;
}
html:not([dir="rtl"]) .text-right
{
text-align: right !important;
}
.text-justify
{
text-align: justify !important;
}
.order-n1
{
order: -1;
}
.order-0
{
order: 0;
}
.order-1
{
order: 1;
}
.order-2
{
order: 2;
}
.order-3
{
order: 3;
}
.order-4
{
order: 4;
}
.order-5
{
order: 5;
}
.order-6
{
order: 6;
}
.order-7
{
order: 7;
}
.order-8
{
order: 8;
}
.order-9
{
order: 9;
}
.order-10
{
order: 10;
}
.grid-cols-0
{
grid-template-columns: repeat(0, minmax(0, 1fr));
}
.grid-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3
{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5
{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7
{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8
{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9
{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10
{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11
{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.w-25
{
width: 25%;
}
.w-50
{
width: 50%;
}
.w-75
{
width: 75%;
}
.w-100
{
width: 100%;
}
.w-auto
{
width: auto;
}
.h-25
{
height: 25%;
}
.h-50
{
height: 50%;
}
.h-75
{
height: 75%;
}
.h-100
{
height: 100%;
}
.h-auto
{
height: auto;
}
.min-w-25
{
min-width: 25%;
}
.min-w-50
{
min-width: 50%;
}
.min-w-75
{
min-width: 75%;
}
.min-w-100
{
min-width: 100%;
}
.min-w-auto
{
min-width: auto;
}
.min-h-25
{
min-height: 25%;
}
.min-h-50
{
min-height: 50%;
}
.min-h-75
{
min-height: 75%;
}
.min-h-100
{
min-height: 100%;
}
.min-h-auto
{
min-height: auto;
}
.max-w-25
{
max-width: 25%;
}
.max-w-50
{
max-width: 50%;
}
.max-w-75
{
max-width: 75%;
}
.max-w-100
{
max-width: 100%;
}
.max-w-auto
{
max-width: auto;
}
.max-h-25
{
max-height: 25%;
}
.max-h-50
{
max-height: 50%;
}
.max-h-75
{
max-height: 75%;
}
.max-h-100
{
max-height: 100%;
}
.max-h-auto
{
max-height: auto;
}
.z-n1
{
z-index: -1;
}
.z-0
{
z-index: 0;
}
.z-1
{
z-index: 1;
}
.z-2
{
z-index: 2;
}
.z-3
{
z-index: 3;
}
.z-4
{
z-index: 4;
}
.z-5
{
z-index: 5;
}
.gap-0
{
gap: 0;
}
.gap-5px
{
gap: 5px;
}
.gap-10px
{
gap: 10px;
}
.gap-1
{
gap: 8px;
}
.gap-2
{
gap: 16px;
}
.gap-3
{
gap: 24px;
}
.gap-4
{
gap: 32px;
}
.gap-5
{
gap: 40px;
}
.m-0
{
margin: 0;
}
.mx-0
{
margin-left: 0;
margin-right: 0;
}
.my-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-0
{
margin-top: 0;
}
.mb-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-0
{
margin-right: 0;
}
[dir="rtl"] .ml-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-0
{
margin-left: 0;
}
.m-5px
{
margin: 5px;
}
.mx-5px
{
margin-left: 5px;
margin-right: 5px;
}
.my-5px
{
margin-top: 5px;
margin-bottom: 5px;
}
.mt-5px
{
margin-top: 5px;
}
.mb-5px
{
margin-bottom: 5px;
}
[dir="rtl"] .mr-5px
{
margin-left: 5px;
}
html:not([dir="rtl"]) .mr-5px
{
margin-right: 5px;
}
[dir="rtl"] .ml-5px
{
margin-right: 5px;
}
html:not([dir="rtl"]) .ml-5px
{
margin-left: 5px;
}
.m-10px
{
margin: 10px;
}
.mx-10px
{
margin-left: 10px;
margin-right: 10px;
}
.my-10px
{
margin-top: 10px;
margin-bottom: 10px;
}
.mt-10px
{
margin-top: 10px;
}
.mb-10px
{
margin-bottom: 10px;
}
[dir="rtl"] .mr-10px
{
margin-left: 10px;
}
html:not([dir="rtl"]) .mr-10px
{
margin-right: 10px;
}
[dir="rtl"] .ml-10px
{
margin-right: 10px;
}
html:not([dir="rtl"]) .ml-10px
{
margin-left: 10px;
}
.m-1
{
margin: 8px;
}
.mx-1
{
margin-left: 8px;
margin-right: 8px;
}
.my-1
{
margin-top: 8px;
margin-bottom: 8px;
}
.mt-1
{
margin-top: 8px;
}
.mb-1
{
margin-bottom: 8px;
}
[dir="rtl"] .mr-1
{
margin-left: 8px;
}
html:not([dir="rtl"]) .mr-1
{
margin-right: 8px;
}
[dir="rtl"] .ml-1
{
margin-right: 8px;
}
html:not([dir="rtl"]) .ml-1
{
margin-left: 8px;
}
.m-2
{
margin: 16px;
}
.mx-2
{
margin-left: 16px;
margin-right: 16px;
}
.my-2
{
margin-top: 16px;
margin-bottom: 16px;
}
.mt-2
{
margin-top: 16px;
}
.mb-2
{
margin-bottom: 16px;
}
[dir="rtl"] .mr-2
{
margin-left: 16px;
}
html:not([dir="rtl"]) .mr-2
{
margin-right: 16px;
}
[dir="rtl"] .ml-2
{
margin-right: 16px;
}
html:not([dir="rtl"]) .ml-2
{
margin-left: 16px;
}
.m-3
{
margin: 24px;
}
.mx-3
{
margin-left: 24px;
margin-right: 24px;
}
.my-3
{
margin-top: 24px;
margin-bottom: 24px;
}
.mt-3
{
margin-top: 24px;
}
.mb-3
{
margin-bottom: 24px;
}
[dir="rtl"] .mr-3
{
margin-left: 24px;
}
html:not([dir="rtl"]) .mr-3
{
margin-right: 24px;
}
[dir="rtl"] .ml-3
{
margin-right: 24px;
}
html:not([dir="rtl"]) .ml-3
{
margin-left: 24px;
}
.m-4
{
margin: 32px;
}
.mx-4
{
margin-left: 32px;
margin-right: 32px;
}
.my-4
{
margin-top: 32px;
margin-bottom: 32px;
}
.mt-4
{
margin-top: 32px;
}
.mb-4
{
margin-bottom: 32px;
}
[dir="rtl"] .mr-4
{
margin-left: 32px;
}
html:not([dir="rtl"]) .mr-4
{
margin-right: 32px;
}
[dir="rtl"] .ml-4
{
margin-right: 32px;
}
html:not([dir="rtl"]) .ml-4
{
margin-left: 32px;
}
.m-5
{
margin: 40px;
}
.mx-5
{
margin-left: 40px;
margin-right: 40px;
}
.my-5
{
margin-top: 40px;
margin-bottom: 40px;
}
.mt-5
{
margin-top: 40px;
}
.mb-5
{
margin-bottom: 40px;
}
[dir="rtl"] .mr-5
{
margin-left: 40px;
}
html:not([dir="rtl"]) .mr-5
{
margin-right: 40px;
}
[dir="rtl"] .ml-5
{
margin-right: 40px;
}
html:not([dir="rtl"]) .ml-5
{
margin-left: 40px;
}
.m-auto
{
margin: auto;
}
.mx-auto
{
margin-left: auto;
margin-right: auto;
}
.my-auto
{
margin-top: auto;
margin-bottom: auto;
}
.mt-auto
{
margin-top: auto;
}
.mb-auto
{
margin-bottom: auto;
}
[dir="rtl"] .mr-auto
{
margin-left: auto;
}
html:not([dir="rtl"]) .mr-auto
{
margin-right: auto;
}
[dir="rtl"] .ml-auto
{
margin-right: auto;
}
html:not([dir="rtl"]) .ml-auto
{
margin-left: auto;
}
.p-0
{
padding: 0;
}
.px-0
{
padding-left: 0;
padding-right: 0;
}
.py-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-0
{
padding-top: 0;
}
.pb-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-0
{
padding-right: 0;
}
[dir="rtl"] .pl-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-0
{
padding-left: 0;
}
.p-5px
{
padding: 5px;
}
.px-5px
{
padding-left: 5px;
padding-right: 5px;
}
.py-5px
{
padding-top: 5px;
padding-bottom: 5px;
}
.pt-5px
{
padding-top: 5px;
}
.pb-5px
{
padding-bottom: 5px;
}
[dir="rtl"] .pr-5px
{
padding-left: 5px;
}
html:not([dir="rtl"]) .pr-5px
{
padding-right: 5px;
}
[dir="rtl"] .pl-5px
{
padding-right: 5px;
}
html:not([dir="rtl"]) .pl-5px
{
padding-left: 5px;
}
.p-10px
{
padding: 10px;
}
.px-10px
{
padding-left: 10px;
padding-right: 10px;
}
.py-10px
{
padding-top: 10px;
padding-bottom: 10px;
}
.pt-10px
{
padding-top: 10px;
}
.pb-10px
{
padding-bottom: 10px;
}
[dir="rtl"] .pr-10px
{
padding-left: 10px;
}
html:not([dir="rtl"]) .pr-10px
{
padding-right: 10px;
}
[dir="rtl"] .pl-10px
{
padding-right: 10px;
}
html:not([dir="rtl"]) .pl-10px
{
padding-left: 10px;
}
.p-1
{
padding: 8px;
}
.px-1
{
padding-left: 8px;
padding-right: 8px;
}
.py-1
{
padding-top: 8px;
padding-bottom: 8px;
}
.pt-1
{
padding-top: 8px;
}
.pb-1
{
padding-bottom: 8px;
}
[dir="rtl"] .pr-1
{
padding-left: 8px;
}
html:not([dir="rtl"]) .pr-1
{
padding-right: 8px;
}
[dir="rtl"] .pl-1
{
padding-right: 8px;
}
html:not([dir="rtl"]) .pl-1
{
padding-left: 8px;
}
.p-2
{
padding: 16px;
}
.px-2
{
padding-left: 16px;
padding-right: 16px;
}
.py-2
{
padding-top: 16px;
padding-bottom: 16px;
}
.pt-2
{
padding-top: 16px;
}
.pb-2
{
padding-bottom: 16px;
}
[dir="rtl"] .pr-2
{
padding-left: 16px;
}
html:not([dir="rtl"]) .pr-2
{
padding-right: 16px;
}
[dir="rtl"] .pl-2
{
padding-right: 16px;
}
html:not([dir="rtl"]) .pl-2
{
padding-left: 16px;
}
.p-3
{
padding: 24px;
}
.px-3
{
padding-left: 24px;
padding-right: 24px;
}
.py-3
{
padding-top: 24px;
padding-bottom: 24px;
}
.pt-3
{
padding-top: 24px;
}
.pb-3
{
padding-bottom: 24px;
}
[dir="rtl"] .pr-3
{
padding-left: 24px;
}
html:not([dir="rtl"]) .pr-3
{
padding-right: 24px;
}
[dir="rtl"] .pl-3
{
padding-right: 24px;
}
html:not([dir="rtl"]) .pl-3
{
padding-left: 24px;
}
.p-4
{
padding: 32px;
}
.px-4
{
padding-left: 32px;
padding-right: 32px;
}
.py-4
{
padding-top: 32px;
padding-bottom: 32px;
}
.pt-4
{
padding-top: 32px;
}
.pb-4
{
padding-bottom: 32px;
}
[dir="rtl"] .pr-4
{
padding-left: 32px;
}
html:not([dir="rtl"]) .pr-4
{
padding-right: 32px;
}
[dir="rtl"] .pl-4
{
padding-right: 32px;
}
html:not([dir="rtl"]) .pl-4
{
padding-left: 32px;
}
.p-5
{
padding: 40px;
}
.px-5
{
padding-left: 40px;
padding-right: 40px;
}
.py-5
{
padding-top: 40px;
padding-bottom: 40px;
}
.pt-5
{
padding-top: 40px;
}
.pb-5
{
padding-bottom: 40px;
}
[dir="rtl"] .pr-5
{
padding-left: 40px;
}
html:not([dir="rtl"]) .pr-5
{
padding-right: 40px;
}
[dir="rtl"] .pl-5
{
padding-right: 40px;
}
html:not([dir="rtl"]) .pl-5
{
padding-left: 40px;
}
@media (min-width: 768px)
{
.gap-0
{
gap: 0;
}
.gap-1
{
gap: 15px;
}
.gap-2
{
gap: 30px;
}
.gap-3
{
gap: 45px;
}
.gap-4
{
gap: 60px;
}
.gap-5
{
gap: 75px;
}
.m-0
{
margin: 0;
}
.mx-0
{
margin-left: 0;
margin-right: 0;
}
.my-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-0
{
margin-top: 0;
}
.mb-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-0
{
margin-right: 0;
}
[dir="rtl"] .ml-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-0
{
margin-left: 0;
}
.m-1
{
margin: 15px;
}
.mx-1
{
margin-left: 15px;
margin-right: 15px;
}
.my-1
{
margin-top: 15px;
margin-bottom: 15px;
}
.mt-1
{
margin-top: 15px;
}
.mb-1
{
margin-bottom: 15px;
}
[dir="rtl"] .mr-1
{
margin-left: 15px;
}
html:not([dir="rtl"]) .mr-1
{
margin-right: 15px;
}
[dir="rtl"] .ml-1
{
margin-right: 15px;
}
html:not([dir="rtl"]) .ml-1
{
margin-left: 15px;
}
.m-2
{
margin: 30px;
}
.mx-2
{
margin-left: 30px;
margin-right: 30px;
}
.my-2
{
margin-top: 30px;
margin-bottom: 30px;
}
.mt-2
{
margin-top: 30px;
}
.mb-2
{
margin-bottom: 30px;
}
[dir="rtl"] .mr-2
{
margin-left: 30px;
}
html:not([dir="rtl"]) .mr-2
{
margin-right: 30px;
}
[dir="rtl"] .ml-2
{
margin-right: 30px;
}
html:not([dir="rtl"]) .ml-2
{
margin-left: 30px;
}
.m-3
{
margin: 45px;
}
.mx-3
{
margin-left: 45px;
margin-right: 45px;
}
.my-3
{
margin-top: 45px;
margin-bottom: 45px;
}
.mt-3
{
margin-top: 45px;
}
.mb-3
{
margin-bottom: 45px;
}
[dir="rtl"] .mr-3
{
margin-left: 45px;
}
html:not([dir="rtl"]) .mr-3
{
margin-right: 45px;
}
[dir="rtl"] .ml-3
{
margin-right: 45px;
}
html:not([dir="rtl"]) .ml-3
{
margin-left: 45px;
}
.m-4
{
margin: 60px;
}
.mx-4
{
margin-left: 60px;
margin-right: 60px;
}
.my-4
{
margin-top: 60px;
margin-bottom: 60px;
}
.mt-4
{
margin-top: 60px;
}
.mb-4
{
margin-bottom: 60px;
}
[dir="rtl"] .mr-4
{
margin-left: 60px;
}
html:not([dir="rtl"]) .mr-4
{
margin-right: 60px;
}
[dir="rtl"] .ml-4
{
margin-right: 60px;
}
html:not([dir="rtl"]) .ml-4
{
margin-left: 60px;
}
.m-5
{
margin: 75px;
}
.mx-5
{
margin-left: 75px;
margin-right: 75px;
}
.my-5
{
margin-top: 75px;
margin-bottom: 75px;
}
.mt-5
{
margin-top: 75px;
}
.mb-5
{
margin-bottom: 75px;
}
[dir="rtl"] .mr-5
{
margin-left: 75px;
}
html:not([dir="rtl"]) .mr-5
{
margin-right: 75px;
}
[dir="rtl"] .ml-5
{
margin-right: 75px;
}
html:not([dir="rtl"]) .ml-5
{
margin-left: 75px;
}
.p-0
{
padding: 0;
}
.px-0
{
padding-left: 0;
padding-right: 0;
}
.py-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-0
{
padding-top: 0;
}
.pb-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-0
{
padding-right: 0;
}
[dir="rtl"] .pl-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-0
{
padding-left: 0;
}
.p-1
{
padding: 15px;
}
.px-1
{
padding-left: 15px;
padding-right: 15px;
}
.py-1
{
padding-top: 15px;
padding-bottom: 15px;
}
.pt-1
{
padding-top: 15px;
}
.pb-1
{
padding-bottom: 15px;
}
[dir="rtl"] .pr-1
{
padding-left: 15px;
}
html:not([dir="rtl"]) .pr-1
{
padding-right: 15px;
}
[dir="rtl"] .pl-1
{
padding-right: 15px;
}
html:not([dir="rtl"]) .pl-1
{
padding-left: 15px;
}
.p-2
{
padding: 30px;
}
.px-2
{
padding-left: 30px;
padding-right: 30px;
}
.py-2
{
padding-top: 30px;
padding-bottom: 30px;
}
.pt-2
{
padding-top: 30px;
}
.pb-2
{
padding-bottom: 30px;
}
[dir="rtl"] .pr-2
{
padding-left: 30px;
}
html:not([dir="rtl"]) .pr-2
{
padding-right: 30px;
}
[dir="rtl"] .pl-2
{
padding-right: 30px;
}
html:not([dir="rtl"]) .pl-2
{
padding-left: 30px;
}
.p-3
{
padding: 45px;
}
.px-3
{
padding-left: 45px;
padding-right: 45px;
}
.py-3
{
padding-top: 45px;
padding-bottom: 45px;
}
.pt-3
{
padding-top: 45px;
}
.pb-3
{
padding-bottom: 45px;
}
[dir="rtl"] .pr-3
{
padding-left: 45px;
}
html:not([dir="rtl"]) .pr-3
{
padding-right: 45px;
}
[dir="rtl"] .pl-3
{
padding-right: 45px;
}
html:not([dir="rtl"]) .pl-3
{
padding-left: 45px;
}
.p-4
{
padding: 60px;
}
.px-4
{
padding-left: 60px;
padding-right: 60px;
}
.py-4
{
padding-top: 60px;
padding-bottom: 60px;
}
.pt-4
{
padding-top: 60px;
}
.pb-4
{
padding-bottom: 60px;
}
[dir="rtl"] .pr-4
{
padding-left: 60px;
}
html:not([dir="rtl"]) .pr-4
{
padding-right: 60px;
}
[dir="rtl"] .pl-4
{
padding-right: 60px;
}
html:not([dir="rtl"]) .pl-4
{
padding-left: 60px;
}
.p-5
{
padding: 75px;
}
.px-5
{
padding-left: 75px;
padding-right: 75px;
}
.py-5
{
padding-top: 75px;
padding-bottom: 75px;
}
.pt-5
{
padding-top: 75px;
}
.pb-5
{
padding-bottom: 75px;
}
[dir="rtl"] .pr-5
{
padding-left: 75px;
}
html:not([dir="rtl"]) .pr-5
{
padding-right: 75px;
}
[dir="rtl"] .pl-5
{
padding-right: 75px;
}
html:not([dir="rtl"]) .pl-5
{
padding-left: 75px;
}
}
@media (min-width: 576px)
{
.d-sm-block
{
display: block !important;
}
.d-sm-inline-block
{
display: inline-block !important;
}
.d-sm-flex
{
display: flex !important;
}
.d-sm-inline-flex
{
display: inline-flex !important;
}
.d-sm-grid
{
display: grid !important;
}
.d-sm-inline-grid
{
display: inline-grid !important;
}
.d-sm-none
{
display: none !important;
}
.align-items-sm-flex-start
{
align-items: flex-start;
}
.align-items-sm-center
{
align-items: center;
}
.align-items-sm-flex-end
{
align-items: flex-end;
}
.align-items-sm-start
{
align-items: start;
}
.align-items-sm-end
{
align-items: end;
}
.justify-content-sm-around
{
justify-content: space-around;
}
.justify-content-sm-between
{
justify-content: space-between;
}
.justify-content-sm-flex-start
{
justify-content: flex-start;
}
.justify-content-sm-center
{
justify-content: center;
}
.justify-content-sm-flex-end
{
justify-content: flex-end;
}
.justify-content-sm-evenly
{
justify-content: space-evenly;
}
.justify-content-sm-start
{
justify-content: start;
}
.justify-content-sm-end
{
justify-content: end;
}
.flex-sm-wrap
{
flex-wrap: wrap;
}
.flex-sm-nowrap
{
flex-wrap: nowrap;
}
.flex-sm-wrap-reverse
{
flex-wrap: wrap-reverse;
}
.flex-direction-sm-row
{
flex-direction: row;
}
.flex-direction-sm-row-reverse
{
flex-direction: row-reverse;
}
.flex-direction-sm-column
{
flex-direction: column;
}
.flex-direction-sm-column-reverse
{
flex-direction: column-reverse;
}
.flex-shrink-sm-0
{
flex-shrink: 0;
}
.flex-shrink-sm-1
{
flex-shrink: 1;
}
.flex-shrink-sm-2
{
flex-shrink: 2;
}
[dir="rtl"] .text-sm-left
{
text-align: right !important;
}
html:not([dir="rtl"]) .text-sm-left
{
text-align: left !important;
}
.text-sm-center
{
text-align: center !important;
}
[dir="rtl"] .text-sm-right
{
text-align: left !important;
}
html:not([dir="rtl"]) .text-sm-right
{
text-align: right !important;
}
.text-sm-justify
{
text-align: justify !important;
}
.order-sm-n1
{
order: -1;
}
.order-sm-0
{
order: 0;
}
.order-sm-1
{
order: 1;
}
.order-sm-2
{
order: 2;
}
.order-sm-3
{
order: 3;
}
.order-sm-4
{
order: 4;
}
.order-sm-5
{
order: 5;
}
.order-sm-6
{
order: 6;
}
.order-sm-7
{
order: 7;
}
.order-sm-8
{
order: 8;
}
.order-sm-9
{
order: 9;
}
.order-sm-10
{
order: 10;
}
.grid-sm-cols-0
{
grid-template-columns: repeat(0, minmax(0, 1fr));
}
.grid-sm-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-sm-cols-2
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-sm-cols-3
{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-sm-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-sm-cols-5
{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-sm-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-sm-cols-7
{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-sm-cols-8
{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-sm-cols-9
{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-sm-cols-10
{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-sm-cols-11
{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-sm-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.w-sm-25
{
width: 25%;
}
.w-sm-50
{
width: 50%;
}
.w-sm-75
{
width: 75%;
}
.w-sm-100
{
width: 100%;
}
.w-sm-auto
{
width: auto;
}
.h-sm-25
{
height: 25%;
}
.h-sm-50
{
height: 50%;
}
.h-sm-75
{
height: 75%;
}
.h-sm-100
{
height: 100%;
}
.h-sm-auto
{
height: auto;
}
.min-w-sm-25
{
min-width: 25%;
}
.min-w-sm-50
{
min-width: 50%;
}
.min-w-sm-75
{
min-width: 75%;
}
.min-w-sm-100
{
min-width: 100%;
}
.min-w-sm-auto
{
min-width: auto;
}
.min-h-sm-25
{
min-height: 25%;
}
.min-h-sm-50
{
min-height: 50%;
}
.min-h-sm-75
{
min-height: 75%;
}
.min-h-sm-100
{
min-height: 100%;
}
.min-h-sm-auto
{
min-height: auto;
}
.max-w-sm-25
{
max-width: 25%;
}
.max-w-sm-50
{
max-width: 50%;
}
.max-w-sm-75
{
max-width: 75%;
}
.max-w-sm-100
{
max-width: 100%;
}
.max-w-sm-auto
{
max-width: auto;
}
.max-h-sm-25
{
max-height: 25%;
}
.max-h-sm-50
{
max-height: 50%;
}
.max-h-sm-75
{
max-height: 75%;
}
.max-h-sm-100
{
max-height: 100%;
}
.max-h-sm-auto
{
max-height: auto;
}
}
@media (min-width: 576px)
{
.gap-sm-0
{
gap: 0;
}
.gap-sm-5px
{
gap: 5px;
}
.gap-sm-10px
{
gap: 10px;
}
.gap-sm-1
{
gap: 8px;
}
.gap-sm-2
{
gap: 16px;
}
.gap-sm-3
{
gap: 24px;
}
.gap-sm-4
{
gap: 32px;
}
.gap-sm-5
{
gap: 40px;
}
.m-sm-0
{
margin: 0;
}
.mx-sm-0
{
margin-left: 0;
margin-right: 0;
}
.my-sm-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-sm-0
{
margin-top: 0;
}
.mb-sm-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-sm-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-sm-0
{
margin-right: 0;
}
[dir="rtl"] .ml-sm-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-sm-0
{
margin-left: 0;
}
.m-sm-5px
{
margin: 5px;
}
.mx-sm-5px
{
margin-left: 5px;
margin-right: 5px;
}
.my-sm-5px
{
margin-top: 5px;
margin-bottom: 5px;
}
.mt-sm-5px
{
margin-top: 5px;
}
.mb-sm-5px
{
margin-bottom: 5px;
}
[dir="rtl"] .mr-sm-5px
{
margin-left: 5px;
}
html:not([dir="rtl"]) .mr-sm-5px
{
margin-right: 5px;
}
[dir="rtl"] .ml-sm-5px
{
margin-right: 5px;
}
html:not([dir="rtl"]) .ml-sm-5px
{
margin-left: 5px;
}
.m-sm-10px
{
margin: 10px;
}
.mx-sm-10px
{
margin-left: 10px;
margin-right: 10px;
}
.my-sm-10px
{
margin-top: 10px;
margin-bottom: 10px;
}
.mt-sm-10px
{
margin-top: 10px;
}
.mb-sm-10px
{
margin-bottom: 10px;
}
[dir="rtl"] .mr-sm-10px
{
margin-left: 10px;
}
html:not([dir="rtl"]) .mr-sm-10px
{
margin-right: 10px;
}
[dir="rtl"] .ml-sm-10px
{
margin-right: 10px;
}
html:not([dir="rtl"]) .ml-sm-10px
{
margin-left: 10px;
}
.m-sm-1
{
margin: 8px;
}
.mx-sm-1
{
margin-left: 8px;
margin-right: 8px;
}
.my-sm-1
{
margin-top: 8px;
margin-bottom: 8px;
}
.mt-sm-1
{
margin-top: 8px;
}
.mb-sm-1
{
margin-bottom: 8px;
}
[dir="rtl"] .mr-sm-1
{
margin-left: 8px;
}
html:not([dir="rtl"]) .mr-sm-1
{
margin-right: 8px;
}
[dir="rtl"] .ml-sm-1
{
margin-right: 8px;
}
html:not([dir="rtl"]) .ml-sm-1
{
margin-left: 8px;
}
.m-sm-2
{
margin: 16px;
}
.mx-sm-2
{
margin-left: 16px;
margin-right: 16px;
}
.my-sm-2
{
margin-top: 16px;
margin-bottom: 16px;
}
.mt-sm-2
{
margin-top: 16px;
}
.mb-sm-2
{
margin-bottom: 16px;
}
[dir="rtl"] .mr-sm-2
{
margin-left: 16px;
}
html:not([dir="rtl"]) .mr-sm-2
{
margin-right: 16px;
}
[dir="rtl"] .ml-sm-2
{
margin-right: 16px;
}
html:not([dir="rtl"]) .ml-sm-2
{
margin-left: 16px;
}
.m-sm-3
{
margin: 24px;
}
.mx-sm-3
{
margin-left: 24px;
margin-right: 24px;
}
.my-sm-3
{
margin-top: 24px;
margin-bottom: 24px;
}
.mt-sm-3
{
margin-top: 24px;
}
.mb-sm-3
{
margin-bottom: 24px;
}
[dir="rtl"] .mr-sm-3
{
margin-left: 24px;
}
html:not([dir="rtl"]) .mr-sm-3
{
margin-right: 24px;
}
[dir="rtl"] .ml-sm-3
{
margin-right: 24px;
}
html:not([dir="rtl"]) .ml-sm-3
{
margin-left: 24px;
}
.m-sm-4
{
margin: 32px;
}
.mx-sm-4
{
margin-left: 32px;
margin-right: 32px;
}
.my-sm-4
{
margin-top: 32px;
margin-bottom: 32px;
}
.mt-sm-4
{
margin-top: 32px;
}
.mb-sm-4
{
margin-bottom: 32px;
}
[dir="rtl"] .mr-sm-4
{
margin-left: 32px;
}
html:not([dir="rtl"]) .mr-sm-4
{
margin-right: 32px;
}
[dir="rtl"] .ml-sm-4
{
margin-right: 32px;
}
html:not([dir="rtl"]) .ml-sm-4
{
margin-left: 32px;
}
.m-sm-5
{
margin: 40px;
}
.mx-sm-5
{
margin-left: 40px;
margin-right: 40px;
}
.my-sm-5
{
margin-top: 40px;
margin-bottom: 40px;
}
.mt-sm-5
{
margin-top: 40px;
}
.mb-sm-5
{
margin-bottom: 40px;
}
[dir="rtl"] .mr-sm-5
{
margin-left: 40px;
}
html:not([dir="rtl"]) .mr-sm-5
{
margin-right: 40px;
}
[dir="rtl"] .ml-sm-5
{
margin-right: 40px;
}
html:not([dir="rtl"]) .ml-sm-5
{
margin-left: 40px;
}
.m-sm-auto
{
margin: auto;
}
.mx-sm-auto
{
margin-left: auto;
margin-right: auto;
}
.my-sm-auto
{
margin-top: auto;
margin-bottom: auto;
}
.mt-sm-auto
{
margin-top: auto;
}
.mb-sm-auto
{
margin-bottom: auto;
}
[dir="rtl"] .mr-sm-auto
{
margin-left: auto;
}
html:not([dir="rtl"]) .mr-sm-auto
{
margin-right: auto;
}
[dir="rtl"] .ml-sm-auto
{
margin-right: auto;
}
html:not([dir="rtl"]) .ml-sm-auto
{
margin-left: auto;
}
.p-sm-0
{
padding: 0;
}
.px-sm-0
{
padding-left: 0;
padding-right: 0;
}
.py-sm-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-sm-0
{
padding-top: 0;
}
.pb-sm-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-sm-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-sm-0
{
padding-right: 0;
}
[dir="rtl"] .pl-sm-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-sm-0
{
padding-left: 0;
}
.p-sm-5px
{
padding: 5px;
}
.px-sm-5px
{
padding-left: 5px;
padding-right: 5px;
}
.py-sm-5px
{
padding-top: 5px;
padding-bottom: 5px;
}
.pt-sm-5px
{
padding-top: 5px;
}
.pb-sm-5px
{
padding-bottom: 5px;
}
[dir="rtl"] .pr-sm-5px
{
padding-left: 5px;
}
html:not([dir="rtl"]) .pr-sm-5px
{
padding-right: 5px;
}
[dir="rtl"] .pl-sm-5px
{
padding-right: 5px;
}
html:not([dir="rtl"]) .pl-sm-5px
{
padding-left: 5px;
}
.p-sm-10px
{
padding: 10px;
}
.px-sm-10px
{
padding-left: 10px;
padding-right: 10px;
}
.py-sm-10px
{
padding-top: 10px;
padding-bottom: 10px;
}
.pt-sm-10px
{
padding-top: 10px;
}
.pb-sm-10px
{
padding-bottom: 10px;
}
[dir="rtl"] .pr-sm-10px
{
padding-left: 10px;
}
html:not([dir="rtl"]) .pr-sm-10px
{
padding-right: 10px;
}
[dir="rtl"] .pl-sm-10px
{
padding-right: 10px;
}
html:not([dir="rtl"]) .pl-sm-10px
{
padding-left: 10px;
}
.p-sm-1
{
padding: 8px;
}
.px-sm-1
{
padding-left: 8px;
padding-right: 8px;
}
.py-sm-1
{
padding-top: 8px;
padding-bottom: 8px;
}
.pt-sm-1
{
padding-top: 8px;
}
.pb-sm-1
{
padding-bottom: 8px;
}
[dir="rtl"] .pr-sm-1
{
padding-left: 8px;
}
html:not([dir="rtl"]) .pr-sm-1
{
padding-right: 8px;
}
[dir="rtl"] .pl-sm-1
{
padding-right: 8px;
}
html:not([dir="rtl"]) .pl-sm-1
{
padding-left: 8px;
}
.p-sm-2
{
padding: 16px;
}
.px-sm-2
{
padding-left: 16px;
padding-right: 16px;
}
.py-sm-2
{
padding-top: 16px;
padding-bottom: 16px;
}
.pt-sm-2
{
padding-top: 16px;
}
.pb-sm-2
{
padding-bottom: 16px;
}
[dir="rtl"] .pr-sm-2
{
padding-left: 16px;
}
html:not([dir="rtl"]) .pr-sm-2
{
padding-right: 16px;
}
[dir="rtl"] .pl-sm-2
{
padding-right: 16px;
}
html:not([dir="rtl"]) .pl-sm-2
{
padding-left: 16px;
}
.p-sm-3
{
padding: 24px;
}
.px-sm-3
{
padding-left: 24px;
padding-right: 24px;
}
.py-sm-3
{
padding-top: 24px;
padding-bottom: 24px;
}
.pt-sm-3
{
padding-top: 24px;
}
.pb-sm-3
{
padding-bottom: 24px;
}
[dir="rtl"] .pr-sm-3
{
padding-left: 24px;
}
html:not([dir="rtl"]) .pr-sm-3
{
padding-right: 24px;
}
[dir="rtl"] .pl-sm-3
{
padding-right: 24px;
}
html:not([dir="rtl"]) .pl-sm-3
{
padding-left: 24px;
}
.p-sm-4
{
padding: 32px;
}
.px-sm-4
{
padding-left: 32px;
padding-right: 32px;
}
.py-sm-4
{
padding-top: 32px;
padding-bottom: 32px;
}
.pt-sm-4
{
padding-top: 32px;
}
.pb-sm-4
{
padding-bottom: 32px;
}
[dir="rtl"] .pr-sm-4
{
padding-left: 32px;
}
html:not([dir="rtl"]) .pr-sm-4
{
padding-right: 32px;
}
[dir="rtl"] .pl-sm-4
{
padding-right: 32px;
}
html:not([dir="rtl"]) .pl-sm-4
{
padding-left: 32px;
}
.p-sm-5
{
padding: 40px;
}
.px-sm-5
{
padding-left: 40px;
padding-right: 40px;
}
.py-sm-5
{
padding-top: 40px;
padding-bottom: 40px;
}
.pt-sm-5
{
padding-top: 40px;
}
.pb-sm-5
{
padding-bottom: 40px;
}
[dir="rtl"] .pr-sm-5
{
padding-left: 40px;
}
html:not([dir="rtl"]) .pr-sm-5
{
padding-right: 40px;
}
[dir="rtl"] .pl-sm-5
{
padding-right: 40px;
}
html:not([dir="rtl"]) .pl-sm-5
{
padding-left: 40px;
}
}
@media (min-width: 768px)
{
.gap-sm-0
{
gap: 0;
}
.gap-sm-1
{
gap: 15px;
}
.gap-sm-2
{
gap: 30px;
}
.gap-sm-3
{
gap: 45px;
}
.gap-sm-4
{
gap: 60px;
}
.gap-sm-5
{
gap: 75px;
}
.m-sm-0
{
margin: 0;
}
.mx-sm-0
{
margin-left: 0;
margin-right: 0;
}
.my-sm-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-sm-0
{
margin-top: 0;
}
.mb-sm-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-sm-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-sm-0
{
margin-right: 0;
}
[dir="rtl"] .ml-sm-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-sm-0
{
margin-left: 0;
}
.m-sm-1
{
margin: 15px;
}
.mx-sm-1
{
margin-left: 15px;
margin-right: 15px;
}
.my-sm-1
{
margin-top: 15px;
margin-bottom: 15px;
}
.mt-sm-1
{
margin-top: 15px;
}
.mb-sm-1
{
margin-bottom: 15px;
}
[dir="rtl"] .mr-sm-1
{
margin-left: 15px;
}
html:not([dir="rtl"]) .mr-sm-1
{
margin-right: 15px;
}
[dir="rtl"] .ml-sm-1
{
margin-right: 15px;
}
html:not([dir="rtl"]) .ml-sm-1
{
margin-left: 15px;
}
.m-sm-2
{
margin: 30px;
}
.mx-sm-2
{
margin-left: 30px;
margin-right: 30px;
}
.my-sm-2
{
margin-top: 30px;
margin-bottom: 30px;
}
.mt-sm-2
{
margin-top: 30px;
}
.mb-sm-2
{
margin-bottom: 30px;
}
[dir="rtl"] .mr-sm-2
{
margin-left: 30px;
}
html:not([dir="rtl"]) .mr-sm-2
{
margin-right: 30px;
}
[dir="rtl"] .ml-sm-2
{
margin-right: 30px;
}
html:not([dir="rtl"]) .ml-sm-2
{
margin-left: 30px;
}
.m-sm-3
{
margin: 45px;
}
.mx-sm-3
{
margin-left: 45px;
margin-right: 45px;
}
.my-sm-3
{
margin-top: 45px;
margin-bottom: 45px;
}
.mt-sm-3
{
margin-top: 45px;
}
.mb-sm-3
{
margin-bottom: 45px;
}
[dir="rtl"] .mr-sm-3
{
margin-left: 45px;
}
html:not([dir="rtl"]) .mr-sm-3
{
margin-right: 45px;
}
[dir="rtl"] .ml-sm-3
{
margin-right: 45px;
}
html:not([dir="rtl"]) .ml-sm-3
{
margin-left: 45px;
}
.m-sm-4
{
margin: 60px;
}
.mx-sm-4
{
margin-left: 60px;
margin-right: 60px;
}
.my-sm-4
{
margin-top: 60px;
margin-bottom: 60px;
}
.mt-sm-4
{
margin-top: 60px;
}
.mb-sm-4
{
margin-bottom: 60px;
}
[dir="rtl"] .mr-sm-4
{
margin-left: 60px;
}
html:not([dir="rtl"]) .mr-sm-4
{
margin-right: 60px;
}
[dir="rtl"] .ml-sm-4
{
margin-right: 60px;
}
html:not([dir="rtl"]) .ml-sm-4
{
margin-left: 60px;
}
.m-sm-5
{
margin: 75px;
}
.mx-sm-5
{
margin-left: 75px;
margin-right: 75px;
}
.my-sm-5
{
margin-top: 75px;
margin-bottom: 75px;
}
.mt-sm-5
{
margin-top: 75px;
}
.mb-sm-5
{
margin-bottom: 75px;
}
[dir="rtl"] .mr-sm-5
{
margin-left: 75px;
}
html:not([dir="rtl"]) .mr-sm-5
{
margin-right: 75px;
}
[dir="rtl"] .ml-sm-5
{
margin-right: 75px;
}
html:not([dir="rtl"]) .ml-sm-5
{
margin-left: 75px;
}
.p-sm-0
{
padding: 0;
}
.px-sm-0
{
padding-left: 0;
padding-right: 0;
}
.py-sm-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-sm-0
{
padding-top: 0;
}
.pb-sm-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-sm-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-sm-0
{
padding-right: 0;
}
[dir="rtl"] .pl-sm-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-sm-0
{
padding-left: 0;
}
.p-sm-1
{
padding: 15px;
}
.px-sm-1
{
padding-left: 15px;
padding-right: 15px;
}
.py-sm-1
{
padding-top: 15px;
padding-bottom: 15px;
}
.pt-sm-1
{
padding-top: 15px;
}
.pb-sm-1
{
padding-bottom: 15px;
}
[dir="rtl"] .pr-sm-1
{
padding-left: 15px;
}
html:not([dir="rtl"]) .pr-sm-1
{
padding-right: 15px;
}
[dir="rtl"] .pl-sm-1
{
padding-right: 15px;
}
html:not([dir="rtl"]) .pl-sm-1
{
padding-left: 15px;
}
.p-sm-2
{
padding: 30px;
}
.px-sm-2
{
padding-left: 30px;
padding-right: 30px;
}
.py-sm-2
{
padding-top: 30px;
padding-bottom: 30px;
}
.pt-sm-2
{
padding-top: 30px;
}
.pb-sm-2
{
padding-bottom: 30px;
}
[dir="rtl"] .pr-sm-2
{
padding-left: 30px;
}
html:not([dir="rtl"]) .pr-sm-2
{
padding-right: 30px;
}
[dir="rtl"] .pl-sm-2
{
padding-right: 30px;
}
html:not([dir="rtl"]) .pl-sm-2
{
padding-left: 30px;
}
.p-sm-3
{
padding: 45px;
}
.px-sm-3
{
padding-left: 45px;
padding-right: 45px;
}
.py-sm-3
{
padding-top: 45px;
padding-bottom: 45px;
}
.pt-sm-3
{
padding-top: 45px;
}
.pb-sm-3
{
padding-bottom: 45px;
}
[dir="rtl"] .pr-sm-3
{
padding-left: 45px;
}
html:not([dir="rtl"]) .pr-sm-3
{
padding-right: 45px;
}
[dir="rtl"] .pl-sm-3
{
padding-right: 45px;
}
html:not([dir="rtl"]) .pl-sm-3
{
padding-left: 45px;
}
.p-sm-4
{
padding: 60px;
}
.px-sm-4
{
padding-left: 60px;
padding-right: 60px;
}
.py-sm-4
{
padding-top: 60px;
padding-bottom: 60px;
}
.pt-sm-4
{
padding-top: 60px;
}
.pb-sm-4
{
padding-bottom: 60px;
}
[dir="rtl"] .pr-sm-4
{
padding-left: 60px;
}
html:not([dir="rtl"]) .pr-sm-4
{
padding-right: 60px;
}
[dir="rtl"] .pl-sm-4
{
padding-right: 60px;
}
html:not([dir="rtl"]) .pl-sm-4
{
padding-left: 60px;
}
.p-sm-5
{
padding: 75px;
}
.px-sm-5
{
padding-left: 75px;
padding-right: 75px;
}
.py-sm-5
{
padding-top: 75px;
padding-bottom: 75px;
}
.pt-sm-5
{
padding-top: 75px;
}
.pb-sm-5
{
padding-bottom: 75px;
}
[dir="rtl"] .pr-sm-5
{
padding-left: 75px;
}
html:not([dir="rtl"]) .pr-sm-5
{
padding-right: 75px;
}
[dir="rtl"] .pl-sm-5
{
padding-right: 75px;
}
html:not([dir="rtl"]) .pl-sm-5
{
padding-left: 75px;
}
}
@media (min-width: 768px)
{
.d-md-block
{
display: block !important;
}
.d-md-inline-block
{
display: inline-block !important;
}
.d-md-flex
{
display: flex !important;
}
.d-md-inline-flex
{
display: inline-flex !important;
}
.d-md-grid
{
display: grid !important;
}
.d-md-inline-grid
{
display: inline-grid !important;
}
.d-md-none
{
display: none !important;
}
.align-items-md-flex-start
{
align-items: flex-start;
}
.align-items-md-center
{
align-items: center;
}
.align-items-md-flex-end
{
align-items: flex-end;
}
.align-items-md-start
{
align-items: start;
}
.align-items-md-end
{
align-items: end;
}
.justify-content-md-around
{
justify-content: space-around;
}
.justify-content-md-between
{
justify-content: space-between;
}
.justify-content-md-flex-start
{
justify-content: flex-start;
}
.justify-content-md-center
{
justify-content: center;
}
.justify-content-md-flex-end
{
justify-content: flex-end;
}
.justify-content-md-evenly
{
justify-content: space-evenly;
}
.justify-content-md-start
{
justify-content: start;
}
.justify-content-md-end
{
justify-content: end;
}
.flex-md-wrap
{
flex-wrap: wrap;
}
.flex-md-nowrap
{
flex-wrap: nowrap;
}
.flex-md-wrap-reverse
{
flex-wrap: wrap-reverse;
}
.flex-direction-md-row
{
flex-direction: row;
}
.flex-direction-md-row-reverse
{
flex-direction: row-reverse;
}
.flex-direction-md-column
{
flex-direction: column;
}
.flex-direction-md-column-reverse
{
flex-direction: column-reverse;
}
.flex-shrink-md-0
{
flex-shrink: 0;
}
.flex-shrink-md-1
{
flex-shrink: 1;
}
.flex-shrink-md-2
{
flex-shrink: 2;
}
[dir="rtl"] .text-md-left
{
text-align: right !important;
}
html:not([dir="rtl"]) .text-md-left
{
text-align: left !important;
}
.text-md-center
{
text-align: center !important;
}
[dir="rtl"] .text-md-right
{
text-align: left !important;
}
html:not([dir="rtl"]) .text-md-right
{
text-align: right !important;
}
.text-md-justify
{
text-align: justify !important;
}
.order-md-n1
{
order: -1;
}
.order-md-0
{
order: 0;
}
.order-md-1
{
order: 1;
}
.order-md-2
{
order: 2;
}
.order-md-3
{
order: 3;
}
.order-md-4
{
order: 4;
}
.order-md-5
{
order: 5;
}
.order-md-6
{
order: 6;
}
.order-md-7
{
order: 7;
}
.order-md-8
{
order: 8;
}
.order-md-9
{
order: 9;
}
.order-md-10
{
order: 10;
}
.grid-md-cols-0
{
grid-template-columns: repeat(0, minmax(0, 1fr));
}
.grid-md-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-md-cols-2
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-md-cols-3
{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-md-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-md-cols-5
{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-md-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-md-cols-7
{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-md-cols-8
{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-md-cols-9
{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-md-cols-10
{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-md-cols-11
{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-md-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.w-md-25
{
width: 25%;
}
.w-md-50
{
width: 50%;
}
.w-md-75
{
width: 75%;
}
.w-md-100
{
width: 100%;
}
.w-md-auto
{
width: auto;
}
.h-md-25
{
height: 25%;
}
.h-md-50
{
height: 50%;
}
.h-md-75
{
height: 75%;
}
.h-md-100
{
height: 100%;
}
.h-md-auto
{
height: auto;
}
.min-w-md-25
{
min-width: 25%;
}
.min-w-md-50
{
min-width: 50%;
}
.min-w-md-75
{
min-width: 75%;
}
.min-w-md-100
{
min-width: 100%;
}
.min-w-md-auto
{
min-width: auto;
}
.min-h-md-25
{
min-height: 25%;
}
.min-h-md-50
{
min-height: 50%;
}
.min-h-md-75
{
min-height: 75%;
}
.min-h-md-100
{
min-height: 100%;
}
.min-h-md-auto
{
min-height: auto;
}
.max-w-md-25
{
max-width: 25%;
}
.max-w-md-50
{
max-width: 50%;
}
.max-w-md-75
{
max-width: 75%;
}
.max-w-md-100
{
max-width: 100%;
}
.max-w-md-auto
{
max-width: auto;
}
.max-h-md-25
{
max-height: 25%;
}
.max-h-md-50
{
max-height: 50%;
}
.max-h-md-75
{
max-height: 75%;
}
.max-h-md-100
{
max-height: 100%;
}
.max-h-md-auto
{
max-height: auto;
}
}
@media (min-width: 768px)
{
.gap-md-0
{
gap: 0;
}
.gap-md-5px
{
gap: 5px;
}
.gap-md-10px
{
gap: 10px;
}
.gap-md-1
{
gap: 15px;
}
.gap-md-2
{
gap: 30px;
}
.gap-md-3
{
gap: 45px;
}
.gap-md-4
{
gap: 60px;
}
.gap-md-5
{
gap: 75px;
}
.m-md-0
{
margin: 0;
}
.mx-md-0
{
margin-left: 0;
margin-right: 0;
}
.my-md-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-md-0
{
margin-top: 0;
}
.mb-md-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-md-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-md-0
{
margin-right: 0;
}
[dir="rtl"] .ml-md-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-md-0
{
margin-left: 0;
}
.m-md-5px
{
margin: 5px;
}
.mx-md-5px
{
margin-left: 5px;
margin-right: 5px;
}
.my-md-5px
{
margin-top: 5px;
margin-bottom: 5px;
}
.mt-md-5px
{
margin-top: 5px;
}
.mb-md-5px
{
margin-bottom: 5px;
}
[dir="rtl"] .mr-md-5px
{
margin-left: 5px;
}
html:not([dir="rtl"]) .mr-md-5px
{
margin-right: 5px;
}
[dir="rtl"] .ml-md-5px
{
margin-right: 5px;
}
html:not([dir="rtl"]) .ml-md-5px
{
margin-left: 5px;
}
.m-md-10px
{
margin: 10px;
}
.mx-md-10px
{
margin-left: 10px;
margin-right: 10px;
}
.my-md-10px
{
margin-top: 10px;
margin-bottom: 10px;
}
.mt-md-10px
{
margin-top: 10px;
}
.mb-md-10px
{
margin-bottom: 10px;
}
[dir="rtl"] .mr-md-10px
{
margin-left: 10px;
}
html:not([dir="rtl"]) .mr-md-10px
{
margin-right: 10px;
}
[dir="rtl"] .ml-md-10px
{
margin-right: 10px;
}
html:not([dir="rtl"]) .ml-md-10px
{
margin-left: 10px;
}
.m-md-1
{
margin: 15px;
}
.mx-md-1
{
margin-left: 15px;
margin-right: 15px;
}
.my-md-1
{
margin-top: 15px;
margin-bottom: 15px;
}
.mt-md-1
{
margin-top: 15px;
}
.mb-md-1
{
margin-bottom: 15px;
}
[dir="rtl"] .mr-md-1
{
margin-left: 15px;
}
html:not([dir="rtl"]) .mr-md-1
{
margin-right: 15px;
}
[dir="rtl"] .ml-md-1
{
margin-right: 15px;
}
html:not([dir="rtl"]) .ml-md-1
{
margin-left: 15px;
}
.m-md-2
{
margin: 30px;
}
.mx-md-2
{
margin-left: 30px;
margin-right: 30px;
}
.my-md-2
{
margin-top: 30px;
margin-bottom: 30px;
}
.mt-md-2
{
margin-top: 30px;
}
.mb-md-2
{
margin-bottom: 30px;
}
[dir="rtl"] .mr-md-2
{
margin-left: 30px;
}
html:not([dir="rtl"]) .mr-md-2
{
margin-right: 30px;
}
[dir="rtl"] .ml-md-2
{
margin-right: 30px;
}
html:not([dir="rtl"]) .ml-md-2
{
margin-left: 30px;
}
.m-md-3
{
margin: 45px;
}
.mx-md-3
{
margin-left: 45px;
margin-right: 45px;
}
.my-md-3
{
margin-top: 45px;
margin-bottom: 45px;
}
.mt-md-3
{
margin-top: 45px;
}
.mb-md-3
{
margin-bottom: 45px;
}
[dir="rtl"] .mr-md-3
{
margin-left: 45px;
}
html:not([dir="rtl"]) .mr-md-3
{
margin-right: 45px;
}
[dir="rtl"] .ml-md-3
{
margin-right: 45px;
}
html:not([dir="rtl"]) .ml-md-3
{
margin-left: 45px;
}
.m-md-4
{
margin: 60px;
}
.mx-md-4
{
margin-left: 60px;
margin-right: 60px;
}
.my-md-4
{
margin-top: 60px;
margin-bottom: 60px;
}
.mt-md-4
{
margin-top: 60px;
}
.mb-md-4
{
margin-bottom: 60px;
}
[dir="rtl"] .mr-md-4
{
margin-left: 60px;
}
html:not([dir="rtl"]) .mr-md-4
{
margin-right: 60px;
}
[dir="rtl"] .ml-md-4
{
margin-right: 60px;
}
html:not([dir="rtl"]) .ml-md-4
{
margin-left: 60px;
}
.m-md-5
{
margin: 75px;
}
.mx-md-5
{
margin-left: 75px;
margin-right: 75px;
}
.my-md-5
{
margin-top: 75px;
margin-bottom: 75px;
}
.mt-md-5
{
margin-top: 75px;
}
.mb-md-5
{
margin-bottom: 75px;
}
[dir="rtl"] .mr-md-5
{
margin-left: 75px;
}
html:not([dir="rtl"]) .mr-md-5
{
margin-right: 75px;
}
[dir="rtl"] .ml-md-5
{
margin-right: 75px;
}
html:not([dir="rtl"]) .ml-md-5
{
margin-left: 75px;
}
.m-md-auto
{
margin: auto;
}
.mx-md-auto
{
margin-left: auto;
margin-right: auto;
}
.my-md-auto
{
margin-top: auto;
margin-bottom: auto;
}
.mt-md-auto
{
margin-top: auto;
}
.mb-md-auto
{
margin-bottom: auto;
}
[dir="rtl"] .mr-md-auto
{
margin-left: auto;
}
html:not([dir="rtl"]) .mr-md-auto
{
margin-right: auto;
}
[dir="rtl"] .ml-md-auto
{
margin-right: auto;
}
html:not([dir="rtl"]) .ml-md-auto
{
margin-left: auto;
}
.p-md-0
{
padding: 0;
}
.px-md-0
{
padding-left: 0;
padding-right: 0;
}
.py-md-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-md-0
{
padding-top: 0;
}
.pb-md-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-md-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-md-0
{
padding-right: 0;
}
[dir="rtl"] .pl-md-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-md-0
{
padding-left: 0;
}
.p-md-5px
{
padding: 5px;
}
.px-md-5px
{
padding-left: 5px;
padding-right: 5px;
}
.py-md-5px
{
padding-top: 5px;
padding-bottom: 5px;
}
.pt-md-5px
{
padding-top: 5px;
}
.pb-md-5px
{
padding-bottom: 5px;
}
[dir="rtl"] .pr-md-5px
{
padding-left: 5px;
}
html:not([dir="rtl"]) .pr-md-5px
{
padding-right: 5px;
}
[dir="rtl"] .pl-md-5px
{
padding-right: 5px;
}
html:not([dir="rtl"]) .pl-md-5px
{
padding-left: 5px;
}
.p-md-10px
{
padding: 10px;
}
.px-md-10px
{
padding-left: 10px;
padding-right: 10px;
}
.py-md-10px
{
padding-top: 10px;
padding-bottom: 10px;
}
.pt-md-10px
{
padding-top: 10px;
}
.pb-md-10px
{
padding-bottom: 10px;
}
[dir="rtl"] .pr-md-10px
{
padding-left: 10px;
}
html:not([dir="rtl"]) .pr-md-10px
{
padding-right: 10px;
}
[dir="rtl"] .pl-md-10px
{
padding-right: 10px;
}
html:not([dir="rtl"]) .pl-md-10px
{
padding-left: 10px;
}
.p-md-1
{
padding: 15px;
}
.px-md-1
{
padding-left: 15px;
padding-right: 15px;
}
.py-md-1
{
padding-top: 15px;
padding-bottom: 15px;
}
.pt-md-1
{
padding-top: 15px;
}
.pb-md-1
{
padding-bottom: 15px;
}
[dir="rtl"] .pr-md-1
{
padding-left: 15px;
}
html:not([dir="rtl"]) .pr-md-1
{
padding-right: 15px;
}
[dir="rtl"] .pl-md-1
{
padding-right: 15px;
}
html:not([dir="rtl"]) .pl-md-1
{
padding-left: 15px;
}
.p-md-2
{
padding: 30px;
}
.px-md-2
{
padding-left: 30px;
padding-right: 30px;
}
.py-md-2
{
padding-top: 30px;
padding-bottom: 30px;
}
.pt-md-2
{
padding-top: 30px;
}
.pb-md-2
{
padding-bottom: 30px;
}
[dir="rtl"] .pr-md-2
{
padding-left: 30px;
}
html:not([dir="rtl"]) .pr-md-2
{
padding-right: 30px;
}
[dir="rtl"] .pl-md-2
{
padding-right: 30px;
}
html:not([dir="rtl"]) .pl-md-2
{
padding-left: 30px;
}
.p-md-3
{
padding: 45px;
}
.px-md-3
{
padding-left: 45px;
padding-right: 45px;
}
.py-md-3
{
padding-top: 45px;
padding-bottom: 45px;
}
.pt-md-3
{
padding-top: 45px;
}
.pb-md-3
{
padding-bottom: 45px;
}
[dir="rtl"] .pr-md-3
{
padding-left: 45px;
}
html:not([dir="rtl"]) .pr-md-3
{
padding-right: 45px;
}
[dir="rtl"] .pl-md-3
{
padding-right: 45px;
}
html:not([dir="rtl"]) .pl-md-3
{
padding-left: 45px;
}
.p-md-4
{
padding: 60px;
}
.px-md-4
{
padding-left: 60px;
padding-right: 60px;
}
.py-md-4
{
padding-top: 60px;
padding-bottom: 60px;
}
.pt-md-4
{
padding-top: 60px;
}
.pb-md-4
{
padding-bottom: 60px;
}
[dir="rtl"] .pr-md-4
{
padding-left: 60px;
}
html:not([dir="rtl"]) .pr-md-4
{
padding-right: 60px;
}
[dir="rtl"] .pl-md-4
{
padding-right: 60px;
}
html:not([dir="rtl"]) .pl-md-4
{
padding-left: 60px;
}
.p-md-5
{
padding: 75px;
}
.px-md-5
{
padding-left: 75px;
padding-right: 75px;
}
.py-md-5
{
padding-top: 75px;
padding-bottom: 75px;
}
.pt-md-5
{
padding-top: 75px;
}
.pb-md-5
{
padding-bottom: 75px;
}
[dir="rtl"] .pr-md-5
{
padding-left: 75px;
}
html:not([dir="rtl"]) .pr-md-5
{
padding-right: 75px;
}
[dir="rtl"] .pl-md-5
{
padding-right: 75px;
}
html:not([dir="rtl"]) .pl-md-5
{
padding-left: 75px;
}
}
@media (min-width: 992px)
{
.d-lg-block
{
display: block !important;
}
.d-lg-inline-block
{
display: inline-block !important;
}
.d-lg-flex
{
display: flex !important;
}
.d-lg-inline-flex
{
display: inline-flex !important;
}
.d-lg-grid
{
display: grid !important;
}
.d-lg-inline-grid
{
display: inline-grid !important;
}
.d-lg-none
{
display: none !important;
}
.align-items-lg-flex-start
{
align-items: flex-start;
}
.align-items-lg-center
{
align-items: center;
}
.align-items-lg-flex-end
{
align-items: flex-end;
}
.align-items-lg-start
{
align-items: start;
}
.align-items-lg-end
{
align-items: end;
}
.justify-content-lg-around
{
justify-content: space-around;
}
.justify-content-lg-between
{
justify-content: space-between;
}
.justify-content-lg-flex-start
{
justify-content: flex-start;
}
.justify-content-lg-center
{
justify-content: center;
}
.justify-content-lg-flex-end
{
justify-content: flex-end;
}
.justify-content-lg-evenly
{
justify-content: space-evenly;
}
.justify-content-lg-start
{
justify-content: start;
}
.justify-content-lg-end
{
justify-content: end;
}
.flex-lg-wrap
{
flex-wrap: wrap;
}
.flex-lg-nowrap
{
flex-wrap: nowrap;
}
.flex-lg-wrap-reverse
{
flex-wrap: wrap-reverse;
}
.flex-direction-lg-row
{
flex-direction: row;
}
.flex-direction-lg-row-reverse
{
flex-direction: row-reverse;
}
.flex-direction-lg-column
{
flex-direction: column;
}
.flex-direction-lg-column-reverse
{
flex-direction: column-reverse;
}
.flex-shrink-lg-0
{
flex-shrink: 0;
}
.flex-shrink-lg-1
{
flex-shrink: 1;
}
.flex-shrink-lg-2
{
flex-shrink: 2;
}
[dir="rtl"] .text-lg-left
{
text-align: right !important;
}
html:not([dir="rtl"]) .text-lg-left
{
text-align: left !important;
}
.text-lg-center
{
text-align: center !important;
}
[dir="rtl"] .text-lg-right
{
text-align: left !important;
}
html:not([dir="rtl"]) .text-lg-right
{
text-align: right !important;
}
.text-lg-justify
{
text-align: justify !important;
}
.order-lg-n1
{
order: -1;
}
.order-lg-0
{
order: 0;
}
.order-lg-1
{
order: 1;
}
.order-lg-2
{
order: 2;
}
.order-lg-3
{
order: 3;
}
.order-lg-4
{
order: 4;
}
.order-lg-5
{
order: 5;
}
.order-lg-6
{
order: 6;
}
.order-lg-7
{
order: 7;
}
.order-lg-8
{
order: 8;
}
.order-lg-9
{
order: 9;
}
.order-lg-10
{
order: 10;
}
.grid-lg-cols-0
{
grid-template-columns: repeat(0, minmax(0, 1fr));
}
.grid-lg-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-lg-cols-2
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-lg-cols-3
{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-lg-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-lg-cols-5
{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-lg-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-lg-cols-7
{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-lg-cols-8
{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-lg-cols-9
{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-lg-cols-10
{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-lg-cols-11
{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-lg-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.w-lg-25
{
width: 25%;
}
.w-lg-50
{
width: 50%;
}
.w-lg-75
{
width: 75%;
}
.w-lg-100
{
width: 100%;
}
.w-lg-auto
{
width: auto;
}
.h-lg-25
{
height: 25%;
}
.h-lg-50
{
height: 50%;
}
.h-lg-75
{
height: 75%;
}
.h-lg-100
{
height: 100%;
}
.h-lg-auto
{
height: auto;
}
.min-w-lg-25
{
min-width: 25%;
}
.min-w-lg-50
{
min-width: 50%;
}
.min-w-lg-75
{
min-width: 75%;
}
.min-w-lg-100
{
min-width: 100%;
}
.min-w-lg-auto
{
min-width: auto;
}
.min-h-lg-25
{
min-height: 25%;
}
.min-h-lg-50
{
min-height: 50%;
}
.min-h-lg-75
{
min-height: 75%;
}
.min-h-lg-100
{
min-height: 100%;
}
.min-h-lg-auto
{
min-height: auto;
}
.max-w-lg-25
{
max-width: 25%;
}
.max-w-lg-50
{
max-width: 50%;
}
.max-w-lg-75
{
max-width: 75%;
}
.max-w-lg-100
{
max-width: 100%;
}
.max-w-lg-auto
{
max-width: auto;
}
.max-h-lg-25
{
max-height: 25%;
}
.max-h-lg-50
{
max-height: 50%;
}
.max-h-lg-75
{
max-height: 75%;
}
.max-h-lg-100
{
max-height: 100%;
}
.max-h-lg-auto
{
max-height: auto;
}
}
@media (min-width: 992px)
{
.gap-lg-0
{
gap: 0;
}
.gap-lg-5px
{
gap: 5px;
}
.gap-lg-10px
{
gap: 10px;
}
.gap-lg-1
{
gap: 15px;
}
.gap-lg-2
{
gap: 30px;
}
.gap-lg-3
{
gap: 45px;
}
.gap-lg-4
{
gap: 60px;
}
.gap-lg-5
{
gap: 75px;
}
.m-lg-0
{
margin: 0;
}
.mx-lg-0
{
margin-left: 0;
margin-right: 0;
}
.my-lg-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-lg-0
{
margin-top: 0;
}
.mb-lg-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-lg-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-lg-0
{
margin-right: 0;
}
[dir="rtl"] .ml-lg-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-lg-0
{
margin-left: 0;
}
.m-lg-5px
{
margin: 5px;
}
.mx-lg-5px
{
margin-left: 5px;
margin-right: 5px;
}
.my-lg-5px
{
margin-top: 5px;
margin-bottom: 5px;
}
.mt-lg-5px
{
margin-top: 5px;
}
.mb-lg-5px
{
margin-bottom: 5px;
}
[dir="rtl"] .mr-lg-5px
{
margin-left: 5px;
}
html:not([dir="rtl"]) .mr-lg-5px
{
margin-right: 5px;
}
[dir="rtl"] .ml-lg-5px
{
margin-right: 5px;
}
html:not([dir="rtl"]) .ml-lg-5px
{
margin-left: 5px;
}
.m-lg-10px
{
margin: 10px;
}
.mx-lg-10px
{
margin-left: 10px;
margin-right: 10px;
}
.my-lg-10px
{
margin-top: 10px;
margin-bottom: 10px;
}
.mt-lg-10px
{
margin-top: 10px;
}
.mb-lg-10px
{
margin-bottom: 10px;
}
[dir="rtl"] .mr-lg-10px
{
margin-left: 10px;
}
html:not([dir="rtl"]) .mr-lg-10px
{
margin-right: 10px;
}
[dir="rtl"] .ml-lg-10px
{
margin-right: 10px;
}
html:not([dir="rtl"]) .ml-lg-10px
{
margin-left: 10px;
}
.m-lg-1
{
margin: 15px;
}
.mx-lg-1
{
margin-left: 15px;
margin-right: 15px;
}
.my-lg-1
{
margin-top: 15px;
margin-bottom: 15px;
}
.mt-lg-1
{
margin-top: 15px;
}
.mb-lg-1
{
margin-bottom: 15px;
}
[dir="rtl"] .mr-lg-1
{
margin-left: 15px;
}
html:not([dir="rtl"]) .mr-lg-1
{
margin-right: 15px;
}
[dir="rtl"] .ml-lg-1
{
margin-right: 15px;
}
html:not([dir="rtl"]) .ml-lg-1
{
margin-left: 15px;
}
.m-lg-2
{
margin: 30px;
}
.mx-lg-2
{
margin-left: 30px;
margin-right: 30px;
}
.my-lg-2
{
margin-top: 30px;
margin-bottom: 30px;
}
.mt-lg-2
{
margin-top: 30px;
}
.mb-lg-2
{
margin-bottom: 30px;
}
[dir="rtl"] .mr-lg-2
{
margin-left: 30px;
}
html:not([dir="rtl"]) .mr-lg-2
{
margin-right: 30px;
}
[dir="rtl"] .ml-lg-2
{
margin-right: 30px;
}
html:not([dir="rtl"]) .ml-lg-2
{
margin-left: 30px;
}
.m-lg-3
{
margin: 45px;
}
.mx-lg-3
{
margin-left: 45px;
margin-right: 45px;
}
.my-lg-3
{
margin-top: 45px;
margin-bottom: 45px;
}
.mt-lg-3
{
margin-top: 45px;
}
.mb-lg-3
{
margin-bottom: 45px;
}
[dir="rtl"] .mr-lg-3
{
margin-left: 45px;
}
html:not([dir="rtl"]) .mr-lg-3
{
margin-right: 45px;
}
[dir="rtl"] .ml-lg-3
{
margin-right: 45px;
}
html:not([dir="rtl"]) .ml-lg-3
{
margin-left: 45px;
}
.m-lg-4
{
margin: 60px;
}
.mx-lg-4
{
margin-left: 60px;
margin-right: 60px;
}
.my-lg-4
{
margin-top: 60px;
margin-bottom: 60px;
}
.mt-lg-4
{
margin-top: 60px;
}
.mb-lg-4
{
margin-bottom: 60px;
}
[dir="rtl"] .mr-lg-4
{
margin-left: 60px;
}
html:not([dir="rtl"]) .mr-lg-4
{
margin-right: 60px;
}
[dir="rtl"] .ml-lg-4
{
margin-right: 60px;
}
html:not([dir="rtl"]) .ml-lg-4
{
margin-left: 60px;
}
.m-lg-5
{
margin: 75px;
}
.mx-lg-5
{
margin-left: 75px;
margin-right: 75px;
}
.my-lg-5
{
margin-top: 75px;
margin-bottom: 75px;
}
.mt-lg-5
{
margin-top: 75px;
}
.mb-lg-5
{
margin-bottom: 75px;
}
[dir="rtl"] .mr-lg-5
{
margin-left: 75px;
}
html:not([dir="rtl"]) .mr-lg-5
{
margin-right: 75px;
}
[dir="rtl"] .ml-lg-5
{
margin-right: 75px;
}
html:not([dir="rtl"]) .ml-lg-5
{
margin-left: 75px;
}
.m-lg-auto
{
margin: auto;
}
.mx-lg-auto
{
margin-left: auto;
margin-right: auto;
}
.my-lg-auto
{
margin-top: auto;
margin-bottom: auto;
}
.mt-lg-auto
{
margin-top: auto;
}
.mb-lg-auto
{
margin-bottom: auto;
}
[dir="rtl"] .mr-lg-auto
{
margin-left: auto;
}
html:not([dir="rtl"]) .mr-lg-auto
{
margin-right: auto;
}
[dir="rtl"] .ml-lg-auto
{
margin-right: auto;
}
html:not([dir="rtl"]) .ml-lg-auto
{
margin-left: auto;
}
.p-lg-0
{
padding: 0;
}
.px-lg-0
{
padding-left: 0;
padding-right: 0;
}
.py-lg-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-lg-0
{
padding-top: 0;
}
.pb-lg-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-lg-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-lg-0
{
padding-right: 0;
}
[dir="rtl"] .pl-lg-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-lg-0
{
padding-left: 0;
}
.p-lg-5px
{
padding: 5px;
}
.px-lg-5px
{
padding-left: 5px;
padding-right: 5px;
}
.py-lg-5px
{
padding-top: 5px;
padding-bottom: 5px;
}
.pt-lg-5px
{
padding-top: 5px;
}
.pb-lg-5px
{
padding-bottom: 5px;
}
[dir="rtl"] .pr-lg-5px
{
padding-left: 5px;
}
html:not([dir="rtl"]) .pr-lg-5px
{
padding-right: 5px;
}
[dir="rtl"] .pl-lg-5px
{
padding-right: 5px;
}
html:not([dir="rtl"]) .pl-lg-5px
{
padding-left: 5px;
}
.p-lg-10px
{
padding: 10px;
}
.px-lg-10px
{
padding-left: 10px;
padding-right: 10px;
}
.py-lg-10px
{
padding-top: 10px;
padding-bottom: 10px;
}
.pt-lg-10px
{
padding-top: 10px;
}
.pb-lg-10px
{
padding-bottom: 10px;
}
[dir="rtl"] .pr-lg-10px
{
padding-left: 10px;
}
html:not([dir="rtl"]) .pr-lg-10px
{
padding-right: 10px;
}
[dir="rtl"] .pl-lg-10px
{
padding-right: 10px;
}
html:not([dir="rtl"]) .pl-lg-10px
{
padding-left: 10px;
}
.p-lg-1
{
padding: 15px;
}
.px-lg-1
{
padding-left: 15px;
padding-right: 15px;
}
.py-lg-1
{
padding-top: 15px;
padding-bottom: 15px;
}
.pt-lg-1
{
padding-top: 15px;
}
.pb-lg-1
{
padding-bottom: 15px;
}
[dir="rtl"] .pr-lg-1
{
padding-left: 15px;
}
html:not([dir="rtl"]) .pr-lg-1
{
padding-right: 15px;
}
[dir="rtl"] .pl-lg-1
{
padding-right: 15px;
}
html:not([dir="rtl"]) .pl-lg-1
{
padding-left: 15px;
}
.p-lg-2
{
padding: 30px;
}
.px-lg-2
{
padding-left: 30px;
padding-right: 30px;
}
.py-lg-2
{
padding-top: 30px;
padding-bottom: 30px;
}
.pt-lg-2
{
padding-top: 30px;
}
.pb-lg-2
{
padding-bottom: 30px;
}
[dir="rtl"] .pr-lg-2
{
padding-left: 30px;
}
html:not([dir="rtl"]) .pr-lg-2
{
padding-right: 30px;
}
[dir="rtl"] .pl-lg-2
{
padding-right: 30px;
}
html:not([dir="rtl"]) .pl-lg-2
{
padding-left: 30px;
}
.p-lg-3
{
padding: 45px;
}
.px-lg-3
{
padding-left: 45px;
padding-right: 45px;
}
.py-lg-3
{
padding-top: 45px;
padding-bottom: 45px;
}
.pt-lg-3
{
padding-top: 45px;
}
.pb-lg-3
{
padding-bottom: 45px;
}
[dir="rtl"] .pr-lg-3
{
padding-left: 45px;
}
html:not([dir="rtl"]) .pr-lg-3
{
padding-right: 45px;
}
[dir="rtl"] .pl-lg-3
{
padding-right: 45px;
}
html:not([dir="rtl"]) .pl-lg-3
{
padding-left: 45px;
}
.p-lg-4
{
padding: 60px;
}
.px-lg-4
{
padding-left: 60px;
padding-right: 60px;
}
.py-lg-4
{
padding-top: 60px;
padding-bottom: 60px;
}
.pt-lg-4
{
padding-top: 60px;
}
.pb-lg-4
{
padding-bottom: 60px;
}
[dir="rtl"] .pr-lg-4
{
padding-left: 60px;
}
html:not([dir="rtl"]) .pr-lg-4
{
padding-right: 60px;
}
[dir="rtl"] .pl-lg-4
{
padding-right: 60px;
}
html:not([dir="rtl"]) .pl-lg-4
{
padding-left: 60px;
}
.p-lg-5
{
padding: 75px;
}
.px-lg-5
{
padding-left: 75px;
padding-right: 75px;
}
.py-lg-5
{
padding-top: 75px;
padding-bottom: 75px;
}
.pt-lg-5
{
padding-top: 75px;
}
.pb-lg-5
{
padding-bottom: 75px;
}
[dir="rtl"] .pr-lg-5
{
padding-left: 75px;
}
html:not([dir="rtl"]) .pr-lg-5
{
padding-right: 75px;
}
[dir="rtl"] .pl-lg-5
{
padding-right: 75px;
}
html:not([dir="rtl"]) .pl-lg-5
{
padding-left: 75px;
}
}
@media (min-width: 1170px)
{
.d-xl-block
{
display: block !important;
}
.d-xl-inline-block
{
display: inline-block !important;
}
.d-xl-flex
{
display: flex !important;
}
.d-xl-inline-flex
{
display: inline-flex !important;
}
.d-xl-grid
{
display: grid !important;
}
.d-xl-inline-grid
{
display: inline-grid !important;
}
.d-xl-none
{
display: none !important;
}
.align-items-xl-flex-start
{
align-items: flex-start;
}
.align-items-xl-center
{
align-items: center;
}
.align-items-xl-flex-end
{
align-items: flex-end;
}
.align-items-xl-start
{
align-items: start;
}
.align-items-xl-end
{
align-items: end;
}
.justify-content-xl-around
{
justify-content: space-around;
}
.justify-content-xl-between
{
justify-content: space-between;
}
.justify-content-xl-flex-start
{
justify-content: flex-start;
}
.justify-content-xl-center
{
justify-content: center;
}
.justify-content-xl-flex-end
{
justify-content: flex-end;
}
.justify-content-xl-evenly
{
justify-content: space-evenly;
}
.justify-content-xl-start
{
justify-content: start;
}
.justify-content-xl-end
{
justify-content: end;
}
.flex-xl-wrap
{
flex-wrap: wrap;
}
.flex-xl-nowrap
{
flex-wrap: nowrap;
}
.flex-xl-wrap-reverse
{
flex-wrap: wrap-reverse;
}
.flex-direction-xl-row
{
flex-direction: row;
}
.flex-direction-xl-row-reverse
{
flex-direction: row-reverse;
}
.flex-direction-xl-column
{
flex-direction: column;
}
.flex-direction-xl-column-reverse
{
flex-direction: column-reverse;
}
.flex-shrink-xl-0
{
flex-shrink: 0;
}
.flex-shrink-xl-1
{
flex-shrink: 1;
}
.flex-shrink-xl-2
{
flex-shrink: 2;
}
[dir="rtl"] .text-xl-left
{
text-align: right !important;
}
html:not([dir="rtl"]) .text-xl-left
{
text-align: left !important;
}
.text-xl-center
{
text-align: center !important;
}
[dir="rtl"] .text-xl-right
{
text-align: left !important;
}
html:not([dir="rtl"]) .text-xl-right
{
text-align: right !important;
}
.text-xl-justify
{
text-align: justify !important;
}
.order-xl-n1
{
order: -1;
}
.order-xl-0
{
order: 0;
}
.order-xl-1
{
order: 1;
}
.order-xl-2
{
order: 2;
}
.order-xl-3
{
order: 3;
}
.order-xl-4
{
order: 4;
}
.order-xl-5
{
order: 5;
}
.order-xl-6
{
order: 6;
}
.order-xl-7
{
order: 7;
}
.order-xl-8
{
order: 8;
}
.order-xl-9
{
order: 9;
}
.order-xl-10
{
order: 10;
}
.grid-xl-cols-0
{
grid-template-columns: repeat(0, minmax(0, 1fr));
}
.grid-xl-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-xl-cols-2
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-xl-cols-3
{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-xl-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-xl-cols-5
{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-xl-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-xl-cols-7
{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-xl-cols-8
{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-xl-cols-9
{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-xl-cols-10
{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-xl-cols-11
{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-xl-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.w-xl-25
{
width: 25%;
}
.w-xl-50
{
width: 50%;
}
.w-xl-75
{
width: 75%;
}
.w-xl-100
{
width: 100%;
}
.w-xl-auto
{
width: auto;
}
.h-xl-25
{
height: 25%;
}
.h-xl-50
{
height: 50%;
}
.h-xl-75
{
height: 75%;
}
.h-xl-100
{
height: 100%;
}
.h-xl-auto
{
height: auto;
}
.min-w-xl-25
{
min-width: 25%;
}
.min-w-xl-50
{
min-width: 50%;
}
.min-w-xl-75
{
min-width: 75%;
}
.min-w-xl-100
{
min-width: 100%;
}
.min-w-xl-auto
{
min-width: auto;
}
.min-h-xl-25
{
min-height: 25%;
}
.min-h-xl-50
{
min-height: 50%;
}
.min-h-xl-75
{
min-height: 75%;
}
.min-h-xl-100
{
min-height: 100%;
}
.min-h-xl-auto
{
min-height: auto;
}
.max-w-xl-25
{
max-width: 25%;
}
.max-w-xl-50
{
max-width: 50%;
}
.max-w-xl-75
{
max-width: 75%;
}
.max-w-xl-100
{
max-width: 100%;
}
.max-w-xl-auto
{
max-width: auto;
}
.max-h-xl-25
{
max-height: 25%;
}
.max-h-xl-50
{
max-height: 50%;
}
.max-h-xl-75
{
max-height: 75%;
}
.max-h-xl-100
{
max-height: 100%;
}
.max-h-xl-auto
{
max-height: auto;
}
}
@media (min-width: 1170px)
{
.gap-xl-0
{
gap: 0;
}
.gap-xl-5px
{
gap: 5px;
}
.gap-xl-10px
{
gap: 10px;
}
.gap-xl-1
{
gap: 15px;
}
.gap-xl-2
{
gap: 30px;
}
.gap-xl-3
{
gap: 45px;
}
.gap-xl-4
{
gap: 60px;
}
.gap-xl-5
{
gap: 75px;
}
.m-xl-0
{
margin: 0;
}
.mx-xl-0
{
margin-left: 0;
margin-right: 0;
}
.my-xl-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-xl-0
{
margin-top: 0;
}
.mb-xl-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-xl-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-xl-0
{
margin-right: 0;
}
[dir="rtl"] .ml-xl-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-xl-0
{
margin-left: 0;
}
.m-xl-5px
{
margin: 5px;
}
.mx-xl-5px
{
margin-left: 5px;
margin-right: 5px;
}
.my-xl-5px
{
margin-top: 5px;
margin-bottom: 5px;
}
.mt-xl-5px
{
margin-top: 5px;
}
.mb-xl-5px
{
margin-bottom: 5px;
}
[dir="rtl"] .mr-xl-5px
{
margin-left: 5px;
}
html:not([dir="rtl"]) .mr-xl-5px
{
margin-right: 5px;
}
[dir="rtl"] .ml-xl-5px
{
margin-right: 5px;
}
html:not([dir="rtl"]) .ml-xl-5px
{
margin-left: 5px;
}
.m-xl-10px
{
margin: 10px;
}
.mx-xl-10px
{
margin-left: 10px;
margin-right: 10px;
}
.my-xl-10px
{
margin-top: 10px;
margin-bottom: 10px;
}
.mt-xl-10px
{
margin-top: 10px;
}
.mb-xl-10px
{
margin-bottom: 10px;
}
[dir="rtl"] .mr-xl-10px
{
margin-left: 10px;
}
html:not([dir="rtl"]) .mr-xl-10px
{
margin-right: 10px;
}
[dir="rtl"] .ml-xl-10px
{
margin-right: 10px;
}
html:not([dir="rtl"]) .ml-xl-10px
{
margin-left: 10px;
}
.m-xl-1
{
margin: 15px;
}
.mx-xl-1
{
margin-left: 15px;
margin-right: 15px;
}
.my-xl-1
{
margin-top: 15px;
margin-bottom: 15px;
}
.mt-xl-1
{
margin-top: 15px;
}
.mb-xl-1
{
margin-bottom: 15px;
}
[dir="rtl"] .mr-xl-1
{
margin-left: 15px;
}
html:not([dir="rtl"]) .mr-xl-1
{
margin-right: 15px;
}
[dir="rtl"] .ml-xl-1
{
margin-right: 15px;
}
html:not([dir="rtl"]) .ml-xl-1
{
margin-left: 15px;
}
.m-xl-2
{
margin: 30px;
}
.mx-xl-2
{
margin-left: 30px;
margin-right: 30px;
}
.my-xl-2
{
margin-top: 30px;
margin-bottom: 30px;
}
.mt-xl-2
{
margin-top: 30px;
}
.mb-xl-2
{
margin-bottom: 30px;
}
[dir="rtl"] .mr-xl-2
{
margin-left: 30px;
}
html:not([dir="rtl"]) .mr-xl-2
{
margin-right: 30px;
}
[dir="rtl"] .ml-xl-2
{
margin-right: 30px;
}
html:not([dir="rtl"]) .ml-xl-2
{
margin-left: 30px;
}
.m-xl-3
{
margin: 45px;
}
.mx-xl-3
{
margin-left: 45px;
margin-right: 45px;
}
.my-xl-3
{
margin-top: 45px;
margin-bottom: 45px;
}
.mt-xl-3
{
margin-top: 45px;
}
.mb-xl-3
{
margin-bottom: 45px;
}
[dir="rtl"] .mr-xl-3
{
margin-left: 45px;
}
html:not([dir="rtl"]) .mr-xl-3
{
margin-right: 45px;
}
[dir="rtl"] .ml-xl-3
{
margin-right: 45px;
}
html:not([dir="rtl"]) .ml-xl-3
{
margin-left: 45px;
}
.m-xl-4
{
margin: 60px;
}
.mx-xl-4
{
margin-left: 60px;
margin-right: 60px;
}
.my-xl-4
{
margin-top: 60px;
margin-bottom: 60px;
}
.mt-xl-4
{
margin-top: 60px;
}
.mb-xl-4
{
margin-bottom: 60px;
}
[dir="rtl"] .mr-xl-4
{
margin-left: 60px;
}
html:not([dir="rtl"]) .mr-xl-4
{
margin-right: 60px;
}
[dir="rtl"] .ml-xl-4
{
margin-right: 60px;
}
html:not([dir="rtl"]) .ml-xl-4
{
margin-left: 60px;
}
.m-xl-5
{
margin: 75px;
}
.mx-xl-5
{
margin-left: 75px;
margin-right: 75px;
}
.my-xl-5
{
margin-top: 75px;
margin-bottom: 75px;
}
.mt-xl-5
{
margin-top: 75px;
}
.mb-xl-5
{
margin-bottom: 75px;
}
[dir="rtl"] .mr-xl-5
{
margin-left: 75px;
}
html:not([dir="rtl"]) .mr-xl-5
{
margin-right: 75px;
}
[dir="rtl"] .ml-xl-5
{
margin-right: 75px;
}
html:not([dir="rtl"]) .ml-xl-5
{
margin-left: 75px;
}
.m-xl-auto
{
margin: auto;
}
.mx-xl-auto
{
margin-left: auto;
margin-right: auto;
}
.my-xl-auto
{
margin-top: auto;
margin-bottom: auto;
}
.mt-xl-auto
{
margin-top: auto;
}
.mb-xl-auto
{
margin-bottom: auto;
}
[dir="rtl"] .mr-xl-auto
{
margin-left: auto;
}
html:not([dir="rtl"]) .mr-xl-auto
{
margin-right: auto;
}
[dir="rtl"] .ml-xl-auto
{
margin-right: auto;
}
html:not([dir="rtl"]) .ml-xl-auto
{
margin-left: auto;
}
.p-xl-0
{
padding: 0;
}
.px-xl-0
{
padding-left: 0;
padding-right: 0;
}
.py-xl-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-xl-0
{
padding-top: 0;
}
.pb-xl-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-xl-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-xl-0
{
padding-right: 0;
}
[dir="rtl"] .pl-xl-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-xl-0
{
padding-left: 0;
}
.p-xl-5px
{
padding: 5px;
}
.px-xl-5px
{
padding-left: 5px;
padding-right: 5px;
}
.py-xl-5px
{
padding-top: 5px;
padding-bottom: 5px;
}
.pt-xl-5px
{
padding-top: 5px;
}
.pb-xl-5px
{
padding-bottom: 5px;
}
[dir="rtl"] .pr-xl-5px
{
padding-left: 5px;
}
html:not([dir="rtl"]) .pr-xl-5px
{
padding-right: 5px;
}
[dir="rtl"] .pl-xl-5px
{
padding-right: 5px;
}
html:not([dir="rtl"]) .pl-xl-5px
{
padding-left: 5px;
}
.p-xl-10px
{
padding: 10px;
}
.px-xl-10px
{
padding-left: 10px;
padding-right: 10px;
}
.py-xl-10px
{
padding-top: 10px;
padding-bottom: 10px;
}
.pt-xl-10px
{
padding-top: 10px;
}
.pb-xl-10px
{
padding-bottom: 10px;
}
[dir="rtl"] .pr-xl-10px
{
padding-left: 10px;
}
html:not([dir="rtl"]) .pr-xl-10px
{
padding-right: 10px;
}
[dir="rtl"] .pl-xl-10px
{
padding-right: 10px;
}
html:not([dir="rtl"]) .pl-xl-10px
{
padding-left: 10px;
}
.p-xl-1
{
padding: 15px;
}
.px-xl-1
{
padding-left: 15px;
padding-right: 15px;
}
.py-xl-1
{
padding-top: 15px;
padding-bottom: 15px;
}
.pt-xl-1
{
padding-top: 15px;
}
.pb-xl-1
{
padding-bottom: 15px;
}
[dir="rtl"] .pr-xl-1
{
padding-left: 15px;
}
html:not([dir="rtl"]) .pr-xl-1
{
padding-right: 15px;
}
[dir="rtl"] .pl-xl-1
{
padding-right: 15px;
}
html:not([dir="rtl"]) .pl-xl-1
{
padding-left: 15px;
}
.p-xl-2
{
padding: 30px;
}
.px-xl-2
{
padding-left: 30px;
padding-right: 30px;
}
.py-xl-2
{
padding-top: 30px;
padding-bottom: 30px;
}
.pt-xl-2
{
padding-top: 30px;
}
.pb-xl-2
{
padding-bottom: 30px;
}
[dir="rtl"] .pr-xl-2
{
padding-left: 30px;
}
html:not([dir="rtl"]) .pr-xl-2
{
padding-right: 30px;
}
[dir="rtl"] .pl-xl-2
{
padding-right: 30px;
}
html:not([dir="rtl"]) .pl-xl-2
{
padding-left: 30px;
}
.p-xl-3
{
padding: 45px;
}
.px-xl-3
{
padding-left: 45px;
padding-right: 45px;
}
.py-xl-3
{
padding-top: 45px;
padding-bottom: 45px;
}
.pt-xl-3
{
padding-top: 45px;
}
.pb-xl-3
{
padding-bottom: 45px;
}
[dir="rtl"] .pr-xl-3
{
padding-left: 45px;
}
html:not([dir="rtl"]) .pr-xl-3
{
padding-right: 45px;
}
[dir="rtl"] .pl-xl-3
{
padding-right: 45px;
}
html:not([dir="rtl"]) .pl-xl-3
{
padding-left: 45px;
}
.p-xl-4
{
padding: 60px;
}
.px-xl-4
{
padding-left: 60px;
padding-right: 60px;
}
.py-xl-4
{
padding-top: 60px;
padding-bottom: 60px;
}
.pt-xl-4
{
padding-top: 60px;
}
.pb-xl-4
{
padding-bottom: 60px;
}
[dir="rtl"] .pr-xl-4
{
padding-left: 60px;
}
html:not([dir="rtl"]) .pr-xl-4
{
padding-right: 60px;
}
[dir="rtl"] .pl-xl-4
{
padding-right: 60px;
}
html:not([dir="rtl"]) .pl-xl-4
{
padding-left: 60px;
}
.p-xl-5
{
padding: 75px;
}
.px-xl-5
{
padding-left: 75px;
padding-right: 75px;
}
.py-xl-5
{
padding-top: 75px;
padding-bottom: 75px;
}
.pt-xl-5
{
padding-top: 75px;
}
.pb-xl-5
{
padding-bottom: 75px;
}
[dir="rtl"] .pr-xl-5
{
padding-left: 75px;
}
html:not([dir="rtl"]) .pr-xl-5
{
padding-right: 75px;
}
[dir="rtl"] .pl-xl-5
{
padding-right: 75px;
}
html:not([dir="rtl"]) .pl-xl-5
{
padding-left: 75px;
}
}
@media (min-width: 1400px)
{
.d-xxl-block
{
display: block !important;
}
.d-xxl-inline-block
{
display: inline-block !important;
}
.d-xxl-flex
{
display: flex !important;
}
.d-xxl-inline-flex
{
display: inline-flex !important;
}
.d-xxl-grid
{
display: grid !important;
}
.d-xxl-inline-grid
{
display: inline-grid !important;
}
.d-xxl-none
{
display: none !important;
}
.align-items-xxl-flex-start
{
align-items: flex-start;
}
.align-items-xxl-center
{
align-items: center;
}
.align-items-xxl-flex-end
{
align-items: flex-end;
}
.align-items-xxl-start
{
align-items: start;
}
.align-items-xxl-end
{
align-items: end;
}
.justify-content-xxl-around
{
justify-content: space-around;
}
.justify-content-xxl-between
{
justify-content: space-between;
}
.justify-content-xxl-flex-start
{
justify-content: flex-start;
}
.justify-content-xxl-center
{
justify-content: center;
}
.justify-content-xxl-flex-end
{
justify-content: flex-end;
}
.justify-content-xxl-evenly
{
justify-content: space-evenly;
}
.justify-content-xxl-start
{
justify-content: start;
}
.justify-content-xxl-end
{
justify-content: end;
}
.flex-xxl-wrap
{
flex-wrap: wrap;
}
.flex-xxl-nowrap
{
flex-wrap: nowrap;
}
.flex-xxl-wrap-reverse
{
flex-wrap: wrap-reverse;
}
.flex-direction-xxl-row
{
flex-direction: row;
}
.flex-direction-xxl-row-reverse
{
flex-direction: row-reverse;
}
.flex-direction-xxl-column
{
flex-direction: column;
}
.flex-direction-xxl-column-reverse
{
flex-direction: column-reverse;
}
.flex-shrink-xxl-0
{
flex-shrink: 0;
}
.flex-shrink-xxl-1
{
flex-shrink: 1;
}
.flex-shrink-xxl-2
{
flex-shrink: 2;
}
[dir="rtl"] .text-xxl-left
{
text-align: right !important;
}
html:not([dir="rtl"]) .text-xxl-left
{
text-align: left !important;
}
.text-xxl-center
{
text-align: center !important;
}
[dir="rtl"] .text-xxl-right
{
text-align: left !important;
}
html:not([dir="rtl"]) .text-xxl-right
{
text-align: right !important;
}
.text-xxl-justify
{
text-align: justify !important;
}
.order-xxl-n1
{
order: -1;
}
.order-xxl-0
{
order: 0;
}
.order-xxl-1
{
order: 1;
}
.order-xxl-2
{
order: 2;
}
.order-xxl-3
{
order: 3;
}
.order-xxl-4
{
order: 4;
}
.order-xxl-5
{
order: 5;
}
.order-xxl-6
{
order: 6;
}
.order-xxl-7
{
order: 7;
}
.order-xxl-8
{
order: 8;
}
.order-xxl-9
{
order: 9;
}
.order-xxl-10
{
order: 10;
}
.grid-xxl-cols-0
{
grid-template-columns: repeat(0, minmax(0, 1fr));
}
.grid-xxl-cols-1
{
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-xxl-cols-2
{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-xxl-cols-3
{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-xxl-cols-4
{
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-xxl-cols-5
{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-xxl-cols-6
{
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-xxl-cols-7
{
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-xxl-cols-8
{
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-xxl-cols-9
{
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-xxl-cols-10
{
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-xxl-cols-11
{
grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-xxl-cols-12
{
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.w-xxl-25
{
width: 25%;
}
.w-xxl-50
{
width: 50%;
}
.w-xxl-75
{
width: 75%;
}
.w-xxl-100
{
width: 100%;
}
.w-xxl-auto
{
width: auto;
}
.h-xxl-25
{
height: 25%;
}
.h-xxl-50
{
height: 50%;
}
.h-xxl-75
{
height: 75%;
}
.h-xxl-100
{
height: 100%;
}
.h-xxl-auto
{
height: auto;
}
.min-w-xxl-25
{
min-width: 25%;
}
.min-w-xxl-50
{
min-width: 50%;
}
.min-w-xxl-75
{
min-width: 75%;
}
.min-w-xxl-100
{
min-width: 100%;
}
.min-w-xxl-auto
{
min-width: auto;
}
.min-h-xxl-25
{
min-height: 25%;
}
.min-h-xxl-50
{
min-height: 50%;
}
.min-h-xxl-75
{
min-height: 75%;
}
.min-h-xxl-100
{
min-height: 100%;
}
.min-h-xxl-auto
{
min-height: auto;
}
.max-w-xxl-25
{
max-width: 25%;
}
.max-w-xxl-50
{
max-width: 50%;
}
.max-w-xxl-75
{
max-width: 75%;
}
.max-w-xxl-100
{
max-width: 100%;
}
.max-w-xxl-auto
{
max-width: auto;
}
.max-h-xxl-25
{
max-height: 25%;
}
.max-h-xxl-50
{
max-height: 50%;
}
.max-h-xxl-75
{
max-height: 75%;
}
.max-h-xxl-100
{
max-height: 100%;
}
.max-h-xxl-auto
{
max-height: auto;
}
}
@media (min-width: 1400px)
{
.gap-xxl-0
{
gap: 0;
}
.gap-xxl-5px
{
gap: 5px;
}
.gap-xxl-10px
{
gap: 10px;
}
.gap-xxl-1
{
gap: 15px;
}
.gap-xxl-2
{
gap: 30px;
}
.gap-xxl-3
{
gap: 45px;
}
.gap-xxl-4
{
gap: 60px;
}
.gap-xxl-5
{
gap: 75px;
}
.m-xxl-0
{
margin: 0;
}
.mx-xxl-0
{
margin-left: 0;
margin-right: 0;
}
.my-xxl-0
{
margin-top: 0;
margin-bottom: 0;
}
.mt-xxl-0
{
margin-top: 0;
}
.mb-xxl-0
{
margin-bottom: 0;
}
[dir="rtl"] .mr-xxl-0
{
margin-left: 0;
}
html:not([dir="rtl"]) .mr-xxl-0
{
margin-right: 0;
}
[dir="rtl"] .ml-xxl-0
{
margin-right: 0;
}
html:not([dir="rtl"]) .ml-xxl-0
{
margin-left: 0;
}
.m-xxl-5px
{
margin: 5px;
}
.mx-xxl-5px
{
margin-left: 5px;
margin-right: 5px;
}
.my-xxl-5px
{
margin-top: 5px;
margin-bottom: 5px;
}
.mt-xxl-5px
{
margin-top: 5px;
}
.mb-xxl-5px
{
margin-bottom: 5px;
}
[dir="rtl"] .mr-xxl-5px
{
margin-left: 5px;
}
html:not([dir="rtl"]) .mr-xxl-5px
{
margin-right: 5px;
}
[dir="rtl"] .ml-xxl-5px
{
margin-right: 5px;
}
html:not([dir="rtl"]) .ml-xxl-5px
{
margin-left: 5px;
}
.m-xxl-10px
{
margin: 10px;
}
.mx-xxl-10px
{
margin-left: 10px;
margin-right: 10px;
}
.my-xxl-10px
{
margin-top: 10px;
margin-bottom: 10px;
}
.mt-xxl-10px
{
margin-top: 10px;
}
.mb-xxl-10px
{
margin-bottom: 10px;
}
[dir="rtl"] .mr-xxl-10px
{
margin-left: 10px;
}
html:not([dir="rtl"]) .mr-xxl-10px
{
margin-right: 10px;
}
[dir="rtl"] .ml-xxl-10px
{
margin-right: 10px;
}
html:not([dir="rtl"]) .ml-xxl-10px
{
margin-left: 10px;
}
.m-xxl-1
{
margin: 15px;
}
.mx-xxl-1
{
margin-left: 15px;
margin-right: 15px;
}
.my-xxl-1
{
margin-top: 15px;
margin-bottom: 15px;
}
.mt-xxl-1
{
margin-top: 15px;
}
.mb-xxl-1
{
margin-bottom: 15px;
}
[dir="rtl"] .mr-xxl-1
{
margin-left: 15px;
}
html:not([dir="rtl"]) .mr-xxl-1
{
margin-right: 15px;
}
[dir="rtl"] .ml-xxl-1
{
margin-right: 15px;
}
html:not([dir="rtl"]) .ml-xxl-1
{
margin-left: 15px;
}
.m-xxl-2
{
margin: 30px;
}
.mx-xxl-2
{
margin-left: 30px;
margin-right: 30px;
}
.my-xxl-2
{
margin-top: 30px;
margin-bottom: 30px;
}
.mt-xxl-2
{
margin-top: 30px;
}
.mb-xxl-2
{
margin-bottom: 30px;
}
[dir="rtl"] .mr-xxl-2
{
margin-left: 30px;
}
html:not([dir="rtl"]) .mr-xxl-2
{
margin-right: 30px;
}
[dir="rtl"] .ml-xxl-2
{
margin-right: 30px;
}
html:not([dir="rtl"]) .ml-xxl-2
{
margin-left: 30px;
}
.m-xxl-3
{
margin: 45px;
}
.mx-xxl-3
{
margin-left: 45px;
margin-right: 45px;
}
.my-xxl-3
{
margin-top: 45px;
margin-bottom: 45px;
}
.mt-xxl-3
{
margin-top: 45px;
}
.mb-xxl-3
{
margin-bottom: 45px;
}
[dir="rtl"] .mr-xxl-3
{
margin-left: 45px;
}
html:not([dir="rtl"]) .mr-xxl-3
{
margin-right: 45px;
}
[dir="rtl"] .ml-xxl-3
{
margin-right: 45px;
}
html:not([dir="rtl"]) .ml-xxl-3
{
margin-left: 45px;
}
.m-xxl-4
{
margin: 60px;
}
.mx-xxl-4
{
margin-left: 60px;
margin-right: 60px;
}
.my-xxl-4
{
margin-top: 60px;
margin-bottom: 60px;
}
.mt-xxl-4
{
margin-top: 60px;
}
.mb-xxl-4
{
margin-bottom: 60px;
}
[dir="rtl"] .mr-xxl-4
{
margin-left: 60px;
}
html:not([dir="rtl"]) .mr-xxl-4
{
margin-right: 60px;
}
[dir="rtl"] .ml-xxl-4
{
margin-right: 60px;
}
html:not([dir="rtl"]) .ml-xxl-4
{
margin-left: 60px;
}
.m-xxl-5
{
margin: 75px;
}
.mx-xxl-5
{
margin-left: 75px;
margin-right: 75px;
}
.my-xxl-5
{
margin-top: 75px;
margin-bottom: 75px;
}
.mt-xxl-5
{
margin-top: 75px;
}
.mb-xxl-5
{
margin-bottom: 75px;
}
[dir="rtl"] .mr-xxl-5
{
margin-left: 75px;
}
html:not([dir="rtl"]) .mr-xxl-5
{
margin-right: 75px;
}
[dir="rtl"] .ml-xxl-5
{
margin-right: 75px;
}
html:not([dir="rtl"]) .ml-xxl-5
{
margin-left: 75px;
}
.m-xxl-auto
{
margin: auto;
}
.mx-xxl-auto
{
margin-left: auto;
margin-right: auto;
}
.my-xxl-auto
{
margin-top: auto;
margin-bottom: auto;
}
.mt-xxl-auto
{
margin-top: auto;
}
.mb-xxl-auto
{
margin-bottom: auto;
}
[dir="rtl"] .mr-xxl-auto
{
margin-left: auto;
}
html:not([dir="rtl"]) .mr-xxl-auto
{
margin-right: auto;
}
[dir="rtl"] .ml-xxl-auto
{
margin-right: auto;
}
html:not([dir="rtl"]) .ml-xxl-auto
{
margin-left: auto;
}
.p-xxl-0
{
padding: 0;
}
.px-xxl-0
{
padding-left: 0;
padding-right: 0;
}
.py-xxl-0
{
padding-top: 0;
padding-bottom: 0;
}
.pt-xxl-0
{
padding-top: 0;
}
.pb-xxl-0
{
padding-bottom: 0;
}
[dir="rtl"] .pr-xxl-0
{
padding-left: 0;
}
html:not([dir="rtl"]) .pr-xxl-0
{
padding-right: 0;
}
[dir="rtl"] .pl-xxl-0
{
padding-right: 0;
}
html:not([dir="rtl"]) .pl-xxl-0
{
padding-left: 0;
}
.p-xxl-5px
{
padding: 5px;
}
.px-xxl-5px
{
padding-left: 5px;
padding-right: 5px;
}
.py-xxl-5px
{
padding-top: 5px;
padding-bottom: 5px;
}
.pt-xxl-5px
{
padding-top: 5px;
}
.pb-xxl-5px
{
padding-bottom: 5px;
}
[dir="rtl"] .pr-xxl-5px
{
padding-left: 5px;
}
html:not([dir="rtl"]) .pr-xxl-5px
{
padding-right: 5px;
}
[dir="rtl"] .pl-xxl-5px
{
padding-right: 5px;
}
html:not([dir="rtl"]) .pl-xxl-5px
{
padding-left: 5px;
}
.p-xxl-10px
{
padding: 10px;
}
.px-xxl-10px
{
padding-left: 10px;
padding-right: 10px;
}
.py-xxl-10px
{
padding-top: 10px;
padding-bottom: 10px;
}
.pt-xxl-10px
{
padding-top: 10px;
}
.pb-xxl-10px
{
padding-bottom: 10px;
}
[dir="rtl"] .pr-xxl-10px
{
padding-left: 10px;
}
html:not([dir="rtl"]) .pr-xxl-10px
{
padding-right: 10px;
}
[dir="rtl"] .pl-xxl-10px
{
padding-right: 10px;
}
html:not([dir="rtl"]) .pl-xxl-10px
{
padding-left: 10px;
}
.p-xxl-1
{
padding: 15px;
}
.px-xxl-1
{
padding-left: 15px;
padding-right: 15px;
}
.py-xxl-1
{
padding-top: 15px;
padding-bottom: 15px;
}
.pt-xxl-1
{
padding-top: 15px;
}
.pb-xxl-1
{
padding-bottom: 15px;
}
[dir="rtl"] .pr-xxl-1
{
padding-left: 15px;
}
html:not([dir="rtl"]) .pr-xxl-1
{
padding-right: 15px;
}
[dir="rtl"] .pl-xxl-1
{
padding-right: 15px;
}
html:not([dir="rtl"]) .pl-xxl-1
{
padding-left: 15px;
}
.p-xxl-2
{
padding: 30px;
}
.px-xxl-2
{
padding-left: 30px;
padding-right: 30px;
}
.py-xxl-2
{
padding-top: 30px;
padding-bottom: 30px;
}
.pt-xxl-2
{
padding-top: 30px;
}
.pb-xxl-2
{
padding-bottom: 30px;
}
[dir="rtl"] .pr-xxl-2
{
padding-left: 30px;
}
html:not([dir="rtl"]) .pr-xxl-2
{
padding-right: 30px;
}
[dir="rtl"] .pl-xxl-2
{
padding-right: 30px;
}
html:not([dir="rtl"]) .pl-xxl-2
{
padding-left: 30px;
}
.p-xxl-3
{
padding: 45px;
}
.px-xxl-3
{
padding-left: 45px;
padding-right: 45px;
}
.py-xxl-3
{
padding-top: 45px;
padding-bottom: 45px;
}
.pt-xxl-3
{
padding-top: 45px;
}
.pb-xxl-3
{
padding-bottom: 45px;
}
[dir="rtl"] .pr-xxl-3
{
padding-left: 45px;
}
html:not([dir="rtl"]) .pr-xxl-3
{
padding-right: 45px;
}
[dir="rtl"] .pl-xxl-3
{
padding-right: 45px;
}
html:not([dir="rtl"]) .pl-xxl-3
{
padding-left: 45px;
}
.p-xxl-4
{
padding: 60px;
}
.px-xxl-4
{
padding-left: 60px;
padding-right: 60px;
}
.py-xxl-4
{
padding-top: 60px;
padding-bottom: 60px;
}
.pt-xxl-4
{
padding-top: 60px;
}
.pb-xxl-4
{
padding-bottom: 60px;
}
[dir="rtl"] .pr-xxl-4
{
padding-left: 60px;
}
html:not([dir="rtl"]) .pr-xxl-4
{
padding-right: 60px;
}
[dir="rtl"] .pl-xxl-4
{
padding-right: 60px;
}
html:not([dir="rtl"]) .pl-xxl-4
{
padding-left: 60px;
}
.p-xxl-5
{
padding: 75px;
}
.px-xxl-5
{
padding-left: 75px;
padding-right: 75px;
}
.py-xxl-5
{
padding-top: 75px;
padding-bottom: 75px;
}
.pt-xxl-5
{
padding-top: 75px;
}
.pb-xxl-5
{
padding-bottom: 75px;
}
[dir="rtl"] .pr-xxl-5
{
padding-left: 75px;
}
html:not([dir="rtl"]) .pr-xxl-5
{
padding-right: 75px;
}
[dir="rtl"] .pl-xxl-5
{
padding-right: 75px;
}
html:not([dir="rtl"]) .pl-xxl-5
{
padding-left: 75px;
}
}
ins, u, .text-underline
{
text-decoration: underline !important;
}
.text-lowercase
{
text-transform: lowercase !important;
}
.text-uppercase
{
text-transform: uppercase !important;
}
.text-capitalize
{
text-transform: capitalize !important;
}
.text-nowrap
{
white-space: nowrap !important;
}
.text-wrap
{
white-space: normal !important;
}
.text-break
{
word-wrap: break-word !important;
word-break: break-word !important;
}
.fs-italic
{
font-style: italic !important;
}
.fs-normal
{
font-style: normal !important;
}
.fs-larger
{
font-size: larger !important;
}
.fs-smaller
{
font-size: smaller !important;
}
del, s, .text-delete
{
text-decoration: line-through;
}
.fw-lighter
{
font-weight: lighter;
}
.fw-light
{
font-weight: 300;
}
.fw-regular
{
font-weight: 400;
}
.fw-medium
{
font-weight: 500;
}
.fw-semibold
{
font-weight: 600;
}
.fw-bold
{
font-weight: 700;
}
.fw-extrabold
{
font-weight: 800;
}
.fw-black
{
font-weight: 900;
}
.text-link
{
color: var(--text-primary) !important;
text-decoration: underline;
}
.small-text
{
font-size: 10px !important;
}
.text-content
{
color: var(--text-body);
font-size: 12px;
}
.text-primary
{
color: var(--text-primary) !important;
}
.text-secondary
{
color: var(--text-secondary) !important;
}
.text-white
{
color: var(--text-white) !important;
}
.text-black
{
color: var(--text-black) !important;
}
.text-success
{
color: var(--text-success) !important;
}
.text-info
{
color: var(--text-info) !important;
}
.text-warning
{
color: var(--text-warning) !important;
}
.text-danger
{
color: var(--text-danger) !important;
}
.text-gray
{
color: var(--text-gray) !important;
}
.text-light
{
color: var(--text-light) !important;
}
.text-dark
{
color: var(--text-dark) !important;
}
.text-body
{
color: var(--text-body) !important;
}
.text-heading
{
color: var(--text-heading) !important;
}
.badge
{
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
font-style: normal;
}
.border
{
border: 1px solid var(--border-secondary);
}
.border-top
{
border-top: 1px solid var(--border-secondary);
}
.border-bottom
{
border-bottom: 1px solid var(--border-secondary);
}
html:not([dir="rtl"]) .border-right
{
border-right: 1px solid var(--border-secondary);
}
html:not([dir="rtl"]) .border-left
{
border-left: 1px solid var(--border-secondary);
}
[dir="rtl"] .border-right
{
border-left: 1px solid var(--border-secondary);
}
[dir="rtl"] .border-left
{
border-right: 1px solid var(--border-secondary);
}
.border-0
{
border: 0 !important;
}
.border-top-0
{
border-top: 0 !important;
}
.border-bottom-0
{
border-bottom: 0 !important;
}
html:not([dir="rtl"]) .border-right-0
{
border-right: 0 !important;
}
html:not([dir="rtl"]) .border-left-0
{
border-left: 0 !important;
}
[dir="rtl"] .border-right-0
{
border-left: 0 !important;
}
[dir="rtl"] .border-left-0
{
border-right: 0 !important;
}
.border-1
{
border-width: 1px !important;
}
.border-2
{
border-width: 2px !important;
}
.border-3
{
border-width: 3px !important;
}
.border-4
{
border-width: 4px !important;
}
.border-5
{
border-width: 5px !important;
}
.border-round
{
border-radius: var(--border-radius) !important;
}
.border-rounded
{
border-radius: 30px !important;
}
.border-circle
{
border-radius: 100% !important;
}
.border-primary
{
border-color: var(--border-primary) !important;
}
.border-secondary
{
border-color: var(--border-secondary) !important;
}
.border-white
{
border-color: var(--border-white) !important;
}
.border-black
{
border-color: var(--border-black) !important;
}
.border-success
{
border-color: var(--border-success) !important;
}
.border-info
{
border-color: var(--border-info) !important;
}
.border-warning
{
border-color: var(--border-warning) !important;
}
.border-danger
{
border-color: var(--border-danger) !important;
}
.border-gray
{
border-color: var(--border-gray) !important;
}
.border-light
{
border-color: var(--border-light) !important;
}
.border-dark
{
border-color: var(--border-dark) !important;
}
.position-relative
{
position: relative !important;
}
.position-absolute
{
position: absolute !important;
}
.position-fixed
{
position: fixed !important;
}
.position-sticky
{
position: sticky !important;
}
@media (min-width: 768px)
{
.position-desktop-relative
{
position: relative !important;
}
.position-desktop-absolute
{
position: absolute !important;
}
.position-desktop-fixed
{
position: fixed !important;
}
.position-desktop-sticky
{
position: sticky !important;
}
}
.top-auto
{
top: auto !important;
}
.bottom-auto
{
bottom: auto !important;
}
.left-auto
{
left: auto !important;
}
.right-auto
{
right: auto !important;
}
.top-0
{
top: 0 !important;
}
.bottom-0
{
bottom: 0 !important;
}
.left-0
{
left: 0 !important;
}
.right-0
{
right: 0 !important;
}
.top-50
{
top: 50% !important;
}
.bottom-50
{
bottom: 50% !important;
}
.left-50
{
left: 50% !important;
}
.right-50
{
right: 50% !important;
}
.top-100
{
top: 100% !important;
}
.bottom-100
{
bottom: 100% !important;
}
.left-100
{
left: 100% !important;
}
.right-100
{
right: 100% !important;
}
.translate-middle
{
transform: translate(-50%, -50%) !important;
}
.translate-middle-x
{
transform: translateX(-50%) !important;
}
.translate-middle-y
{
transform: translateY(-50%) !important;
}
.overflow-auto
{
overflow: auto !important;
}
.overflow-hidden
{
overflow: hidden !important;
}
.overflow-visible
{
overflow: visible !important;
}
.overflow-scroll
{
overflow: scroll !important;
}
.overflow-x-auto
{
overflow-x: auto !important;
}
.overflow-x-hidden
{
overflow-x: hidden !important;
}
.overflow-x-visible
{
overflow-x: visible !important;
}
.overflow-x-scroll
{
overflow-x: scroll !important;
}
.overflow-y-auto
{
overflow-y: auto !important;
}
.overflow-y-hidden
{
overflow-y: hidden !important;
}
.overflow-y-visible
{
overflow-y: visible !important;
}
.overflow-y-scroll
{
overflow-y: scroll !important;
}
.box-shadow, .dropdown .dropdown-menu, .tsoft-notify-wrapper .notify-item
{
box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
}
.box-shadow-2
{
box-shadow: rgba(17, 17, 26, 0.1) 0 0 16px;
}
.box-shadow-3
{
box-shadow: rgba(17, 17, 26, 0.05) 0 4px 16px, rgba(17, 17, 26, 0.05) 0 8px 32px;
}
.box-shadow-4
{
box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.05) 0 8px 32px;
}
.box-shadow-5
{
box-shadow: rgba(17, 17, 26, 0.1) 0 1px 0, rgba(17, 17, 26, 0.1) 0 8px 24px, rgba(17, 17, 26, 0.1) 0 16px 48px;
}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6
{
font-weight: 300;
line-height: 1.2;
}
.display-1
{
font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1170px)
{
.display-1
{
font-size: 5rem;
}
}
.display-2
{
font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1170px)
{
.display-2
{
font-size: 4.5rem;
}
}
.display-3
{
font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1170px)
{
.display-3
{
font-size: 4rem;
}
}
.display-4
{
font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1170px)
{
.display-4
{
font-size: 3.5rem;
}
}
.display-5
{
font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1170px)
{
.display-5
{
font-size: 3rem;
}
}
.display-6
{
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1170px)
{
.display-6
{
font-size: 2.5rem;
}
}
.fs-1
{
font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2
{
font-size: calc(1.325rem + .9vw) !important;
}
.fs-3
{
font-size: calc(1.3rem + .6vw) !important;
}
.fs-4
{
font-size: calc(1.275rem + .3vw) !important;
}
.fs-5
{
font-size: 1.25rem !important;
}
.fs-6
{
font-size: 1rem !important;
}
.cursor-pointer
{
cursor: pointer;
}
.dropdown
{
position: relative;
z-index: 10;
}
.dropdown.show
{
z-index: 11;
}
.dropdown .dropdown-title
{
font-size: 12px;
line-height: 24px;
}
.dropdown .dropdown-menu
{
background-color: var(--bg-white);
width: 260px;
min-width: 100%;
padding: 15px;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
pointer-events: none;
display: none;
border: 1px solid var(--bg-light);
}
.dropdown .list-item
{
line-height: 20px;
display: block;
padding-top: 4px;
padding-bottom: 4px;
}
.dropdown.show > .dropdown-menu
{
pointer-events: all;
display: block;
}
[dir="rtl"] .dropdown .dropdown-menu
{
left: auto;
right: 0;
}
[data-toggle="accordion"]:not([data-mobile="true"]), .accordion-title:not([data-mobile="true"])
{
cursor: pointer;
}
[data-toggle="accordion"].active .ti-plus, .accordion-title.active .ti-plus, [data-toggle="accordion"].active .ti-arrow-down, .accordion-title.active .ti-arrow-down, [data-toggle="accordion"]:not(.active) .ti-minus, .accordion-title:not(.active) .ti-minus, [data-toggle="accordion"]:not(.active) .ti-arrow-up, .accordion-title:not(.active) .ti-arrow-up
{
display: none;
}
[data-toggle="accordion"].active .ti-minus, .accordion-title.active .ti-minus, [data-toggle="accordion"].active .ti-arrow-up, .accordion-title.active .ti-arrow-up, [data-toggle="accordion"]:not(.active) .ti-plus, .accordion-title:not(.active) .ti-plus, [data-toggle="accordion"]:not(.active) .ti-arrow-down, .accordion-title:not(.active) .ti-arrow-down
{
display: block;
}
.accordion-body
{
transition: height 0.2s ease-in-out;
}
.accordion-body.show
{
display: block !important;
height: auto;
}
@media (max-width: 767px)
{
.accordion-body:not(.show)
{
display: none;
height: 0;
}
}
@media (min-width: 768px)
{
.accordion-body:not([data-mobile="true"]):not(.show)
{
display: none;
height: 0;
}
}
.tab-content > .tab-pane
{
display: none;
}
.tab-content > .tab-pane.active
{
display: block;
}
.image-wrapper
{
width: 100%;
display: block;
position: relative;
}
.image-wrapper.ratio-2x1
{
padding-bottom: 50%;
}
.image-wrapper.ratio-4x3
{
padding-bottom: 56.25%;
}
.image-wrapper.ratio-1x1
{
padding-bottom: 100%;
}
.image-wrapper > .image-inner
{
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.image-wrapper > .image-inner > img
{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
}
.image-zoom
{
display: flex !important;
align-items: center;
height: 100%;
}
.t-zoom-image
{
position: relative;
}
.t-zoom-image .t-zoom-lens
{
background-color: rgba(255, 255, 255, 0.4);
border: 1px solid var(--bg-light);
position: absolute;
z-index: 2;
}
.t-zoom-result
{
background-color: var(--bg-white);
background-repeat: no-repeat;
z-index: 999999998;
}
.t-modal-wrapper
{
width: 100%;
height: 100%;
display: flex !important;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
z-index: 999999996;
}
.t-modal-wrapper .t-modal-backdrop
{
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
.t-modal-wrapper .t-modal-container
{
width: 100%;
max-height: 100%;
padding: 55px 10px;
overflow-y: auto;
position: relative;
z-index: 2;
display: flex !important;
justify-content: center;
}
.t-modal-wrapper .t-modal-content
{
background-color: var(--bg-white);
padding: 8px;
display: block;
width: 600px;
max-width: 100%;
height: fit-content;
border-radius: 6px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
position: relative;
z-index: 2;
}
@media (min-width: 768px)
{
.t-modal-wrapper .t-modal-content
{
padding: 15px;
}
}
.t-modal-wrapper .t-modal-close
{
background-color: #fff;
color: #979797;
font-size: 17px;
line-height: 36px;
text-align: center;
width: 36px;
height: 36px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
border-radius: 100%;
position: fixed;
top: 10px;
right: 15px;
z-index: 3;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.t-modal-wrapper .t-modal-close [dir="rtl"]
{
right: auto;
left: 15px;
}
.t-modal-wrapper .t-modal-close:hover
{
transform: rotate(90deg);
}
[id*="product-showcase-tab-wrapper-"] > .showcase
{
transition: all 0.2s ease-in-out;
}
[id*="product-showcase-tab-wrapper-"] > .showcase:not(.active)
{
display: none;
}
[id*="product-showcase-tab-wrapper-"] > .showcase.showing
{
opacity: 0;
visibility: hidden;
}
[id*="product-showcase-tab-wrapper-"] > .showcase.active
{
opacity: 1;
visibility: visible;
}
.range-slider-values span[class*="-value"]
{
background-color: var(--bg-white);
color: #535353;
font-size: 11px;
line-height: 33px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
min-width: 55px;
height: 33px;
}
.range-slider-values span[class*="-value"] > span
{
font-size: 14px;
}
label.catalog-filter-item
{
background-color: var(--bg-white);
display: block;
border-radius: 24px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
}
label.catalog-filter-item > select
{
background-color: transparent;
color: var(--text-primary);
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
width: 100%;
height: 33px;
padding: 0 15px;
border: 0;
outline: 0;
}
.tsoft-notify-wrapper
{
max-width: 240px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-end;
gap: 10px;
position: fixed;
z-index: 999999999;
}
@media (min-width: 768px)
{
.tsoft-notify-wrapper
{
gap: 15px;
max-width: 300px;
}
}
.tsoft-notify-wrapper.notify-top
{
top: 15px;
}
.tsoft-notify-wrapper.notify-bottom
{
bottom: 15px;
}
.tsoft-notify-wrapper.notify-right
{
right: 15px;
}
[dir="rtl"] .tsoft-notify-wrapper.notify-right
{
right: auto;
left: 15px;
}
.tsoft-notify-wrapper.notify-left
{
left: 15px;
}
[dir="rtl"] .tsoft-notify-wrapper.notify-left
{
left: auto;
right: 0;
}
.tsoft-notify-wrapper .notify-item
{
display: flex !important;
align-items: center;
gap: 10px;
padding: 12px 25px 12px 12px;
position: relative;
border-radius: 4px;
overflow: hidden;
background-color: var(--bg-white);
}
@media (min-width: 768px)
{
.tsoft-notify-wrapper .notify-item
{
gap: 20px;
padding: 20px 50px 20px 20px;
}
}
[dir="rtl"] .tsoft-notify-wrapper .notify-item
{
padding: 12px 12px 12px 25px;
}
@media (min-width: 768px)
{
[dir="rtl"] .tsoft-notify-wrapper .notify-item
{
padding: 20px 20px 20px 50px;
}
}
.tsoft-notify-wrapper .notify-item::before
{
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
pointer-events: none;
}
.tsoft-notify-wrapper .notify-item.success
{
border-left: 6px solid var(--border-success);
}
.tsoft-notify-wrapper .notify-item.success::before
{
background: rgba(67, 181, 76, 0.08);
}
[dir="rtl"] .tsoft-notify-wrapper .notify-item.success
{
border-left: none;
border-right: 6px solid var(--border-success);
}
.tsoft-notify-wrapper .notify-item.success .notify-icon
{
background: var(--bg-success);
border-color: var(--border-success);
}
.tsoft-notify-wrapper .notify-item.danger
{
border-left: 6px solid var(--border-danger);
}
.tsoft-notify-wrapper .notify-item.danger::before
{
background: rgba(228, 36, 55, 0.08);
}
[dir="rtl"] .tsoft-notify-wrapper .notify-item.danger
{
border-left: none;
border-right: 6px solid var(--border-danger);
}
.tsoft-notify-wrapper .notify-item.danger .notify-icon
{
background: var(--bg-danger);
border-color: var(--border-danger);
}
.tsoft-notify-wrapper .notify-item .notify-text
{
font-size: 13px;
}
@media (min-width: 768px)
{
.tsoft-notify-wrapper .notify-item .notify-text
{
font-size: 14px;
}
}
.tsoft-notify-wrapper .notify-item .notify-icon
{
display: flex !important;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px;
font-size: 16px;
border-radius: 50%;
background: var(--bg-black);
color: var(--text-white);
}
@media (min-width: 768px)
{
.tsoft-notify-wrapper .notify-item .notify-icon
{
width: 38px;
height: 38px;
font-size: 22px;
}
}
.tsoft-notify-wrapper .notify-item .notify-close
{
cursor: pointer;
position: absolute;
right: 10px;
top: 12px;
font-size: 10px;
z-index: 1;
}
@media (min-width: 768px)
{
.tsoft-notify-wrapper .notify-item .notify-close
{
top: 20px;
right: 25px;
}
}
[dir="rtl"] .tsoft-notify-wrapper .notify-item .notify-close
{
right: auto !important;
left: 10px;
}
@media (min-width: 768px)
{
[dir="rtl"] .tsoft-notify-wrapper .notify-item .notify-close
{
left: 25px;
}
}
.tsoft-notify-wrapper .notify-item a
{
color: inherit;
text-decoration: underline;
}
.t-tooltip
{
position: absolute;
z-index: 100;
transform: translate(-50%, -10px) !important;
}
.t-tooltip .tooltip-inner
{
font-size: 11px;
padding: 5px 8px;
overflow: hidden;
background: var(--bg-white);
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
border-radius: var(--border-radius);
}
.t-tooltip .arrow
{
background-color: var(--bg-white);
box-shadow: 3px 3px 7px #00000012;
transform: translateY(-3px) rotate(45deg);
width: 6px;
height: 6px;
position: absolute;
left: 0;
right: 0;
margin: auto;
pointer-events: auto;
top: 100%;
}
.t-popconfirm
{
position: absolute;
z-index: 100;
max-width: 100%;
padding: 0 15px;
transform: translate(-50%, -10px) !important;
}
.t-popconfirm .t-popconfirm-inner
{
background: var(--bg-white);
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
border-radius: var(--border-radius);
overflow: hidden;
padding: 15px;
max-width: 310px;
}
.t-popconfirm .t-popconfirm-inner .t-popconfirm-message
{
display: flex !important;
margin-bottom: 15px;
}
.t-popconfirm .t-popconfirm-inner .t-popconfirm-message .t-popconfirm-icon
{
margin-right: 15px;
}
.t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons
{
display: flex !important;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
.t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-cancel-btn, .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-confirm-btn
{
padding: 6px 10px;
font-size: 12px;
}
.t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-cancel-btn.is-loading:before, .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-confirm-btn.is-loading:before
{
display: inline-block;
vertical-align: middle;
width: 13px;
height: 13px;
margin: 0;
margin-right: 5px;
border-left: 2px solid var(--bg-white);
border-right: 2px solid var(--bg-white);
border-bottom: 2px solid var(--bg-white);
}
.t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-cancel-btn + .t-popconfirm-confirm-btn, .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-confirm-btn + .t-popconfirm-confirm-btn
{
margin-left: 15px;
}
.t-popconfirm.popconfirm-left, .t-popconfirm.popconfirm-right
{
transform: translate(0%, 50%) !important;
}
.t-popconfirm.popconfirm-left::after, .t-popconfirm.popconfirm-right::after
{
top: 50%;
}
.t-popconfirm.popconfirm-left.popconfirm-left::after, .t-popconfirm.popconfirm-right.popconfirm-left::after
{
right: 100%;
left: auto;
transform: translateY(-50%) translateX(19px) rotate(45deg);
}
.t-popconfirm.popconfirm-left.popconfirm-right::after, .t-popconfirm.popconfirm-right.popconfirm-right::after
{
left: 100%;
right: auto;
transform: translateY(-50%) translateX(-19px) rotate(45deg);
}
.t-popconfirm::after
{
content: "";
background-color: var(--bg-white);
box-shadow: 3px 3px 7px #00000012;
transform: translateY(-4px) rotate(45deg);
width: 8px;
height: 8px;
position: absolute;
left: 0;
right: 0;
top: 100%;
margin: auto;
pointer-events: auto;
}
[dir="rtl"] .t-popconfirm .t-popconfirm-inner .t-popconfirm-message .t-popconfirm-icon
{
margin-right: 0;
margin-left: 15px;
}
[dir="rtl"] .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-cancel-btn.is-loading:before, [dir="rtl"] .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-confirm-btn.is-loading:before
{
margin-right: 0;
margin-left: 5px;
}
[dir="rtl"] .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-cancel-btn + .t-popconfirm-confirm-btn, [dir="rtl"] .t-popconfirm .t-popconfirm-inner .t-popconfirm-buttons .t-popconfirm-confirm-btn + .t-popconfirm-confirm-btn
{
margin-left: 0;
margin-right: 15px;
}
#pwa-install-popup
{
position: fixed;
top: 0;
left: 0;
right: 0;
width: 280px;
z-index: 90;
margin: auto;
}
#pwa-install-popup .pwa-inner
{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}
#pwa-install-popup .pwa-inner .pwa-title
{
font-size: 15px;
margin-bottom: 10px;
}
#pwa-install-popup .pwa-inner .pwa-icon
{
width: 45px;
min-width: 45px;
height: 45px;
display: flex !important;
align-items: center;
justify-content: center;
}
#pwa-install-popup .pwa-inner .pwa-icon img
{
max-width: 100%;
max-height: 100%;
}
#pwa-install-popup .pwa-inner .pwa-text div
{
font-size: 15px;
}
#pwa-install-popup .pwa-inner .pwa-text span
{
font-size: 12px;
color: var(--text-gray);
}
#pwa-install-popup .pwa-inner .pwa-buttons
{
margin-top: 10px;
display: flex !important;
align-items: center;
justify-content: flex-end;
}
#pwa-install-popup .pwa-inner .pwa-buttons button
{
font-size: 12px;
padding: 8px 18px;
}
body.drawer-animated
{
-webkit-transition: 300ms ease all;
transition: 300ms ease all;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.drawer-wrapper
{
max-width: 100%;
height: 100%;
display: flex !important;
flex-direction: column;
visibility: hidden;
opacity: 0;
pointer-events: none;
overflow-y: auto;
position: fixed;
top: 0;
}
.drawer-wrapper.animated
{
transition: all 0.2s ease-in-out;
}
.drawer-wrapper.active
{
visibility: visible;
opacity: 1;
pointer-events: all;
}
.drawer-wrapper.active[data-position="top"]:not([data-display="push"])
{
top: 0;
}
.drawer-wrapper.active[data-position="bottom"]:not([data-display="push"])
{
bottom: 0;
}
.drawer-wrapper.active[data-position="right"]:not([data-display="push"])
{
right: 0;
}
[dir="rtl"] .drawer-wrapper.active[data-position="right"]:not([data-display="push"])
{
right: auto;
left: 0;
}
.drawer-wrapper.active[data-position="left"]:not([data-display="push"])
{
left: 0;
}
[dir="rtl"] .drawer-wrapper.active[data-position="left"]:not([data-display="push"])
{
left: auto;
right: 0;
}
.drawer-overlay
{
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 80;
}
.drawer-overlay.active
{
display: block;
}
@media (max-width: 767px)
{
html, body
{
-webkit-overflow-scrolling: touch;
}
}
.qty
{
position: relative;
}
.qty .form-control, .qty .form-control.btn
{
color: var(--text-body);
font-size: 12px;
height: 30px;
user-select: none;
}
.qty span[class*="ti-"]
{
color: var(--text-primary);
font-size: 12px;
font-weight: 600;
text-align: center;
width: 25px;
height: 100%;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.qty span[class*="ti-"].ti-minus
{
left: 0;
}
.qty span[class*="ti-"].ti-plus
{
right: 0;
}
.qty.small .form-control, .qty.small .form-control.btn
{
height: 22px;
}
[dir="rtl"] .qty span[class*="ti-"].ti-minus
{
left: auto;
right: 0;
}
[dir="rtl"] .qty span[class*="ti-"].ti-plus
{
right: auto;
left: 0;
}
.popover-wrapper
{
position: relative !important;
}
.popover-wrapper .popover-item.inline
{
font-size: 10px;
line-height: 1;
pointer-events: none;
position: absolute;
top: 6px;
right: 6px;
z-index: 2;
}
.popover-wrapper .popover-item.inline:not(.success)
{
color: var(--text-danger);
}
.popover-wrapper .popover-item.inline.success
{
color: var(--text-success);
}
.popover-wrapper .popover-item:not(.inline)
{
width: 100%;
text-align: center;
display: block;
position: absolute;
left: 0;
bottom: 100%;
z-index: 3;
font-size: 13px;
padding: 10px 15px;
}
[dir="rtl"] .popover-wrapper
{
position: relative !important;
}
[dir="rtl"] .popover-wrapper .popover-item.inline
{
right: auto;
left: 6px;
}
.sticky-wrapper .sticky
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 74;
background: var(--bg-white);
}
.table-responsive
{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.table
{
width: 100%;
color: var(--text-body);
vertical-align: top;
caption-side: bottom;
border-collapse: collapse;
border: 1px solid var(--border-light);
}
.table tbody, .table td, .table tfoot, .table th, .table thead, .table tr
{
border-color: inherit;
border-style: solid;
border-width: 0;
}
.table > thead
{
vertical-align: bottom;
}
.table tr
{
border-width: 1px 0px;
}
.table th
{
text-align: inherit;
text-align: -webkit-match-parent;
}
.table th, .table td
{
padding: 10px 10px;
border-width: 0 1px;
}
.stars
{
display: inline-flex !important;
color: var(--text-light);
font-size: 14px;
position: relative;
}
.stars i + i
{
margin-left: 3px;
}
.stars .stars-fill
{
color: var(--text-primary);
display: flex !important;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
max-width: 100%;
}
[dir="rtl"] .stars i + i
{
margin-left: 0;
margin-right: 3px;
}
[dir="rtl"] .stars .stars-fill
{
left: auto;
right: 0;
}
.snap-scroll-container
{
position: relative;
width: 100%;
}
.snap-scroll-container .snap-scroll
{
scroll-snap-type: x mandatory;
display: flex;
align-items: center;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
}
.snap-scroll-container .snap-scroll::-webkit-scrollbar
{
background: transparent;
width: 0px;
height: 0px;
}
.snap-scroll-container .snap-scroll .snap-item
{
scroll-snap-align: center;
}
.snap-scroll-container .snap-prev, .snap-scroll-container .snap-next
{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 15px;
height: 15px;
line-height: 15px;
background-color: var(--bg-white);
text-align: center;
cursor: pointer;
}
.snap-scroll-container .snap-prev
{
left: -15px;
}
.snap-scroll-container .snap-next
{
right: -15px;
}
.lazyload, .lazyloading
{
object-fit: none !important;
}
.tsoft-push--in-notification
{
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 9999999999999;
background: var(--bg-white);
box-shadow: 0 0 10px 0 rgba(40, 40, 40, 0.3);
width: 420px;
border-radius: 0 0 5px 5px;
max-width: 100%;
}
.tsoft-push--in-notification-title
{
font-size: 14px;
margin-bottom: 5px;
}
.tsoft-push--in-notification-description
{
font-size: 12px;
}
.tsoft-push--in-notification-button
{
font-size: 14px;
min-width: 90px;
padding: 8px 15px;
}
.inset
{
inset: 0;
}
.column-fill [class*="column-"] > .row
{
height: 100%;
flex-direction: column;
}
.column-fill [class*="column-"] > .row [class*="folder-"]
{
flex-basis: auto;
width: -webkit-fill-available;
}
.column-fill [class*="column-"] > .row [class*="folder-"]:last-child
{
flex-grow: 1;
}
.column-fill [class*="column-"] > .row [class*="folder-"] > .row
{
height: 100%;
}
.swiper-wrapper .swiper-slide:not(:first-child):not(:last-child) .swiper-lazy:not(.swiper-lazy-loaded)
{
display: none;
}
body.is-loading:before
{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 999999999;
}
body.is-loading:after
{
content: '';
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: var(--bg-white);
z-index: 999999998;
opacity: 0.5;
}
.compare-selected
{
display: none !important;
}
.pagination
{
align-items: center;
}
.pointer-events-none
{
pointer-events: none;
}
.catalog-opacity *
{
opacity: 0.5 !important;
}
.catalog-opacity .catalog-parent-element, .catalog-opacity .catalog-parent-element > *, .catalog-opacity [data-toggle="product-catalog"] *, .catalog-opacity [data-toggle="product-item-catalog"] *
{
opacity: 1 !important;
}
[dir="rtl"] .phone-format
{
direction: ltr;
unicode-bidi: bidi-override;
}
.line-clamp-1
{
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.user-select-none
{
user-select: none;
}
.truncate
{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.image-wrapper
{
padding-bottom:60%;
}
.v5-motorobit
{
--custom-bg-purple: #6d67c8;
--custom-bg-1: #ebf0f5;
}
@font-face
{
font-family: 'mango-icon';
src: url(https://witcdn.motorobit.com/theme/v5-mango/assets/fonts/mango-icon.woff2?v=1) format('woff2'), url(https://witcdn.motorobit.com/theme/v5-mango/assets/fonts/mango-icon.woff?v=1) format('woff');
font-weight: normal;
font-style: normal;
}
.v5-motorobit .ti-basket::before, .v5-motorobit .ti-search::before, .v5-motorobit .ti-shuffle::before, .v5-motorobit .ti-trash-o::before, .v5-motorobit .ti-box::before, .v5-motorobit .ti-basket-outline::before, .v5-motorobit .ti-heart-o-bold::before, .v5-motorobit .ti-gift::before, .v5-motorobit .ti-database::before, .v5-motorobit .ti-stock::before, .v5-motorobit .ti-remittance::before, .v5-motorobit .ti-alert-list::before, .v5-motorobit .ti-credit-card-alt::before, .v5-motorobit .ti-clipboard::before, .v5-motorobit .ti-user-delete::before, .v5-motorobit .ti-calendar::before, .v5-motorobit .ti-mail-outline::before, .v5-motorobit .ti-user::before, .v5-motorobit .ti-heart-o::before, .v5-motorobit .ti-location-outline::before, .v5-motorobit .ti-pencil::before, .v5-motorobit .ti-phone::before, .v5-motorobit .ti-volume-phone::before, .v5-motorobit .ti-location::before
{
font-family: 'mango-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;
}
.v5-motorobit .ti-basket::before
{
content: '\e800';
}
.v5-motorobit .ti-search::before
{
content: '\e801';
}
.v5-motorobit .ti-shuffle::before
{
content: '\e802';
}
.v5-motorobit .ti-trash-o::before
{
content: '\e803';
}
.v5-motorobit .ti-box::before
{
content: '\e804';
}
.v5-motorobit .ti-basket-outline::before
{
content: '\e805';
}
.v5-motorobit .ti-heart-o-bold::before
{
content: '\e806';
}
.v5-motorobit .ti-gift::before
{
content: '\e807';
}
.v5-motorobit .ti-database::before
{
content: '\e808';
}
.v5-motorobit .ti-stock::before
{
content: '\e809';
}
.v5-motorobit .ti-remittance::before
{
content: '\e80a';
}
.v5-motorobit .ti-alert-list::before
{
content: '\e80b';
}
.v5-motorobit .ti-credit-card-alt::before
{
content: '\e80c';
}
.v5-motorobit .ti-clipboard::before
{
content: '\e80d';
}
.v5-motorobit .ti-user-delete::before
{
content: '\e80e';
}
.v5-motorobit .ti-calendar::before
{
content: '\e80f';
}
.v5-motorobit .ti-mail-outline::before
{
content: '\e810';
}
.v5-motorobit .ti-user::before
{
content: '\e811';
}
.v5-motorobit .ti-heart-o::before
{
content: '\e812';
}
.v5-motorobit .ti-location-outline::before
{
content: '\e813';
}
.v5-motorobit .ti-pencil::before
{
content: '\e814';
}
.v5-motorobit .ti-phone::before
{
content: '\e81f';
}
.v5-motorobit .ti-volume-phone::before
{
content: '\e815';
}
.v5-motorobit .ti-location::before
{
content: '\e816';
}
.v5-motorobit body.drawer-animated.drawer-right-active
{
transform: translate3d(-290px, 0, 0);
}
[dir="rtl"] .v5-motorobit body.drawer-animated.drawer-right-active
{
transform: translate3d(290px, 0, 0);
}
@media (min-width: 768px)
{
.v5-motorobit body.drawer-animated.drawer-right-active
{
transform: translate3d(-290px, 0, 0);
}
[dir="rtl"] .v5-motorobit body.drawer-animated.drawer-right-active
{
transform: translate3d(290px, 0, 0);
}
}
.v5-motorobit body.drawer-animated.drawer-left-active
{
transform: translate3d(290px, 0, 0);
}
[dir="rtl"] .v5-motorobit body.drawer-animated.drawer-left-active
{
transform: translate3d(-290px, 0, 0);
}
@media (min-width: 768px)
{
.v5-motorobit body.drawer-animated.drawer-left-active
{
transform: translate3d(290px, 0, 0);
}
[dir="rtl"] .v5-motorobit body.drawer-animated.drawer-left-active
{
transform: translate3d(-290px, 0, 0);
}
}
.v5-motorobit .drawer-wrapper
{
background-color: #ffffff;
z-index: 81;
max-width: 100%;
padding-bottom: 60px;
}
.v5-motorobit .drawer-wrapper[data-position="top"]
{
width: 100%;
left: 0;
right: 0;
bottom: auto;
height: auto;
top: -290px;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper[data-position="top"]
{
top: -290px;
}
}
.v5-motorobit .drawer-wrapper[data-position="left"]
{
width: 290px;
left: -290px;
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="left"]
{
left: auto;
right: -290px;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper[data-position="left"]
{
width: 290px;
left: -290px;
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="left"]
{
left: auto;
right: -290px;
}
}
.v5-motorobit .drawer-wrapper[data-position="left"]:not([data-display="push"])
{
box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="left"]:not([data-display="push"])
{
box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-motorobit .drawer-wrapper[data-position="left"][data-display="push"]
{
box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="left"][data-display="push"]
{
box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-motorobit .drawer-wrapper[data-position="right"]
{
width: 290px;
right: -290px;
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="right"]
{
right: auto;
left: -290px;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper[data-position="right"]
{
width: 290px;
right: -290px;
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="right"]
{
right: auto;
left: -290px;
}
}
.v5-motorobit .drawer-wrapper[data-position="right"]:not([data-display="push"])
{
box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="right"]:not([data-display="push"])
{
box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-motorobit .drawer-wrapper[data-position="right"][data-display="push"]
{
box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-motorobit .drawer-wrapper[data-position="right"][data-display="push"]
{
box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-motorobit .drawer-wrapper[data-position="bottom"]
{
width: 100%;
left: 0;
right: 0;
top: auto;
height: auto;
bottom: -290px;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper[data-position="bottom"]
{
bottom: -290px;
}
}
.v5-motorobit .drawer-wrapper[data-position="middle"]
{
left: 15px;
right: 15px;
top: 50%;
max-height: calc(100% - 30px);
transform: translateY(-50%);
width: auto;
height: auto;
margin: auto;
display: none;
}
.v5-motorobit .drawer-wrapper[data-position="middle"].active
{
display: block;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper
{
padding-bottom: 0;
}
}
.v5-motorobit .drawer-wrapper .drawer-title
{
display: flex !important;
padding: 15px;
margin-bottom: 15px;
position: relative;
}
.v5-motorobit .drawer-wrapper .drawer-title i
{
color: #3d84b5;
font-size: 38px;
line-height: 1;
}
.v5-motorobit .drawer-wrapper .drawer-title span
{
color: #0c122a;
font-size: 21px;
font-weight: bold;
line-height: 24px;
display: block;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper .drawer-title
{
padding: 0 30px;
text-align: center;
margin-bottom: 20px;
display: block !important;
}
.v5-motorobit .drawer-wrapper .drawer-title span
{
padding-top: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #3d84b5;
}
}
@media (max-width: 767px)
{
.v5-motorobit .drawer-wrapper .drawer-title
{
align-items: center;
}
.v5-motorobit .drawer-wrapper .drawer-title i
{
margin-right: 8px;
}
[dir="rtl"] .v5-motorobit .drawer-wrapper .drawer-title i
{
margin-right: 0px;
margin-left: 8px;
}
.v5-motorobit .drawer-wrapper .drawer-title::after
{
content: "";
background-color: #eaeaea;
height: 1px;
display: block;
position: absolute;
top: 100%;
left: 15px;
right: 15px;
}
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper .drawer-close
{
color: #979797;
font-size: 22px;
line-height: 1;
padding: 18px;
width: fit-content;
max-width: 100%;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.v5-motorobit .drawer-wrapper .drawer-close:hover
{
transform: rotate(90deg);
}
}
@media (max-width: 767px)
{
.v5-motorobit .drawer-wrapper .drawer-close
{
background-color: #f9f9f9;
width: 290px;
height: 60px;
display: flex !important;
align-items: center;
justify-content: center;
position: fixed;
bottom: 0;
z-index: 2;
}
[data-position="left"] .v5-motorobit .drawer-wrapper .drawer-close
{
left: 0;
}
[dir="rtl"] [data-position="left"] .v5-motorobit .drawer-wrapper .drawer-close
{
left: auto;
right: 0;
}
[data-position="right"] .v5-motorobit .drawer-wrapper .drawer-close
{
right: 0;
}
[dir="rtl"] [data-position="right"] .v5-motorobit .drawer-wrapper .drawer-close
{
right: auto;
left: 0;
}
.v5-motorobit .drawer-wrapper .drawer-close span
{
color: #0c122a;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding-right: 10px;
}
[dir="rtl"] .v5-motorobit .drawer-wrapper .drawer-close span
{
padding-right: 0;
padding-left: 10px;
}
.v5-motorobit .drawer-wrapper .drawer-close i
{
font-size: 20px;
}
}
.v5-motorobit .drawer-wrapper .drawer-body
{
padding-left: 15px;
padding-right: 15px;
overflow-x: hidden;
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-wrapper .drawer-body
{
padding-left: 30px;
padding-right: 30px;
}
}
.v5-motorobit .drawer-overlay
{
background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 768px)
{
.v5-motorobit .drawer-overlay
{
background-color: transparent;
}
}
.v5-motorobit .block-title
{
color: #0c122a;
font-size: 16px;
font-weight: bold;
line-height: 1.3;
}
.v5-motorobit .block-title:not(.no-line)::after
{
content: "";
background-color: #3d84b5;
width: 30px;
height: 3px;
display: block;
border-radius: 1.5px;
margin-top: 10px;
}
@media (min-width: 992px)
{
.v5-motorobit .block-title
{
font-size: 21px;
}
}
.v5-motorobit .swiper-pagination-bullets
{
width: 100%;
text-align: center;
padding: 8px;
font-size: 0;
}
.v5-motorobit .swiper-pagination-bullets .swiper-pagination-bullet
{
background-color: #ffffff;
width: 7px;
height: 7px;
margin-left: 2px;
margin-right: 2px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
}
.v5-motorobit .swiper-pagination-bullets .swiper-pagination-bullet-active
{
background-color: #3d84b5;
}
@media (min-width: 768px)
{
.v5-motorobit .swiper-pagination-bullets
{
padding: 15px;
}
}
.v5-motorobit .swiper-pagination-bullets:not(.bottom)
{
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.v5-motorobit .swiper-pagination-fraction
{
width: auto;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 1;
font-size: 16px;
}
.v5-motorobit .swiper-pagination-progressbar
{
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: #f9f9f9;
}
.v5-motorobit .swiper-pagination-progressbar-fill
{
background: #3d84b5;
}
.v5-motorobit .swiper-pagination-custom
{
width: 100%;
text-align: center;
padding: 15px;
font-size: 0;
}
.v5-motorobit .swiper-pagination-custom .swiper-pagination-customs
{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10px;
background-color: #f9f9f9;
color: #0c122a;
margin: 0 5px;
}
.v5-motorobit .swiper-pagination-custom .swiper-pagination-customs-active
{
background-color: #3d84b5;
color: #ffffff;
}
.v5-motorobit .swiper-pagination *
{
outline: 0;
}
.v5-motorobit .swiper-button-prev, .v5-motorobit .swiper-button-next
{
background-color: #0c122a;
font-size: 22px;
width: 38px;
height: 38px;
border-radius: 100%;
top: 50%;
color: #3d84b5;
transform: translateY(-50%);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.24);
border: 1px solid #3d84b5;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.v5-motorobit .swiper-button-prev:hover, .v5-motorobit .swiper-button-next:hover
{
box-shadow: none;
}
.v5-motorobit .swiper-button-prev.swiper-button-disabled, .v5-motorobit .swiper-button-next.swiper-button-disabled
{
opacity: 0.35;
}
.v5-motorobit .swiper-button-prev
{
left: 0;
}
.v5-motorobit .swiper-button-prev.inside
{
left: 18px;
}
.container .v5-motorobit .swiper-button-prev.outside
{
left: -18px;
}
@media (max-width: 1230px)
{
.container .v5-motorobit .swiper-button-prev.outside > i
{
margin-right: -10px;
}
}
.v5-motorobit .swiper-button-next
{
right: 0;
}
.v5-motorobit .swiper-button-next.inside
{
right: 18px;
}
.container .v5-motorobit .swiper-button-next.outside
{
right: -18px;
}
@media (max-width: 1230px)
{
.container .v5-motorobit .swiper-button-next.outside > i
{
margin-left: -10px;
}
}
@media (max-width: 1230px)
{
.v5-motorobit .slider-block-wrapper
{
overflow: hidden;
}
}
.v5-motorobit .noUi-target
{
height: 7px;
border-radius: 4px;
border: solid 1px #f0f0f0;
background-color: #ffffff;
}
.v5-motorobit .noUi-target .noUi-base
{
width: calc(100% - 20px);
}
.v5-motorobit .noUi-target .noUi-origin
{
background: #ffffff;
height: 100%;
}
.v5-motorobit .noUi-target .noUi-connect
{
background-color: #2c2a28;
}
.v5-motorobit .noUi-target .noUi-handle
{
background-color: #ffffff;
width: 20px;
height: 20px;
border: solid 1px #2c2a28;
border-radius: 4px;
top: 50%;
margin-top: -10px;
outline: 0 !important;
box-shadow: none !important;
cursor: pointer;
}
.v5-motorobit .pagination
{
display: flex !important;
}
.v5-motorobit .pagination a, .v5-motorobit .pagination span
{
background-color: #fff;
font-size: 13px;
line-height: 16px;
text-align: center;
min-width: 28px;
height: 28px;
padding: 6px;
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.v5-motorobit .pagination a i, .v5-motorobit .pagination span i
{
font-size: 18px;
}
.v5-motorobit .pagination a
{
color: #0c122a;
}
.v5-motorobit .pagination a.passive
{
pointer-events: none;
cursor: not-allowed;
opacity: 0.7;
}
.v5-motorobit .pagination a:hover, .v5-motorobit .pagination span
{
color: #3d84b5;
box-shadow: 0px 0px 0px 1px #3d84b5;
}
.v5-motorobit .pagination > *:not(:first-child)
{
margin-left: 5px;
}
.v5-motorobit .pagination > *:not(:last-child)
{
margin-right: 5px;
}
.v5-motorobit .form-search input[type="search"]
{
padding-right: 80px;
padding-left: 35px;
}
.v5-motorobit .form-search button[type="submit"]
{
position: absolute;
height: 30px;
top: 50%;
right: 5px;
transform: translateY(-50%);
z-index: 2;
font-size: 12px;
}
.v5-motorobit .form-search .search-icon
{
position: absolute;
left: 0;
top: 50%;
margin: auto;
transform: translateY(-50%);
font-size: 13px;
width: 35px;
height: 18px;
line-height: 18px;
}
.v5-motorobit [dir="rtl"] .form-search input[type="search"]
{
padding-left: 80px;
padding-right: 35px;
}
.v5-motorobit [dir="rtl"] .form-search button[type="submit"]
{
right: auto;
left: 5px;
}
.v5-motorobit [dir="rtl"] .form-search .search-icon
{
left: auto;
right: 0;
}
.v5-mango
{
--custom-bg-purple: #6d67c8;
--custom-bg-1: #ebf0f5;
}
@font-face
{
font-family: "mango-icon";
src: url(https://witcdn.motorobit.com/theme/v5-mango/assets/fonts/mango-icon.woff2?v=1) format("woff2"), url(https://witcdn.motorobit.com/theme/v5-mango/assets/fonts/mango-icon.woff?v=1) format("woff");
font-weight: normal;
font-style: normal;
}
.v5-mango .ti-basket::before, .v5-mango .ti-basket-outline::before, .v5-mango .ti-search::before, .v5-mango .ti-shuffle::before, .v5-mango .ti-trash-o::before, .v5-mango .ti-box::before, .v5-mango .ti-gift::before, .v5-mango .ti-database::before, .v5-mango .ti-stock::before, .v5-mango .ti-remittance::before, .v5-mango .ti-alert-list::before, .v5-mango .ti-credit-card-alt::before, .v5-mango .ti-clipboard::before, .v5-mango .ti-user-delete::before, .v5-mango .ti-calendar::before, .v5-mango .ti-mail-outline::before, .v5-mango .ti-user::before, .v5-mango .ti-heart::before, .v5-mango .ti-heart-o::before, .v5-mango .ti-heart-o-2x::before, .v5-mango .ti-pencil::before, .v5-mango .ti-volume-phone::before, .v5-mango .ti-location::before, .v5-mango .ti-location-outline::before, .v5-mango .ti-power-off::before, .v5-mango .ti-phone::before
{
font-family: "mango-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;
}
.v5-mango .ti-basket::before
{
content: "\e800";
}
.v5-mango .ti-basket-outline::before
{
content: "\e805";
}
.v5-mango .ti-search::before
{
content: "\e801";
}
.v5-mango .ti-shuffle::before
{
content: "\e802";
}
.v5-mango .ti-trash-o::before
{
content: "\e803";
}
.v5-mango .ti-box::before
{
content: "\e804";
}
.v5-mango .ti-gift::before
{
content: "\e807";
}
.v5-mango .ti-database::before
{
content: "\e808";
}
.v5-mango .ti-stock::before
{
content: "\e809";
}
.v5-mango .ti-remittance::before
{
content: "\e80a";
}
.v5-mango .ti-alert-list::before
{
content: "\e80b";
}
.v5-mango .ti-credit-card-alt::before
{
content: "\e80c";
}
.v5-mango .ti-clipboard::before
{
content: "\e80d";
}
.v5-mango .ti-user-delete::before
{
content: "\e80e";
}
.v5-mango .ti-calendar::before
{
content: "\e80f";
}
.v5-mango .ti-mail-outline::before
{
content: "\e810";
}
.v5-mango .ti-user::before
{
content: "\e811";
}
.v5-mango .ti-heart:before
{
content: "\e819";
}
.v5-mango .ti-heart-o::before
{
content: "\e812";
}
.v5-mango .ti-heart-o-2x::before
{
content: "\e806";
}
.v5-mango .ti-pencil::before
{
content: "\e814";
}
.v5-mango .ti-volume-phone::before
{
content: "\e815";
}
.v5-mango .ti-location::before
{
content: "\e816";
}
.v5-mango .ti-location-outline::before
{
content: "\e813";
}
.v5-mango .ti-power-off::before
{
content: "\e818";
}
.v5-mango .ti-phone::before
{
content: "\e81f";
}
.v5-mango .fav-added .ti-heart-o:before
{
content: "\e819";
}
.v5-mango body.drawer-animated.drawer-right-active
{
transform: translate3d(-290px, 0, 0);
}
[dir="rtl"] .v5-mango body.drawer-animated.drawer-right-active
{
transform: translate3d(290px, 0, 0);
}
@media (min-width: 768px)
{
.v5-mango body.drawer-animated.drawer-right-active
{
transform: translate3d(-290px, 0, 0);
}
[dir="rtl"] .v5-mango body.drawer-animated.drawer-right-active
{
transform: translate3d(290px, 0, 0);
}
}
.v5-mango body.drawer-animated.drawer-left-active
{
transform: translate3d(290px, 0, 0);
}
[dir="rtl"] .v5-mango body.drawer-animated.drawer-left-active
{
transform: translate3d(-290px, 0, 0);
}
@media (min-width: 768px)
{
.v5-mango body.drawer-animated.drawer-left-active
{
transform: translate3d(290px, 0, 0);
}
[dir="rtl"] .v5-mango body.drawer-animated.drawer-left-active
{
transform: translate3d(-290px, 0, 0);
}
}
.v5-mango .drawer-wrapper
{
background-color: var(--bg-white);
z-index: 81;
max-width: 100%;
}
.v5-mango .drawer-wrapper[data-position="top"]
{
width: 100%;
left: 0;
right: 0;
bottom: auto;
height: auto;
top: -290px;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper[data-position="top"]
{
top: -290px;
}
}
.v5-mango .drawer-wrapper[data-position="left"]
{
width: 290px;
left: -290px;
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="left"]
{
left: auto;
right: -290px;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper[data-position="left"]
{
width: 290px;
left: -290px;
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="left"]
{
left: auto;
right: -290px;
}
}
.v5-mango .drawer-wrapper[data-position="left"]:not([data-display="push"])
{
box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="left"]:not([data-display="push"])
{
box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-mango .drawer-wrapper[data-position="left"][data-display="push"]
{
box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="left"][data-display="push"]
{
box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-mango .drawer-wrapper[data-position="right"]
{
width: 290px;
right: -290px;
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="right"]
{
right: auto;
left: -290px;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper[data-position="right"]
{
width: 290px;
right: -290px;
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="right"]
{
right: auto;
left: -290px;
}
}
.v5-mango .drawer-wrapper[data-position="right"]:not([data-display="push"])
{
box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="right"]:not([data-display="push"])
{
box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-mango .drawer-wrapper[data-position="right"][data-display="push"]
{
box-shadow: inset 4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
[dir="rtl"] .v5-mango .drawer-wrapper[data-position="right"][data-display="push"]
{
box-shadow: inset -4px 0 4px 0 rgba(0, 0, 0, 0.06);
}
.v5-mango .drawer-wrapper[data-position="bottom"]
{
width: 100%;
left: 0;
right: 0;
top: auto;
height: auto;
bottom: -290px;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper[data-position="bottom"]
{
bottom: -290px;
}
}
.v5-mango .drawer-wrapper[data-position="middle"]
{
left: 15px;
right: 15px;
top: 50%;
max-height: calc(100% - 30px);
transform: translateY(-50%);
width: auto;
height: auto;
margin: auto;
display: none;
}
.v5-mango .drawer-wrapper[data-position="middle"].active
{
display: block;
}
.v5-mango .drawer-wrapper .drawer-header
{
position: relative;
display: flex !important;
align-items: center;
padding: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-header
{
padding: 60px 30px 15px 30px;
margin-bottom: 0;
}
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-header .drawer-close
{
position: absolute;
left: 0;
top: 0;
}
[dir="rtl"] .v5-mango .drawer-wrapper .drawer-header .drawer-close
{
left: auto;
right: 0;
}
}
.v5-mango .drawer-wrapper .drawer-title
{
width: 100%;
display: flex !important;
align-items: center;
}
.v5-mango .drawer-wrapper .drawer-title::after
{
content: '';
position: absolute;
left: 15px;
right: 15px;
bottom: 0;
height: 1px;
background-color: var(--border-light);
}
.v5-mango .drawer-wrapper .drawer-title i
{
color: var(--text-primary);
font-size: 38px;
line-height: 1;
margin-right: 10px;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-title i
{
margin-right: 0;
}
}
.v5-mango .drawer-wrapper .drawer-title span
{
font-size: 21px;
font-weight: bold;
line-height: 1;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-title span
{
padding-top: 20px;
}
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-title
{
justify-content: center;
flex-direction: column;
padding-bottom: 30px;
border-bottom: 1px solid var(--border-light);
}
.v5-mango .drawer-wrapper .drawer-title::after
{
display: none;
}
}
.v5-mango .drawer-wrapper .drawer-close
{
margin-left: auto;
font-size: 18px;
padding: 8px;
color: var(--text-gray);
line-height: 1;
flex-shrink: 0;
}
[dir="rtl"] .v5-mango .drawer-wrapper .drawer-close
{
margin-left: 0;
margin-right: auto;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-close
{
margin-left: 0;
font-size: 22px;
padding: 18px;
cursor: pointer;
}
[dir="rtl"] .v5-mango .drawer-wrapper .drawer-close
{
margin-right: 0;
}
}
.v5-mango .drawer-wrapper .drawer-body
{
padding-left: 15px;
padding-right: 15px;
overflow-x: hidden;
}
@media (min-width: 768px)
{
.v5-mango .drawer-wrapper .drawer-body
{
padding-left: 30px;
padding-right: 30px;
}
}
.v5-mango .drawer-overlay
{
background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 768px)
{
.v5-mango .drawer-overlay
{
background-color: transparent;
}
}
.v5-mango .block-title
{
color: var(--text-heading);
font-size: 16px;
font-weight: bold;
line-height: 1.3;
}
.v5-mango .block-title:not(.no-line)::after
{
content: '';
background-color: var(--bg-primary);
width: 30px;
height: 3px;
display: block;
border-radius: 1.5px;
margin-top: 10px;
}
@media (min-width: 992px)
{
.v5-mango .block-title
{
font-size: 21px;
}
}
.v5-mango .swiper-pagination-bullets
{
width: 100%;
text-align: center;
padding: 8px;
font-size: 0;
}
.v5-mango .swiper-pagination-bullets .swiper-pagination-bullet
{
background-color: var(--border-secondary);
width: 7px;
height: 7px;
margin-left: 2px;
margin-right: 2px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
}
.v5-mango .swiper-pagination-bullets .swiper-pagination-bullet-active
{
background-color: var(--bg-primary);
}
@media (min-width: 768px)
{
.v5-mango .swiper-pagination-bullets
{
padding: 15px;
}
}
.v5-mango .swiper-pagination-bullets:not(.bottom)
{
position: absolute;
left: 0;
bottom: 0;
top: auto;
z-index: 2;
}
.v5-mango .swiper-pagination-fraction
{
width: auto;
position: absolute;
top: auto;
bottom: 15px;
left: 15px;
z-index: 1;
font-size: 16px;
}
.v5-mango .swiper-pagination-progressbar
{
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: var(--bg-light);
}
.v5-mango .swiper-pagination-progressbar-fill
{
background: var(--bg-primary);
}
.v5-mango .swiper-pagination-custom
{
width: 100%;
text-align: center;
padding: 15px;
font-size: 0;
}
.v5-mango .swiper-pagination-custom .swiper-pagination-customs
{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 10px;
background-color: var(--bg-light);
color: var(--text-body);
margin: 0 5px;
}
.v5-mango .swiper-pagination-custom .swiper-pagination-customs-active
{
background-color: var(--bg-primary);
color: var(--text-white);
}
.v5-mango .swiper-pagination *
{
outline: 0;
}
.v5-mango .swiper-button-prev, .v5-mango .swiper-button-next
{
background-color: var(--bg-white);
font-size: 22px;
width: 38px;
height: 38px;
border-radius: 100%;
top: 50%;
transform: translateY(-50%);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.24);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.v5-mango .swiper-button-prev:hover, .v5-mango .swiper-button-next:hover
{
box-shadow: none;
}
.v5-mango .swiper-button-prev.swiper-button-disabled, .v5-mango .swiper-button-next.swiper-button-disabled
{
opacity: 0.35;
}
.v5-mango .swiper-button-prev
{
left: 0;
}
.v5-mango .swiper-button-prev.inside
{
left: 18px;
}
.container .v5-mango .swiper-button-prev.outside
{
left: -18px;
}
@media (max-width: 1230px)
{
.container .v5-mango .swiper-button-prev.outside > i
{
margin-right: -10px;
}
}
.v5-mango .swiper-button-next
{
right: 0;
}
.v5-mango .swiper-button-next.inside
{
right: 18px;
}
.container .v5-mango .swiper-button-next.outside
{
right: -18px;
}
@media (max-width: 1230px)
{
.container .v5-mango .swiper-button-next.outside > i
{
margin-left: -10px;
}
}
@media (max-width: 1230px)
{
.v5-mango .slider-block-wrapper
{
overflow: hidden;
}
}
.v5-mango .noUi-target
{
height: 7px;
border-radius: 4px;
border: solid 1px var(--border-secondary);
background-color: var(--bg-white);
}
.v5-mango .noUi-target .noUi-base
{
width: calc(100% - 20px);
}
.v5-mango .noUi-target .noUi-origin
{
background: var(--bg-white);
height: 100%;
}
.v5-mango .noUi-target .noUi-connect
{
background-color: var(--bg-dark);
}
.v5-mango .noUi-target .noUi-handle
{
background-color: var(--bg-white);
width: 20px;
height: 20px;
border: solid 1px var(--bg-dark);
border-radius: 4px;
top: 50%;
margin-top: -10px;
outline: 0 !important;
box-shadow: none !important;
cursor: pointer;
}
.v5-mango .pagination
{
display: flex !important;
}
.v5-mango .pagination a, .v5-mango .pagination span
{
background-color: var(--bg-white);
font-size: 13px;
line-height: 16px;
text-align: center;
min-width: 25px;
height: 25px;
padding: 5px;
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: var(--border-radius);
}
.v5-mango .pagination a i, .v5-mango .pagination span i
{
font-size: 18px;
}
.v5-mango .pagination a
{
color: var(--text-body);
}
.v5-mango .pagination a.passive
{
pointer-events: none;
cursor: not-allowed;
opacity: 0.7;
}
.v5-mango .pagination a:hover, .v5-mango .pagination span
{
color: var(--text-primary);
box-shadow: 0px 0px 0px 1px var(--text-primary);
}
.v5-mango .pagination > *:not(:first-child)
{
margin-left: 5px;
}
.v5-mango .pagination > *:not(:last-child)
{
margin-right: 5px;
}
.v5-mango .form-search input[type="search"]
{
padding-right: 80px;
padding-left: 35px;
}
.v5-mango .form-search button[type="submit"]
{
position: absolute;
height: 30px;
top: 50%;
right: 5px;
transform: translateY(-50%);
z-index: 2;
font-size: 12px;
}
.v5-mango .form-search .search-icon
{
position: absolute;
left: 0;
top: 50%;
margin: auto;
transform: translateY(-50%);
font-size: 13px;
width: 35px;
height: 18px;
line-height: 18px;
}
.v5-mango [dir="rtl"] .form-search input[type="search"]
{
padding-left: 80px;
padding-right: 35px;
}
.v5-mango [dir="rtl"] .form-search button[type="submit"]
{
right: auto;
left: 5px;
}
.v5-mango [dir="rtl"] .form-search .search-icon
{
left: auto;
right: 0;
}
.v5-motorobit.folder-header.tpl-default .svg-icon-search
{
background: url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/header/search.svg) no-repeat center;
width: 20px;
height: 20px;
}
.v5-motorobit.folder-header.tpl-default .svg-icon-user
{
background: #0c122a url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/header/user.svg) no-repeat center;
width: 40px;
height: 40px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-header.tpl-default .svg-icon-user
{
width: 54px;
height: 54px;
}
}
.v5-motorobit.folder-header.tpl-default .svg-icon-cart
{
background: #0c122a url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/header/basket.svg) no-repeat center;
width: 40px;
height: 40px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-header.tpl-default .svg-icon-cart
{
width: 54px;
height: 54px;
}
}
.v5-motorobit.folder-header.tpl-default .svg-icon-cargo
{
background: #0c122a url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/header/cargo.svg) no-repeat center;
width: 54px;
height: 54px;
}
.v5-motorobit.folder-header.tpl-default [v-cloak]
{
display: none;
}
.v5-motorobit.folder-header.tpl-default header
{
z-index: 50;
background-image: url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/header/headerBg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 0;
margin-bottom: 15px;
}
.v5-motorobit.folder-header.tpl-default #header-bar
{
padding-top: 6px;
padding-bottom: 6px;
}
.v5-motorobit.folder-header.tpl-default #logo, .v5-motorobit.folder-header.tpl-default #logo p, .v5-motorobit.folder-header.tpl-default #logo div
{
display: flex !important;
align-items: center;
height: 40px;
margin: auto;
}
@media (min-width: 992px)
{
.v5-motorobit.folder-header.tpl-default #logo, .v5-motorobit.folder-header.tpl-default #logo p, .v5-motorobit.folder-header.tpl-default #logo div
{
height: 70px;
margin: 0;
}
}
.v5-motorobit.folder-header.tpl-default #logo img
{
max-height: 100%;
width: auto;
}
.v5-motorobit.folder-header.tpl-default form#search input[type="search"]
{
padding-left: 55px;
border-radius: 30px;
border: 1px solid #3d84b5;
background-color: #0c122a;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-header.tpl-default form#search input[type="search"]
{
height: 60px;
}
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default form#search input[type="search"]
{
padding-right: 15px;
padding-left: 55px;
}
.v5-motorobit.folder-header.tpl-default form#search .svg-icon-search
{
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
}
.v5-motorobit.folder-header.tpl-default form#search button[type="submit"]
{
height: 40px;
padding: 0 10px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
right: 0;
font-weight: 700;
border-radius: 30px;
color: #0c122a;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default form#search button[type="submit"]
{
right: auto;
left: 5px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-header.tpl-default form#search button[type="submit"]
{
right: 10px;
}
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list
{
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
overflow-y: auto;
max-height: 320px;
width: 100%;
}
@media (min-width: 576px)
{
.v5-motorobit.folder-header.tpl-default form#search .search-form-list
{
width: 576px;
}
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list[v-cloak]
{
display: none;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search .block-title
{
font-size: 14px;
line-height: 1.3;
margin-bottom: 5px;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul
{
list-style: none;
padding: 0;
margin: 0;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul > li
{
padding: 5px 0;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul > li > a
{
display: flex !important;
align-items: center;
color: inherit;
font-size: 12px;
font-weight: 600;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul > li > a:hover
{
color: #3d84b5;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul > li > a > .search-image
{
display: flex !important;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
min-width: 35px;
margin-right: 10px;
}
.v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul > li > a > .search-image > img
{
max-height: 100%;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default form#search .search-form-list .dynamic-search ul > li > a > .search-image
{
margin-right: 0 !important;
margin-left: 10px !important;
}
.v5-motorobit.folder-header.tpl-default #hm-links .hm-link
{
color: #0c122a;
font-size: 16px;
display: flex !important;
align-items: center;
}
.v5-motorobit.folder-header.tpl-default #hm-links .hm-link i
{
position: relative;
font-style: normal;
border: 1px solid #3d84b5;
border-radius: 50%;
}
.v5-motorobit.folder-header.tpl-default #hm-links .hm-link i .badge
{
background-color: #3d84b5;
color: #0c122a;
font-size: 12px;
text-align: center;
border: solid 1px #3d84b5;
border-radius: 100%;
position: absolute;
top: -3px;
right: -3px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
}
.v5-motorobit.folder-header.tpl-default #hm-links .hm-link > span
{
font-size: 12px;
margin-left: 5px;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default #hm-links .hm-link > span
{
margin-left: 0;
margin-right: 5px;
}
.v5-motorobit.folder-header.tpl-default .header-cart-dropdown-list
{
background-color: #ffffff;
width: 280px;
max-height: 280px;
overflow-y: auto;
overflow-x: hidden;
padding: 15px;
padding-bottom: 0;
border: 1px solid #f9f9f9;
border-radius: 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12);
position: absolute;
top: 100%;
right: 15px;
z-index: 2;
}
.v5-motorobit.folder-header.tpl-default #header-top a
{
color: #0c122a;
font-size: 12px;
line-height: 16px;
display: block;
padding-top: 4px;
padding-bottom: 4px;
}
.v5-motorobit.folder-header.tpl-default #header-top a .language-img
{
margin-right: 4px;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default #header-top a .language-img
{
margin-right: 0;
margin-left: 4px;
}
.v5-motorobit.folder-header.tpl-default #header-top .location-select
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 120px;
}
.v5-motorobit.folder-header.tpl-default #header-menu .menu a
{
color: #0c122a;
font-size: 12px;
line-height: 16px;
padding-top: 7px;
padding-bottom: 7px;
display: block;
}
.v5-motorobit.folder-header.tpl-default #header-menu .menu a.homepage-link
{
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.v5-motorobit.folder-header.tpl-default #header-menu .menu a.homepage-link i
{
font-size: 18px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li > a
{
position: relative;
height: 55px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li a
{
color: #ffffff;
font-size: 14px;
line-height: 16px;
font-weight: 700;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li a i
{
margin-right: 5px;
font-size: 20px;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default #main-menu .menu > li a i
{
margin-right: 0;
margin-left: 5px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .sub-menu
{
border-radius: 20px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 100;
display: none;
width: calc(100% - 200px);
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .sub-menu .menu-title
{
margin-top: 8px;
margin-bottom: 8px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .sub-menu .menu-title:hover
{
color: #3d84b5 !important;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .sub-menu ul li a
{
color: #747474;
margin-bottom: 8px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .sub-menu ul li a:hover
{
color: #3d84b5 !important;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .sub-menu > div
{
border-radius: 20px;
width: 225px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu > li .menu-overlay
{
display: none;
z-index: -1;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories
{
min-width: 225px;
padding: 0;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .categories-title
{
margin-left: 5px;
font-size: 14px;
font-weight: 700;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu
{
height: 415px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll
{
height: 100%;
overflow-y: auto;
border-radius: 20px;
direction: rtl;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll::-webkit-scrollbar
{
background-color: #ffffff;
width: 2px;
height: 2px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll::-webkit-scrollbar-button
{
display: none;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll::-webkit-scrollbar-thumb
{
background-color: #3d84b5;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child
{
position: absolute;
height: 100%;
padding-left: 225px;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
padding-top: 5px;
display: flex !important;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child
{
padding-left: 0;
padding-right: 180px;
left: auto;
right: 0;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child .sub-menu-scroll
{
direction: ltr !important;
width: 790px;
background-color: #ecf0f3;
border-radius: 10px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child .sub-menu-scroll li a
{
position: relative;
height: 100%;
z-index: 1;
border: 1px solid #3d84b5;
border-radius: 10px;
margin-top: 15px;
color: #0c122a;
text-align: center;
font-size: 12px;
justify-content: center;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child .sub-menu-scroll li a span
{
height: 90px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child .sub-menu-scroll li a span img
{
height: 100%;
border-radius: 10px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child .sub-menu-child
{
left: 180px;
width: calc(100% - 180px);
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll .sub-menu-child .sub-menu-child
{
left: auto;
right: 180px;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll > li > a
{
position: relative;
z-index: 1;
padding: 12px !important;
margin: 0 !important;
color: #ffffff;
font-size: 15px;
font-weight: 700;
direction: ltr;
align-items: center;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll > li > a > img
{
margin-right: 8px;
max-width: 25px !important;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll > li:hover > a
{
background: #f9f9f9;
color: #3d84b5;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu .menu-all-categories .sub-menu .sub-menu-scroll > li:hover > .sub-menu-child
{
opacity: 1;
visibility: visible;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu.active > li:hover > a
{
background-color: #3d84b5;
color: #ffffff;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu.active > li:hover > a::after
{
opacity: 0;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu.active > li:hover > .sub-menu
{
display: block;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu.active > li:hover .menu-overlay:not(:hover)
{
display: block;
}
.v5-motorobit.folder-header.tpl-default #main-menu .menu.active .menu-all-categories:hover i.ti-menu
{
color: #ffffff !important;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-header.tpl-default .header-member-panel.drawer-wrapper[data-position="right"]
{
width: 420px;
right: -420px;
}
}
.v5-motorobit.folder-header.tpl-default .header-member-panel.drawer-wrapper.active[data-position="right"]:not([data-display="push"])
{
right: 0;
}
.v5-motorobit.folder-header.tpl-default .header-member-panel .drawer-title span
{
padding: 10px;
border: 0;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
}
.v5-motorobit.folder-header.tpl-default .header-member-panel .drawer-title span.active
{
font-weight: bold;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .tab-nav
{
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .tab-nav::-webkit-scrollbar, .v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .tab-nav::-webkit-scrollbar-button
{
display: none;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .tab-nav li
{
width: 100%;
margin-bottom: 15px;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .tab-nav li a
{
background-color: #ebf0f5;
border: 1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 1.875rem;
border-radius: 35px;
font-size: 14px;
font-weight: 400;
color: #979797;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .tab-nav li.active a
{
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6);
border: 1px solid #3d84b5;
color: #000000;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .form-control
{
border-radius: 30px;
border: 1px solid #3d84b5;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .login-btn
{
border-radius: 0.625rem;
border-radius: 35px;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .member-info-text
{
text-align: center;
font-weight: 300;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] .member-info-text a
{
font-weight: 600;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] a[class*="-login-btn"]
{
border-radius: 15px;
border: 2px solid transparent;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
height: 3.125rem;
font-size: 10px;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] a[class*="-login-btn"].fb-login-btn
{
background-color: #ffffff;
color: #47629c;
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6);
border-radius: 35px;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] a[class*="-login-btn"].google-login-btn
{
color: #3c79e6;
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6);
border-radius: 35px;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] a[class*="-login-btn"].apple-login-btn
{
color: #000000;
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6);
border-radius: 35px;
}
.v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] a[class*="-login-btn"] i
{
font-size: 26px;
margin-right: 6px;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default [id*="header-member-panel"] a[class*="-login-btn"] i
{
margin-right: 0;
margin-left: 6px;
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] .mobile-menu-title
{
font-size: 16px;
border-bottom: 0;
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] .mobile-menu-title::after
{
content: "";
background-color: #3d84b5;
width: 70px;
height: 3px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
position: absolute;
left: 0;
bottom: 0;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] .mobile-menu-title::after
{
left: auto;
right: 0;
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] nav .menu-item
{
font-size: 14px;
padding: 12px 0;
color: var(--text-white);
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] nav .menu-item > span
{
font-size: 18px;
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] nav .sub-menu-item
{
font-size: 12px;
padding: 10px 0;
color: #0c122a;
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] nav .sub-menu-item img
{
width: 30px;
height: 30px;
margin-right: 10px;
}
.v5-motorobit.folder-header.tpl-default [id*="mobile-menu"] nav .sub-menu-item > span
{
font-size: 14px;
font-weight: 700;
color: #0c122a;
}
.v5-motorobit.folder-header.tpl-default .scroll-to-up
{
position: fixed;
bottom: 80px;
right: 20px;
width: 40px;
height: 40px;
padding: 8px;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.13);
cursor: pointer;
z-index: 51;
display: none;
}
[dir="rtl"] .v5-motorobit.folder-header.tpl-default .scroll-to-up
{
right: auto;
left: 20px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-header.tpl-default .scroll-to-up
{
bottom: 20px;
}
}
.v5-motorobit.folder-header.tpl-default .scroll-to-up i
{
font-size: 22px;
line-height: 1;
}
.v5-motorobit.folder-header.tpl-default .header-sticky
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 80;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
background-image: url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/header/headerBg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 10px;
}
@media (min-width: 992px)
{
.v5-motorobit.folder-header.tpl-default .header-sticky #header-main
{
padding-top: 8px;
padding-bottom: 8px;
}
.v5-motorobit.folder-header.tpl-default .header-sticky #header-main #logo, .v5-motorobit.folder-header.tpl-default .header-sticky #header-main #logo p
{
height: 50px;
}
.v5-motorobit.folder-header.tpl-default .header-sticky #main-menu
{
display: none !important;
}
.v5-motorobit.folder-header.tpl-default .header-sticky.header-sticky-direction #main-menu
{
display: block !important;
}
}
@media (max-width: 767px)
{
.v5-motorobit.folder-header.tpl-default .header-sticky #header-search
{
display: none;
}
}
.v5-motorobit.folder-header.tpl-default .header-mobile-menu-btn
{
font-size: 24px;
line-height: 1;
}
.v5-motorobit.folder-header.tpl-default .mobile-app
{
z-index: 999;
}
.v5-motorobit.folder-header.tpl-default .mobile-app-close
{
font-size: 6px;
padding: 5px;
line-height: 1;
}
.v5-motorobit.folder-header.tpl-default .mobile-app-logo > div, .v5-motorobit.folder-header.tpl-default .mobile-app-logo > p
{
display: flex !important;
align-items: center;
justify-content: center;
padding: 5px;
height: 50px;
max-width: 110px;
}
.v5-motorobit.folder-header.tpl-default .mobile-app-logo img
{
display: block;
max-width: 100%;
max-height: 100%;
}
.v5-motorobit.folder-header.tpl-default .mobile-app-text-store
{
font-size: 15px;
}
.v5-motorobit.folder-header.tpl-default .mobile-app-text-download
{
font-size: 12px;
margin-top: 3px;
}
.v5-motorobit.folder-header.tpl-default .mobile-app-download
{
font-size: 15px;
padding: 10px 15px;
}
@media (min-width: 768px)
{
.header-cart-panel.drawer-wrapper[data-position="right"]
{
width: 420px;
right: -420px;
}
}
.header-cart-item .col-1
{
flex-basis: 75px;
max-width: 75px;
}
.header-cart-item .cp-brand
{
color: #0c122a;
font-size: 12px;
line-height: 1.2;
padding-right: 15px;
margin-bottom: 6px;
}
.header-cart-item .cp-title
{
color: #0c122a;
font-size: 12px;
font-weight: 400;
line-height: 12px;
padding-right: 15px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: 6px;
}
.header-cart-item .cp-price
{
color: #0c122a;
font-size: 10px;
line-height: 1;
}
.header-cart-item .qty
{
width: 70px;
}
.header-cart-item .qty span
{
width: 15px;
height: 100%;
z-index: 2;
}
.header-cart-item .qty input
{
height: 22px;
}
.header-cart-item .cart-item-delete-btn
{
color: #979797;
font-size: 12px;
line-height: 1;
text-align: center;
position: absolute;
top: 0;
right: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-cart-item .cart-item-delete-btn:hover
{
color: #3d84b5;
transform: rotate(90deg);
}
.header-cart-price-line
{
color: #747474;
font-size: 12px;
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
}
#go-cart-btn
{
position: relative;
}
#go-cart-btn i
{
font-size: 8px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
z-index: 2;
}
.free-shipping-limit-info
{
color: #0c122a;
font-size: 11px;
line-height: 1.25;
}
[dir="rtl"] .header-cart-item .cp-brand, [dir="rtl"] .header-cart-item .cp-title
{
padding-right: 0;
padding-left: 15px;
}
[dir="rtl"] .header-cart-item .cart-item-delete-btn
{
right: auto;
left: 0;
}
[dir="rtl"] #go-cart-btn i
{
right: auto;
left: 10px;
}
.position-sticky
{
z-index: 5;
}
.v5-motorobit.folder-breadcrumb.tpl-default .breadcrumb ul li
{
font-size: 14px;
}
.v5-motorobit.folder-breadcrumb.tpl-default .breadcrumb ul li i.ti-homepage
{
font-size: 14px;
margin-right: 5px;
}
[dir="rtl"] .v5-motorobit.folder-breadcrumb.tpl-default .breadcrumb ul li i.ti-homepage
{
margin-right: 0;
margin-left: 5px;
}
.v5-motorobit.folder-breadcrumb.tpl-default .breadcrumb ul li i.ti-arrow-right
{
margin-left: 7.5px;
margin-right: 7.5px;
}
.v5-mango.folder-products-top-bottom-info.tpl-default a
{
color: revert;
}
.v5-mango.folder-products-top-bottom-info.tpl-default a :hover
{
text-decoration: underline;
}
.v5-motorobit.folder-filter.tpl-default #product-filter
{
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6), inset 0 204px 0 rgba(255, 255, 255, 0.05);
border-radius: 20px;
background-color: #ebf0f5;
}
.v5-motorobit.folder-filter.tpl-default .filter-card
{
border: 1px solid #3d84b5;
border-radius: 0 0 20px 20px;
background-color: #ffffff;
}
.v5-motorobit.folder-filter.tpl-default .filter-card.filter-card-categories
{
border: 1px solid #3d84b5;
border-radius: 20px 20px 0 0;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-title
{
color: #0c122a;
font-size: 14px;
font-weight: bold;
line-height: 1.5;
padding: 15px;
margin: 0;
position: relative;
}
@media (max-width: 767px)
{
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-title
{
padding: 10px;
font-size: 16px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-title.active::before
{
content: '';
background-color: #3d84b5;
width: 30px;
height: 3px;
display: block;
position: absolute;
top: 100%;
left: 10px;
}
[dir="rtl"] .v5-motorobit.folder-filter.tpl-default .filter-card .filter-title.active::before
{
left: auto;
right: 10px;
}
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-item
{
color: #0c122a;
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
display: flex !important;
align-items: center;
margin: 0;
font-weight: normal;
transition: none;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-item .input-checkbox
{
flex-shrink: 0;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-item:hover, .v5-motorobit.folder-filter.tpl-default .filter-card .filter-item-active
{
color: #3d84b5;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-item-active
{
font-weight: bold;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-filter.tpl-default .filter-card .d-md-none + .filter-body
{
margin-top: 15px;
}
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body-categories .filter-item
{
padding-top: 15px;
padding-bottom: 15px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body-categories .filter-item.filter-item-active
{
color: #0c122a;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body-categories .categories-child
{
padding: 15px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body-categories .categories-child a
{
padding: 0;
font-weight: 700;
color: #3d84b5;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body
{
padding: 15px 10px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body
{
padding: 0 15px;
margin-bottom: 15px;
}
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list
{
max-height: 230px;
overflow-y: auto;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list::-webkit-scrollbar
{
width: 3px;
height: 3px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-color .filter-list-item
{
width: 30px;
margin-bottom: 10px;
margin-right: 10px;
}
[dir="rtl"] .v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-color .filter-list-item
{
margin-right: 0;
margin-left: 10px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-color .filter-list-item .image-wrapper
{
padding-bottom: 100% !important;
box-sizing: content-box;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-color .filter-list-item .input-checkbox
{
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto !important;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-shape .filter-list-item
{
width: 50px;
margin-right: 10px;
}
[dir="rtl"] .v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-shape .filter-list-item
{
margin-right: 0;
margin-left: 10px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-shape .filter-list-item .filter-shape .image-wrapper
{
padding-bottom: 100% !important;
box-sizing: content-box;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-shape .filter-list-item .filter-shape .shape-name
{
font-size: 10px;
margin-top: 10px;
color: #747474;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-shape .filter-list-item .filter-shape.shape-checked .image-wrapper, .v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-list-shape .filter-list-item .filter-shape:hover .image-wrapper
{
border-color: #0c122a !important;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-search::before
{
position: absolute;
right: 5px;
top: 0;
bottom: 0;
margin: auto;
height: 14px;
width: 14px;
color: #979797;
line-height: 1;
}
[dir="rtl"] .v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-search::before
{
right: auto;
left: 5px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-search input
{
font-size: 12px;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-search input::-webkit-input-placeholder
{
font-style: italic;
font-weight: 300;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-search input:-ms-input-placeholder
{
font-style: italic;
font-weight: 300;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .filter-search input::placeholder
{
font-style: italic;
font-weight: 300;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .selected-item
{
background-color: #f6f6f6;
color: #747474;
font-size: 10px;
padding: 5px;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
}
.v5-motorobit.folder-filter.tpl-default .filter-card .filter-body .selected-item:hover
{
color: #000000;
}
.v5-motorobit.folder-filter.tpl-default .filter-card.single-option .filter-item
{
padding: 10px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-filter.tpl-default .filter-card.single-option .filter-item
{
padding: 15px;
}
}
.v5-motorobit.folder-filter.tpl-default .noui-slider-input input
{
padding-left: 3px;
padding-right: 3px;
text-align: center;
font-size: 12px;
}
.v5-motorobit.folder-filter.tpl-default .position-sticky
{
z-index: 5;
}
.v5-motorobit.folder-product-list.tpl-default .pagination-info-bar
{
border-radius: 20px;
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6), inset 0 204px 0 rgba(255, 255, 255, 0.05);
}
.v5-motorobit.folder-product-list.tpl-default #product-list-panel a, .v5-motorobit.folder-product-list.tpl-default #product-list-panel label, .v5-motorobit.folder-product-list.tpl-default #product-list-panel select
{
font-size: 14px;
cursor: pointer;
font-weight: 500;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default #product-list-panel a, .v5-motorobit.folder-product-list.tpl-default #product-list-panel label, .v5-motorobit.folder-product-list.tpl-default #product-list-panel select
{
font-size: 12px;
}
}
@media (max-width: 767px)
{
.v5-motorobit.folder-product-list.tpl-default #product-list-panel a, .v5-motorobit.folder-product-list.tpl-default #product-list-panel label, .v5-motorobit.folder-product-list.tpl-default #product-list-panel select
{
color: #ffffff;
background-color: #3d84b5;
display: flex !important;
align-items: center;
justify-content: center;
height: 45px;
}
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default #product-list-panel
{
background-color: #ebf0f5;
border-radius: 20px;
box-shadow: 5px 5px 5px rgba(192, 197, 202, 0.6), -5px -5px 5px rgba(255, 255, 255, 0.6), inset 0 204px 0 rgba(255, 255, 255, 0.05);
}
}
.v5-motorobit.folder-product-list.tpl-default #product-list-panel .page-layout a i
{
width: 5px;
height: 12px;
border: 1px solid #dddddd;
border-radius: 4px;
}
.v5-motorobit.folder-product-list.tpl-default #product-list-panel .page-layout a i:not(:first-child)
{
margin-left: 2px;
}
[dir="rtl"] .v5-motorobit.folder-product-list.tpl-default #product-list-panel .page-layout a i:not(:first-child)
{
margin-left: 0;
margin-right: 2px;
}
.v5-motorobit.folder-product-list.tpl-default #product-list-panel .page-layout a.active i, .v5-motorobit.folder-product-list.tpl-default #product-list-panel .page-layout a:hover i
{
background-color: #2c2a28;
border-color: #2c2a28;
}
.v5-motorobit.folder-product-list.tpl-default #product-list-panel #sort
{
background-color: #ebf0f5;
}
@media (max-width: 767px)
{
.v5-motorobit.folder-product-list.tpl-default #product-list-panel #sort
{
height: 45px;
min-width: 170px;
color: #ffffff;
background-image: none;
background-color: #3d84b5;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item
{
z-index: 5;
}
.v5-motorobit.folder-product-list.tpl-default .product-item > .bg-white
{
border-radius: 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .img-wrp
{
padding: 7px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .image-inner img
{
border-radius: 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge
{
position: absolute;
top: 10px;
z-index: 2;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge, .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge
{
width: 40px;
height: 27px;
box-shadow: 0 2px 10px -5px rgba(0, 0, 0, 0.19);
font-size: 8px;
line-height: 1.3;
font-weight: bold;
text-transform: lowercase;
align-items: center;
justify-content: center;
flex-direction: column;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge:not(.d-none), .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge:not(.d-none)
{
display: flex !important;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge.discounted-badge, .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge.discounted-badge
{
right: 10px;
width: 35px;
height: 25px;
}
[dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge.discounted-badge, [dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge.discounted-badge
{
right: auto;
left: 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge.discounted-badge span, .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge.discounted-badge span
{
font-size: 20px;
text-transform: capitalize;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge.discounted-badge span small, .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge.discounted-badge span small
{
font-size: 15px;
display: inline-block;
vertical-align: middle;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge.new-badge, .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge.new-badge
{
background-color: #3d84b5;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .discounted-badge.new-badge span, .v5-motorobit.folder-product-list.tpl-default .product-item .new-badge.new-badge span
{
font-size: 14px;
text-transform: capitalize;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .new-badge
{
position: static;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .badge-content
{
top: 10px;
left: 10px;
}
[dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .badge-content
{
left: auto;
right: 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .badge-content .sym-badge
{
width: 50px;
height: 27px;
font-size: 14px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
background-color: #ff7e18;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-stars
{
padding-bottom: 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-stars .stars
{
font-size: 12px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-stars .stars .stars-fill
{
color: #3d84b5;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-stars .product-comment-text
{
font-size: 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .brand-title
{
font-size: 12px;
margin-bottom: 5px;
line-height: 1.3;
color: #0c122a;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default .product-item .brand-title
{
font-size: 12px;
margin-bottom: 10px;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-title
{
font-size: 12px;
margin-bottom: 5px;
line-height: 1.3;
color: #0c122a;
text-align: center;
min-height: 35px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default .product-item .product-title
{
font-size: 13px;
margin-bottom: 10px;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-detail-card
{
display: flex;
flex-wrap: wrap;
flex-grow: 1;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-detail-card .product-bottom-line
{
margin-top: auto;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper
{
font-size: 12px;
line-height: 1.5;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper
{
font-size: 12px;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper .current-price
{
color: #3d84b5;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper .product-discounted-price
{
color: #979797;
margin-right: 5px;
}
[dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper .product-discounted-price
{
margin-right: 0;
margin-left: 5px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper .product-discounted-price
{
margin-right: 10px;
}
[dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper .product-discounted-price
{
margin-right: 0;
margin-left: 10px;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-price-wrapper .product-discounted-price:not(.d-none) + .current-price
{
color: #3d84b5;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons
{
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons
{
transform: translateY(35px);
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .quick-view-btn, .v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .add-to-compare-btn
{
border-radius: 17px;
background-color: #f8f9fa;
font-size: 14px;
font-weight: 500;
padding: 8px 15px;
margin: 0 5px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .quick-view-btn.active, .v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .add-to-compare-btn.active
{
background-color: #3d84b5;
color: #ffffff !important;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .quick-view-btn i, .v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .add-to-compare-btn i
{
margin-right: 5px;
}
[dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .quick-view-btn i, [dir="rtl"] .v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .add-to-compare-btn i
{
margin-right: 0;
margin-left: 5px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .product-buttons .add-to-cart-btn
{
font-size: 12px;
border-radius: 10px;
height: 40px;
border-radius: 0 0 10px 10px;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-button-item
{
padding: 4px 8px;
color: #0c122a;
width: auto;
text-align: center;
font-size: 12px;
white-space: nowrap;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-button-item.selected
{
border-color: #3d84b5 !important;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-button-item.passive
{
opacity: 0.5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-button-item.passive span
{
text-decoration: line-through;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-select-item
{
height: 32px;
padding-left: 8px;
padding-right: 25px;
font-size: 12px;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-select-item
{
height: 38px;
padding-right: 30px;
}
}
.v5-motorobit.folder-product-list.tpl-default .product-item .variant-wrapper .sub-select-item .passive
{
color: #979797;
}
.v5-motorobit.folder-product-list.tpl-default .product-item .out-of-stock
{
display: flex !important;
justify-content: center;
align-items: center;
bottom: 10px;
left: 10px;
right: 10px;
height: 35px;
font-size: 10px;
font-weight: bold;
}
.v5-motorobit.folder-product-list.tpl-default .product-item:hover > .bg-white
{
border-color: #3d84b5 !important;
}
.v5-motorobit.folder-product-list.tpl-default .product-item:hover .image-wrapper
{
border-color: transparent !important;
}
.v5-motorobit.folder-product-list.tpl-default .product-item:hover .product-buttons a
{
color: #ffffff;
}
.v5-motorobit.folder-product-list.tpl-default .product-item:hover .product-buttons
{
opacity: 1;
visibility: visible;
}
.v5-motorobit.folder-product-list.tpl-default .image-wrapper
{
padding-bottom:100%;
}
.v5-motorobit.folder-banner.tpl-default .banner.font-small
{
font-size: 14px;
}
@media (min-width: 576px)
{
.v5-motorobit.folder-banner.tpl-default .banner.font-small
{
font-size: 11px;
}
}
.v5-motorobit.folder-banner.tpl-default .banner.font-standart
{
font-size: 14px;
}
.v5-motorobit.folder-banner.tpl-default .banner.font-big
{
font-size: 14px;
}
@media (min-width: 576px)
{
.v5-motorobit.folder-banner.tpl-default .banner.font-big
{
font-size: 17px;
}
}
.v5-motorobit.folder-banner.tpl-default .banner-wrapper
{
padding: clamp(1.5em, 3vw, 3em);
}
.v5-motorobit.folder-banner.tpl-default .banner-data1
{
font-size: clamp(1.5em, 3vw, 3em);
}
.v5-motorobit.folder-banner.tpl-default .banner-data2
{
font-size: clamp(1em, 2vw, 1.5em);
}
.v5-motorobit.folder-banner.tpl-default .banner-data3
{
font-size: clamp(1em, 2vw, 1.5em);
}
.v5-motorobit.folder-banner.tpl-default .banner-content
{
font-size: clamp(1em, 2vw, 1.5em);
}
.v5-motorobit.folder-banner.tpl-default .banner-data4
{
margin-top: clamp(1em, 2vw, 1.5em);
}
.v5-motorobit.folder-banner.tpl-default .banner-data4 .btn
{
padding: clamp(5px, 2vw, 8px) 1.5em;
}
.v5-motorobit.folder-banner.tpl-default .btn-custom
{
border-radius: 20px 0 20px 0;
box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
background-color: transparent;
border: 1px solid #ffffff;
color: #0c122a;
backdrop-filter: blur(10px);
}
.v5-motorobit.folder-banner.tpl-default .overlay-custom
{
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.v5-motorobit.folder-site-review.tpl-user_slider .block-title span
{
color: #ffffff;
}
.v5-motorobit.folder-site-review.tpl-user_slider .review-bg
{
background-image: url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/footer/footer-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 0;
margin-bottom: 15px;
padding-top: 30px;
}
.v5-motorobit.folder-site-review.tpl-user_slider .swiper-slide
{
height: auto;
}
.v5-motorobit.folder-site-review.tpl-user_slider .swiper-slide .item .name
{
font-size: 1.0625rem;
font-weight: 600;
}
.v5-motorobit.folder-site-review.tpl-user_slider .swiper-slide .item .desc
{
font-size: 12px;
}
.v5-motorobit.folder-site-review.tpl-user_slider .swiper-slide .item .comment-avatar img
{
width: 70px;
height: 78px;
}
.v5-motorobit.folder-html-block.tpl-default .block-title span
{
color: #ffffff;
}
.v5-motorobit.folder-html-block.tpl-default .html-content
{
max-height: 100px;
overflow-y: scroll;
}
.v5-motorobit.folder-html-block.tpl-default .html-content::-webkit-scrollbar-thumb
{
background-color: #3d84b5;
}
.footer-bg
{
background-image: url(https://witcdn.motorobit.com/theme/v5-motorobit/assets/footer/footer-bg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 0;
margin-bottom: 15px;
padding-top: 30px;
}
.v5-motorobit.folder-footer.tpl-support_alt .phone-link
{
color: #ffffff;
box-shadow: 0 0 6px 2px rgba(61, 132, 181, 0.2);
background-color: #0c122a;
padding: 20px;
border-radius: 30px;
border: 1px solid #3d84b5;
display: flex !important;
align-items: center;
justify-content: center;
}
.v5-motorobit.folder-footer.tpl-support_alt .phone-link img
{
margin-right: 8px;
}
.v5-motorobit.folder-footer.tpl-support_alt .newsletter input[name="email"]
{
height: 60px;
background-color: #0c122a;
border: 1px solid #3d84b5;
border-radius: 30px;
box-shadow: 0 0 6px 2px rgba(61, 132, 181, 0.2);
}
.v5-motorobit.folder-footer.tpl-support_alt .newsletter input[name="email"]::placeholder
{
color: #ffffff;
}
.v5-motorobit.folder-footer.tpl-support_alt .newsletter button[type="submit"]
{
position: absolute;
right: 0;
top: 0;
bottom: 0;
padding: 0 !important;
height: 40px;
margin: auto;
transform: translateX(-10px);
border-radius: 30px;
color: #0c122a;
}
@media (min-width: 768px)
{
.v5-motorobit.folder-footer.tpl-support_alt .newsletter button[type="submit"]
{
width: 55px;
}
}
@media (min-width: 1170px)
{
.v5-motorobit.folder-footer.tpl-support_alt .newsletter button[type="submit"]
{
width: 70px;
}
}
.v5-motorobit.folder-footer.tpl-support_alt .newsletter label
{
font-size: 12px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-social-list a
{
width: 32px;
height: 32px;
top: 0;
border: 1px solid #3d84b5;
border-radius: 30px;
background-color: #0c122a;
box-shadow: 0 0 6px 2px rgba(61, 132, 181, 0.2);
}
@media (min-width: 768px)
{
.v5-motorobit.folder-footer.tpl-support_alt #footer-social-list a
{
width: 70px;
height: 60px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-social-list a:hover
{
top: 3px;
}
}
.v5-motorobit.folder-footer.tpl-support_alt .footer-text
{
color: #ffffff;
font-size: 12px;
font-weight: 600;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-menu .menu-title
{
color: #ffffff;
font-size: 18px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-menu .menu-link
{
color: #ffffff;
font-size: 14px;
line-height: normal;
padding-top: 8px;
padding-bottom: 8px;
display: block;
margin: 0;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-menu .menu-link[href]:hover
{
color: #3d84b5;
}
@media (max-width: 767px)
{
.v5-motorobit.folder-footer.tpl-support_alt #footer-top
{
padding-left: 20px;
padding-right: 20px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-social
{
margin-top: 20px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-menu
{
padding-left: 20px;
padding-right: 20px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-menu .menu-title + .menu-children
{
padding-top: 7.5px;
padding-bottom: 15px;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-menu .menu-title + .menu-children:not(.show)
{
display: none;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-security .p-1 img, .v5-motorobit.folder-footer.tpl-support_alt #footer-banks .p-1 img
{
width: 100%;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-security .p-1
{
width: 50%;
flex-basis: 50%;
}
.v5-motorobit.folder-footer.tpl-support_alt #footer-banks .p-1
{
width: calc(100% / 4);
flex-basis: calc(100% / 4);
}
}