/*  CSS  с main.blade.php */
::-moz-focus-inner{padding:0;border-style:none;}
.form-switch{padding-left:2.5em;}
.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;}
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;}
.card>.list-group{border-top:inherit;border-bottom:inherit;}
.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);}
.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px);}
.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem;}
.list-group-item{position:relative;display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125);}
.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}
.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit;}
.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff;}
.list-group-item+.list-group-item{border-top-width:0;}
.list-group-flush{border-radius:0;}
.list-group-flush>.list-group-item{border-width:0 0 1px;}
.list-group-flush>.list-group-item:last-child{border-bottom-width:0;}
.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;}
@media (prefers-reduced-motion:reduce){
    .offcanvas{transition:none;}
}
.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%);}
.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border;}
@media (prefers-reduced-motion:reduce){
    .spinner-border{animation-duration:1.5s;}
}
.opacity-50{opacity:.5!important;}
.d-flex{display:flex!important;}
.align-self-center{align-self:center!important;}
.m-auto{margin:auto!important;}
.mt-1{margin-top:.25rem!important;}
.me-1{margin-right:.25rem!important;}
.me-2{margin-right:.5rem!important;}
.me-auto{margin-right:auto!important;}
.mb-0{margin-bottom:0!important;}
.mb-3{margin-bottom:1rem!important;}
.ms-auto{margin-left:auto!important;}
.mt-n2{margin-top:-.5rem!important;}
.mt-n3{margin-top:-1rem!important;}
.mb-n1{margin-bottom:-.25rem!important;}
.px-1{padding-right:.25rem!important;padding-left:.25rem!important;}
.px-3{padding-right:1rem!important;padding-left:1rem!important;}
.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important;}
.pt-1{padding-top:.25rem!important;}
.pt-2{padding-top:.5rem!important;}
.pt-3{padding-top:1rem!important;}
.ps-4{padding-left:1.5rem!important;}
.text-center{text-align:center!important;}
[data-bs-toggle] i{transition:all 350ms ease;}
.color-white{color:#fff!important;}
.theme-light{background-color:#efeef3;}
.theme-light .color-theme{color:#0f1117!important;}
.color-highlight{color:#4a89dc!important;}
.bg-green-dark{background-color:#8cc152!important;color:#fff!important;}
.gradient-green{border:none;background-image:linear-gradient(to bottom,#a0d468,#8cc152);}
.color-red-dark{color:#d84558!important;}
.bg-red-dark{background-color:#d84558!important;color:#fff!important;}
.gradient-red{border:none;background-image:linear-gradient(to bottom,#ed5565,#d84558);}
.bg-yellow-dark{background-color:#f6bb42!important;color:#fff!important;}
.gradient-yellow{border:none;background-image:linear-gradient(to bottom,#ffce54,#f6bb42);}
.bg-blue-dark{background-color:#4a89dc!important;color:#fff!important;}
.gradient-blue{border:none;background-image:linear-gradient(to bottom,#5d9cec,#4a89dc);}
.bg-magenta-dark{background-color:#967adc!important;color:#fff!important;}
.bg-brown-dark{background-color:#aa8e69!important;color:#fff!important;}
.color-white{color:#fff!important;}
#footer-bar .circle-nav-2::after,#footer-bar .circle-nav-2::before{background-image:linear-gradient(to bottom,#5d9cec,#4a89dc)!important;}
.color-highlight{color:#4a89dc;}
.shadow-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;z-index:-1;}
.shadow-bg{background-size:cover;position:relative;z-index:10;overflow:visible!important;}
.shadow-bg-xs::after{transform:scale(.75) translateY(5px) translateZ(0);filter:blur(8px);}
.shadow-bg-s::after{transform:scale(.8) translateY(5px) translateZ(0);filter:blur(12px);}
body{font-size:13px;font-family:Roboto,sans-serif!important;line-height:24px!important;color:#747474!important;}
h1,h6{font-weight:700;color:#1b1b1b;font-family:source sans pro,sans-serif!important;margin-bottom:5px;letter-spacing:-.6px;}
h1{font-size:24px;line-height:30px;font-weight:700;}
h6{font-size:11px;line-height:20px;font-weight:700;letter-spacing:0;}
a{text-decoration:none!important;}
p{color:#747474;margin-bottom:30px;padding-bottom:0;letter-spacing:-.2px;}
#page{min-height:80vh;z-index:9999;position:relative;display:block;}
.content{position:relative;margin:15px 15px 20px;}
.page-title{position:relative;z-index:90;padding:5px 15px 30px;}
.page-title h1{font-size:28px;margin-bottom:-3px;}
.page-title p{margin-bottom:-6px;font-size:13px;font-family:source sans pro,sans-serif;font-weight:600;}
.page-title .icon{float:left;margin-left:12px;}
.page-title img{transform:translateY(-1px);}
.dropdown-menu{background-color:transparent;border:0;}
#footer-bar{position:fixed;bottom:0;left:0;right:0;z-index:98;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,.55);box-shadow:0 -5px 5px 0 rgba(0,0,0,.04);height:65px;display:flex;text-align:center;}
#footer-bar a:not(.btn){padding-top:12px;position:relative;flex:1 1 auto;color:#1f1f1f;}
#footer-bar a:not(.btn) span{position:relative;z-index:2;display:block;font-size:10px;font-weight:500;margin-top:-3px;opacity:.7;font-family:Roboto,sans-serif!important;}
#footer-bar a:not(.btn) i{margin-top:2px;display:block;font-size:18px;position:relative;z-index:2;}
#footer-bar .circle-nav-2 i{color:#fff!important;transform:translateY(-18px);font-size:20px!important;}
#footer-bar .circle-nav-2::after{position:absolute;content:"";width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-25px;border-radius:20px;z-index:-1;}
#footer-bar .circle-nav-2::before{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-5px;border-radius:20px;background:inherit;z-index:-1;transform:scale(.75) translate(-55%,-45%);filter:blur(8px);}
.footer-bar-1 span{transform:translateY(2px);}
.footer-bar-1 i{transform:translateY(-2px);}
.footer-bar-detached{border-radius:25px;left:7px!important;right:7px!important;bottom:15px!important;box-shadow:0 0 15px 0 rgba(0,0,0,.1)!important;}
#footer-bar:not(.iosTabBar){bottom:15px!important;}
.theme-light #footer-bar{background-color:rgba(255,255,255,.75);}
.theme-light #footer-bar a{color:#1f1f1f;}
.rounded-xs{border-radius:10px!important;}
.rounded-s{border-radius:15px!important;}
.rounded-m{border-radius:20px!important;}
.shadow-m{box-shadow:0 8px 24px 0 rgba(0,0,0,.08)!important;}
.font-400{font-weight:400!important;}
.opacity-20{opacity:.2!important;}
.opacity-30{opacity:.3!important;}
.opacity-40{opacity:.4!important;}
.opacity-50{opacity:.5!important;}
.opacity-70{opacity:.7!important;}
.font-9{font-size:9px!important;}
.font-11{font-size:11px!important;}
.font-13{font-size:13px!important;}
.font-16{font-size:16px!important;}
.font-18{font-size:18px!important;}
::-webkit-scrollbar{display:none;}
.list-menu-large{padding-bottom:15px;}
.list-menu-large a{border:0;line-height:31px;}
.list-menu-large a div{font-family:source sans pro,sans-serif;font-size:14px;padding-left:20px;font-weight:600;color:#000;letter-spacing:-.6px;}
.list-menu-large a i:first-child{text-align:center!important;padding:0!important;width:30px!important;height:30px!important;line-height:30px!important;border-radius:12px;font-size:13px;}
.list-menu-small{padding-bottom:15px;margin-left:-5px;}
.list-menu-small a{border:0;height:36px;}
.list-menu-small a div{font-family:source sans pro,sans-serif;font-size:14px;padding-left:10px;font-weight:600;color:#000;letter-spacing:-.6px;}
.list-menu-small a i:first-child{text-align:center;padding:0!important;width:34px!important;height:25px!important;line-height:27px!important;}
.list-menu-large a i:last-child,.list-menu-small a i:last-child{width:20px;text-align:center;}
.list-menu-large .list-group-item-active i:first-child{animation:activeAnimation 1.1s;animation-iteration-count:infinite;}
.list-menu-large .list-group-item-active i:last-child:after{content:"●";font-style:normal;position:absolute;font-size:20px;height:50px;top:1px;right:3px;line-height:26px;color:#78a943;}
.list-menu-large .list-submenu .list-group-item i:last-child:after{top:-2px;}
.list-group-item i{transition:all 350ms ease;}
.list-submenu{height:0;overflow:hidden;transition:all 350ms ease;}
.list-submenu a:first-child{padding-top:10px!important;}
.list-submenu a:last-child{padding-bottom:10px!important;}
.list-submenu a *{line-height:25px;}
.list-submenu div{padding-left:5px!important;}
.list-group *{font-family:Roboto,sans-serif;}
.list-group strong{font-family:source sans pro,sans-serif;}
.list-group-s .list-group-item{padding-top:9px;padding-bottom:9px;}
.list-custom{overflow:hidden;}
.list-group i:first-child{padding-right:8px;display:inline-block;width:25px;}
.list-group i:last-child{font-size:8px;position:absolute;right:15px;transform:translateY(-50%);top:50%;}
.list-custom :not(.list-submenu){overflow:visible!important;}
.list-custom .list-group-item{display:flex;}
.list-custom.list-group-flush .list-group-item{padding-left:0;padding-right:0;}
.list-custom .list-group-item *{align-self:center;cursor:pointer;}
.list-custom .list-group-item div,.list-custom .list-group-item i{display:block;}
.list-custom .list-group-item i:first-child:not(.has-bg){padding-right:34px;margin-right:-5px;padding-left:0;}
.list-custom .list-group-item i.has-bg{width:30px;height:30px;line-height:30px;text-align:center;padding:0;margin-right:15px;}
.list-custom .list-group-item strong{pointer-events:none;line-height:28px;display:block;font-size:15px;font-weight:700;letter-spacing:-.2px;}
.list-custom .ios-switch{z-index:97;position:relative;margin-left:auto;margin-right:-5px;transform-origin:100% 50%;}
.theme-light .list-group *{border-color:rgba(0,0,0,.07);}
.theme-light .list-custom a:hover{color:#000;opacity:1!important;}
.card{background-size:cover;background-position:center center;}
.card-style{overflow:hidden;border-radius:22px;margin:0 15px 30px;border:none;box-shadow:rgba(0,0,0,.03) 0 20px 25px -5px,rgba(0,0,0,.02) 0 10px 10px -5px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.divider{position:relative;height:1px;display:block;background-color:rgba(0,0,0,.07);margin-bottom:30px;}
.divider-margins{margin-left:15px;margin-right:15px;margin-bottom:30px;}
.icon{line-height:0;display:inline-block;text-align:center;transition:all 120ms ease;}
.icon:hover{opacity:.9;}
.icon:not(.icon-border):active{box-shadow:inset 0 0 5px rgba(0,0,0,.5)!important;}
.icon{font-family:source sans pro,sans-serif;text-transform:uppercase;font-weight:700;border-radius:12px;font-size:14px;width:45px;height:45px;line-height:45px;transform:translateY(2px);}
.icon-s{font-size:11px;height:42px;line-height:42px;width:42px;transform:translateY(0);}
.switch-s{transform-origin:100% 50%;}
.switch-s{transform:scale(.7);}
.ios-switch input{display:none;}
.ios-switch{margin:0;padding:0;height:32px;position:relative;}
.ios-switch *{cursor:pointer!important;}
.ios-switch{width:58px;}
.ios-switch label::before{cursor:pointer;content:"";display:block!important;background-color:rgba(0,0,0,.07);pointer-events:all;margin-left:-1px;width:58px!important;height:32px!important;border-radius:50px!important;transition:all .2s ease;}
.ios-switch label::after{cursor:pointer;position:relative;content:"";display:block!important;margin-top:-31px;z-index:2;width:30px!important;height:30px!important;transition:all 250ms ease;border-radius:50px!important;background-color:#fff;border:solid 1px rgba(152,152,152,.3);transition:all .2s ease;}
.ios-input:checked~.custom-control-label::after{transform:translateX(26px)!important;}
.ios-input:checked~.custom-control-label::before{background-color:#4a89dc;}
.switch-green .ios-input:checked~.custom-control-label::before{background-color:#8cc152!important;}
input,input::placeholder{font-size:12px!important;}
input{border-width:1px!important;}
.offcanvas{display:none;}
.offcanvas{transition:all .3s ease!important;}
[data-bs-toggle]:focus{outline:0!important;}
.offcanvas-start{right:auto;}
.offcanvas-start{width:auto;}
.menu-size{overflow-y:scroll;}
.menu-size::-webkit-scrollbar{display:none;}
.offcanvas-detached.offcanvas-start{left:10px;top:10px;bottom:10px ;}
.offcanvas-detached.offcanvas-start:not(.show){transform:translateX(-210%);}
.offcanvas{-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);background-color:rgba(255,255,255,.8);pointer-events:all;overflow:scroll;-webkit-overflow-scrolling:touch;z-index:9999!important;border:0!important;}
.offcanvas .list-group,.offcanvas .list-group-item{background-color:transparent!important;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;transition:all .2s ease;}
#preloader .spinner-border{position:absolute;top:50%;left:50%;margin-left:-15px;}
.preloader-hide{opacity:0;pointer-events:none;transition:all 150ms ease!important;}
.theme-light #preloader{background-color:#fff;}
/*! CSS Used from: https://www.enableds.com/products/payapp/v103/fonts/bootstrap-icons.css */
[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.bi-arrow-down::before{content:"\f128";}
.bi-arrow-left-right::before{content:"\f12b";}
.bi-arrow-up-circle-fill::before{content:"\f139";}
.bi-arrow-up::before{content:"\f148";}
.bi-bar-chart-fill::before{content:"\f17a";}
.bi-chevron-right::before{content:"\f285";}
.bi-credit-card::before{content:"\f2dc";}
.bi-droplet::before{content:"\f30d";}
.bi-gear-wide-connected::before{content:"\f3e3";}
.bi-graph-up::before{content:"\f3f2";}
.bi-heart-fill::before{content:"\f415";}
.bi-house-fill::before{content:"\f424";}
.bi-lightbulb-fill::before{content:"\f468";}
.bi-person-circle::before{content:"\f4d7";}
.bi-plus::before{content:"\f4fe";}
.bi-power::before{content:"\f4ff";}
.bi-receipt::before{content:"\f50f";}
.bi-star-fill::before{content:"\f586";}
.bi-three-dots::before{content:"\f5d4";}
.bi-wallet2::before{content:"\f615";}
/*! CSS Used from: https://www.enableds.com/products/payapp/v103/styles/style.css */
[data-bs-toggle] i{transition:all 350ms ease;}
.color-white{color:#fff!important;}
.theme-light{background-color:#efeef3;}
.theme-light .color-theme{color:#0f1117!important;}
.color-highlight{color:#4a89dc!important;}
.bg-green-dark{background-color:#8cc152!important;color:#fff!important;}
.gradient-green{border:none;background-image:linear-gradient(to bottom,#A0D468,#8CC152);}
.color-red-dark{color:#d84558!important;}
.bg-red-dark{background-color:#d84558!important;color:#fff!important;}
.gradient-red{border:none;background-image:linear-gradient(to bottom,#ED5565,#d84558);}
.bg-yellow-dark{background-color:#f6bb42!important;color:#fff!important;}
.gradient-yellow{border:none;background-image:linear-gradient(to bottom,#FFCE54,#F6BB42);}
.bg-blue-dark{background-color:#4a89dc!important;color:#fff!important;}
.gradient-blue{border:none;background-image:linear-gradient(to bottom,#5D9CEC,#4A89DC);}
.bg-magenta-dark{background-color:#967adc!important;color:#fff!important;}
.bg-brown-dark{background-color:#aa8e69!important;color:#fff!important;}
.color-white{color:#fff!important;}
#footer-bar .circle-nav-2::before,#footer-bar .circle-nav-2::after{background-image:linear-gradient(to bottom,#5D9CEC,#4A89DC)!important;}
.color-highlight{color:#4a89dc;}
.shadow-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;z-index:-1;}
.shadow-bg{background-size:cover;position:relative;z-index:10;overflow:visible!important;}
.shadow-bg-xs::after{transform:scale(.75) translateY(5px) translateZ(0px);filter:blur(8px);}
.shadow-bg-s::after{transform:scale(.8) translateY(5px) translateZ(0px);filter:blur(12px);}

.page-title{position:relative;z-index:90;padding:5px 15px 0px;}
.page-title h1{font-size:28px;margin-bottom:-3px;}
.page-title p{margin-bottom:-6px;font-size:13px;font-family:source sans pro,sans-serif;font-weight:600;}
.page-title .icon{float:left;margin-left:12px;}
.page-title img{transform:translateY(-1px);}
.dropdown-menu{background-color:transparent;border:0;}
#footer-bar{position:fixed;bottom:0;left:0;right:0;z-index:98;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,.55);box-shadow:0 -5px 5px 0 rgba(0,0,0,.04);height:65px;display:flex;text-align:center;}
#footer-bar a:not(.btn){padding-top:12px;position:relative;flex:1 1 auto;color:#1f1f1f;}
#footer-bar a:not(.btn) span{position:relative;z-index:2;display:block;font-size:10px;font-weight:500;margin-top:-3px;opacity:.7;font-family:roboto,sans-serif!important;}
#footer-bar a:not(.btn) i{margin-top:2px;display:block;font-size:18px;position:relative;z-index:2;}
#footer-bar .circle-nav-2 i{color:#fff!important;transform:translateY(-18px);font-size:20px!important;}
#footer-bar .circle-nav-2::after{position:absolute;content:"";width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-25px;border-radius:20px;z-index:-1;}
#footer-bar .circle-nav-2::before{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-5px;border-radius:20px;background:inherit;z-index:-1;transform:scale(.75) translate(-55%,-45%);filter:blur(8px);}
.footer-bar-1 span{transform:translateY(2px);}
.footer-bar-1 i{transform:translateY(-2px);}
.footer-bar-detached{border-radius:25px;left:7px!important;right:7px!important;bottom:15px!important;box-shadow:0 0 15px 0 rgba(0,0,0,.1)!important;}
#footer-bar:not(.iosTabBar){bottom:15px!important;}
.theme-light #footer-bar{background-color:rgba(255,255,255,.75);}
.theme-light #footer-bar a{color:#1f1f1f;}
.rounded-xs{border-radius:10px!important;}
.rounded-s{border-radius:15px!important;}
.rounded-m{border-radius:20px!important;}
.shadow-m{box-shadow:0 8px 24px 0 rgba(0,0,0,.08)!important;}
.font-400{font-weight:400!important;}
.opacity-20{opacity:.2!important;}
.opacity-30{opacity:.3!important;}
.opacity-40{opacity:.4!important;}
.opacity-50{opacity:.5!important;}
.opacity-70{opacity:.7!important;}
.font-9{font-size:9px!important;}
.font-11{font-size:11px!important;}
.font-13{font-size:13px!important;}
.font-16{font-size:16px!important;}
.font-18{font-size:18px!important;}
::-webkit-scrollbar{display:none;}
.list-menu-large{padding-bottom:15px;}
.list-menu-large a{border:0;line-height:31px;}
.list-menu-large a div{font-family:source sans pro,sans-serif;font-size:14px;padding-left:20px;font-weight:600;color:#000;letter-spacing:-.6px;}
.list-menu-large a i:first-child{text-align:center!important;padding:0!important;width:30px!important;height:30px!important;line-height:30px!important;border-radius:12px;font-size:13px;}
.list-menu-small{padding-bottom:15px;margin-left:-5px;}
.list-menu-small a{border:0;height:36px;}
.list-menu-small a div{font-family:source sans pro,sans-serif;font-size:14px;padding-left:10px;font-weight:600;color:#000;letter-spacing:-.6px;}
.list-menu-small a i:first-child{text-align:center;padding:0!important;width:34px!important;height:25px!important;line-height:27px!important;}
.list-menu-small a i:last-child,.list-menu-large a i:last-child{width:20px;text-align:center;}
.list-menu-large .list-group-item-active i:first-child{animation:activeAnimation 1.1s;animation-iteration-count:infinite;}
.list-menu-large .list-group-item-active i:last-child:after{content:"●";font-style:normal;position:absolute;font-size:20px;height:50px;top:1px;right:3px;line-height:26px;color:#78a943;}
.list-menu-large .list-submenu .list-group-item i:last-child:after{top:-2px;}
.list-group-item i{transition:all 350ms ease;}
.list-submenu{height:0;overflow:hidden;transition:all 350ms ease;}
.list-submenu a:first-child{padding-top:10px!important;}
.list-submenu a:last-child{padding-bottom:10px!important;}
.list-submenu a *{line-height:25px;}
.list-submenu div{padding-left:5px!important;}
.list-group *{font-family:roboto,sans-serif;}
.list-group strong{font-family:source sans pro,sans-serif;}
.list-group-s .list-group-item{padding-top:9px;padding-bottom:9px;}
.list-custom{overflow:hidden;}
.list-group i:first-child{padding-right:8px;display:inline-block;width:25px;}
.list-group i:last-child{font-size:8px;position:absolute;right:15px;transform:translateY(-50%);top:50%;}
.list-custom *:not(.list-submenu){overflow:visible!important;}
.list-custom .list-group-item{display:flex;}
.list-custom.list-group-flush .list-group-item{padding-left:0;padding-right:0;}
.list-custom .list-group-item *{align-self:center;cursor:pointer;}
.list-custom .list-group-item i,.list-custom .list-group-item div{display:block;}
.list-custom .list-group-item i:first-child:not(.has-bg){padding-right:34px;margin-right:-5px;padding-left:0;}
.list-custom .list-group-item i.has-bg{width:30px;height:30px;line-height:30px;text-align:center;padding:0;margin-right:15px;}
.list-custom .list-group-item strong{pointer-events:none;line-height:28px;display:block;font-size:15px;font-weight:700;letter-spacing:-.2px;}
.list-custom .ios-switch{z-index:97;position:relative;margin-left:auto;margin-right:-5px;transform-origin:100% 50%;}
.theme-light .list-group *{border-color:rgba(0,0,0,.07);}
.theme-light .list-custom a:hover{color:#000;opacity:1!important;}
.card{background-size:cover;background-position:center center;}
.card-style{overflow:hidden;border-radius:22px;margin:0 15px 30px;border:none;box-shadow:rgba(0,0,0,.03) 0 20px 25px -5px,rgba(0,0,0,.02) 0 10px 10px -5px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.divider{position:relative;height:1px;display:block;background-color:rgba(0,0,0,.07);margin-bottom:30px;}
.divider-margins{margin-left:15px;margin-right:15px;margin-bottom:30px;}
.icon{line-height:0;display:inline-block;text-align:center;transition:all 120ms ease;}
.icon:hover{opacity:.9;}
.icon:not(.icon-border):active{box-shadow:inset 0 0 5px rgba(0,0,0,.5)!important;}
.icon{font-family:source sans pro,sans-serif;text-transform:uppercase;font-weight:700;border-radius:12px;font-size:14px;width:45px;height:45px;line-height:45px;transform:translateY(2px);}
.icon-s{font-size:11px;height:42px;line-height:42px;width:42px;transform:translateY(0px);}
.switch-s{transform-origin:100% 50%;}
.switch-s{transform:scale(.7);}
.ios-switch input{display:none;}
.ios-switch{margin:0;padding:0;height:32px;position:relative;}
.ios-switch *{cursor:pointer!important;}
.ios-switch{width:58px;}
.ios-switch label::before{cursor:pointer;content:"";display:block!important;background-color:rgba(0,0,0,.07);pointer-events:all;margin-left:-1px;width:58px!important;height:32px!important;border-radius:50px!important;transition:all 200ms ease;}
.ios-switch label::after{cursor:pointer;position:relative;content:"";display:block!important;margin-top:-31px;z-index:2;width:30px!important;height:30px!important;transition:all 250ms ease;border-radius:50px!important;background-color:#fff;border:solid 1px rgba(152,152,152,.3);transition:all 200ms ease;}
.ios-input:checked~.custom-control-label::after{transform:translateX(26px)!important;}
.ios-input:checked~.custom-control-label::before{background-color:#4a89dc;}
.switch-green .ios-input:checked~.custom-control-label::before{background-color:#8cc152!important;}
input::placeholder,input{font-size:12px!important;}
input{border-width:1px!important;}
.offcanvas{display:none;}
.offcanvas{transition:all 300ms ease!important;}
[data-bs-toggle]:focus{outline:none!important;}
.offcanvas-start{right:auto;}
.offcanvas-start{width:auto;}
.menu-size{overflow-y:scroll;}
.menu-size::-webkit-scrollbar{display:none;}
.offcanvas-detached.offcanvas-start{left:345px;width: auto;top:10px;bottom:10px;}
.offcanvas-detached.offcanvas-start:not(.show){transform:translateX(-210%);}
.offcanvas{-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);background-color:rgba(255,255,255,.8);pointer-events:none;overflow:scroll;-webkit-overflow-scrolling:touch;z-index:9999!important;border:0!important;}
.offcanvas .list-group,.offcanvas .list-group-item{background-color:transparent!important;}
.theme-light #preloader{background-color:#fff;}
@keyframes activeAnimation{0%{transform:scale(1,1);}50%{transform:scale(1.1,1.1);}0%{transform:scale(1,1);}}
@keyframes activeAnimation{0%{transform:scale(1,1);}50%{transform:scale(1.1,1.1);}0%{transform:scale(1,1);}}





html body efewfewfwef{
    visibility: hidden;
    position: absolute;
}
.theme-light #footer-bar {
    visibility: hidden;
}
#page {
    display: initial;
}
@media (max-width: 991px){
    html body efewfewfwef{
        visibility: visible;
        position: absolute;
        display: block;
    }

    .theme-light #footer-bar {
        visibility: visible;
    }
    html body    #page {
        position: absolute;
    }
}
#menu-sidebar .offcanvas{
    pointer-events: all;
}
#menu-sidebar    img{
    border-radius: 27px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    transform: scale(1.02) translateY(-5px);
    width: 187px;
    margin-left: 21px;
    height: 94px;
}


#menu-sidebar.offcanvas {
    pointer-events: all;
}


#menu-sidebar{
    display: block;
}
.efewfewfwef .show{
    visibility: visible;
}
.efewfewfwef .hidenmenu{
    visibility: hidden;
}
.offcanvas-backdrop{

    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.menu-sidebar #fggfgd{
    transition: all 350ms ease; ;
}


.list-submenu{
    height: -webkit-fill-available;
}
.hidenlimenu{
    visibility: hidden;
    height: 0px;
}
.fewf44{
    margin-left: 170px;
    margin-top: -29px;
    z-index: 9999;
    margin-bottom: 10px;
    padding-left: 30px;
    width: 67px;

}
.list-submenu .list-group-item{
    padding-left: 25px;

}
.bi-chevron-right::before {
    content: "●";
    font-size: 20px;
    color: #d3d3d3;
}
#fggfgd .y4y5{
    border-top: 1px dashed #cfc4c1;
}
.fewf44er{
    margin-left: 270px;
    margin-top: -35px;
    z-index: 9999;
    margin-bottom: 10px;
    padding-left: 30px;
    width: 67px;
}
.li
.list-menu-large a div {
    font-weight: 500;
}


#menu-sidebar{
}
#gergeg45{
}


#sub8{
    visibility: hidden;
    margin: 0px;
    position: absolute;
    inset: 0px auto auto 0px;
    display: block;
    transform: translate(13px, 54px);
    width: 210px;
    font-size: 16px;
    height: -webkit-fill-available;
}
#sub8 strong{
    line-height: 16px;
    font-weight: 500;
}
#sub8 i.rounded-xs{
    min-width: 30px;
}

@media  screen and (min-width: 992px) {
    .float-xs-left #Layer_1 {
        visibility: hidden !important;
    }


    #header-top {
        top: 47px;
        position: fixed;
        z-index: 999;
        width: 100%;
    }
    #header .header-nav {
        margin-bottom: 92px;
    }


}
@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}

@-moz-keyframes scroll {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -moz-transform: translate(-100%, 0);
        transform: translate(-100%, 0)
    }
}


@keyframes scroll {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-100%, 0)
    }
}


.marquee {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: #1a73e8;
}

.marquee span {
    padding-top: 5px;
    color: darkblue;
    display: inline-block;
    padding-left: 100%;
    -webkit-animation: scroll 10s infinite linear;
    -moz-animation: scroll 10s infinite linear;
    animation: scroll 10s infinite linear;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff!important;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 3px;
    margin-top: 0px;
}

@media (max-width: 991px) {
    #kuponstring {
        position: fixed;
    }
}
.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}

.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
*,::after,::before{box-sizing:border-box;}
ul{margin-top:0;margin-bottom:1rem;}
a{color:#007bff;text-decoration:none;background-color:transparent;}
a:hover{color:#0056b3;text-decoration:underline;}
.list-unstyled{padding-left:0;list-style:none;}
@media print{
    *,::after,::before{text-shadow:none!important;box-shadow:none!important;}
    a:not(.btn){text-decoration:underline;}
}
.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-facebook-f:before{content:"\f39e";}
.fa-google-plus-g:before{content:"\f0d5";}
.fa-instagram:before{content:"\f16d";}
.fa-linkedin-in:before{content:"\f0e1";}
.fa-pinterest-p:before{content:"\f231";}
.fa-twitter:before{content:"\f099";}
.fab{font-family:"Font Awesome 5 Brands";}
a{text-decoration:underline;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a:focus{outline:0;color:inherit;text-decoration:none;}
a:active,a:hover{color:#3264f5;text-decoration:none;}
a{overflow-wrap:break-word;}
:focus{outline:0;}
ul{list-style-position:inside;padding:0;margin:0 0 25px;}
a,*::before,*::after{transition:ease-in-out 0.2s;-webkit-transition:ease-in-out 0.2s;-moz-transition:ease-in-out 0.2s;-ms-transition:ease-in-out 0.2s;-o-transition:ease-in-out 0.2s;}
a{color:inherit;text-decoration:none;}
.footer-social{text-align:left;}
.footer-social ul{margin:0;padding:0;}
.footer-social li{display:inline-block;}
.footer-social a{display:block;width:45px;height:45px;text-align:center;line-height:45px;border-radius:50px;font-size:17px;margin:0 10px 0 0;border:1px solid transparent;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;}
.footer-social li:nth-last-child(1) a{margin-right:0;}
.footer-social li a:hover{background-color:#fec922;color:#ffffff;}
@media screen and (max-width:767px){
    .footer-social{margin-bottom:15px;}
    .footer-social{text-align:center;}
}
/*! CSS Used keyframes */
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);}}
.margin-bottom-20 {
    margin-bottom: 60px;
}

#i2, #i2b2 {
    padding-left: 5px;
    height: 57px;
    vertical-align: middle;
}
#i1, #i2 {
    height: 57px;
    vertical-align: middle;
}

input[type="text"] {
    width: 100%;
    border: 2px solid #aaa;
    border-radius: 4px;
    margin: 8px 0;
    outline: none;
    padding: 10px;
    box-sizing: border-box;
    transition: 0.3s;
}

input[type="text"]:focus {
    border-color: dodgerBlue;
    box-shadow: 0 0 8px 0 dodgerBlue;
}

.inputWithIcon input[type="text"] {
    padding-left: 40px;
}

.inputWithIcon {
    position: relative;
    box-sizing: inherit;
    display: inline-block;
    margin-left: 23px;
}

.inputWithIcon i {
    position: absolute;
    left: 0;
    top: 13px;
    padding: 7px 8px;
    color: #aaa;
    transition: 0.3s;
}

.inputWithIcon input[type="text"]:focus + i {
    color: dodgerBlue;
}

.inputWithIcon.inputIconBg i {
    background-color: #aaa;
    color: #fff;
    padding: 9px 4px;
    border-radius: 4px 0 0 4px;
}

.inputWithIcon.inputIconBg input[type="text"]:focus + i {
    color: #fff;
    background-color: dodgerBlue;
}


#fbrhg4 {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
#fbrhg4 .banner__text {
    width: 100%;
    padding-bottom: 25px;
    font-size: 28px;
    padding-top: 0px;
    line-height: 39px;
}

#fbrhg4 .banner__buttons {
    width: 100%;
}
.banner__buttons {
    text-align: center;
}
#sliderform {
    margin-top: -50px;
}
input[type="range"] {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}
#i1, #i2, #i1b2, #i2b2 {
    font-size: 26px;
}
#i2, #i2b2 {
    color: midnightblue;
}
#phoneidtop, #phoneidtopb2 {
    font-size: 16px;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid #0d3b5c;
    padding-left: 25px;
    width: 300px;
}
#nameidtop, #nameidtopb2 {
    font-size: 16px;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid #0d3b5c;
    width: -webkit-fill-available;
    width: 300px;
    margin-left: 0px;
    padding-left: 25px;
}
.nprice-btn {
    width: 300px;
    background-color: #194a97;
    color: #fff;
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    padding: 7px;
    margin-top: -2px;
    font-size: 15px;
    margin-left: 20px;
    display: inline-block;
    position: relative;
}

#sliderform {
    margin-top: -50px;
}
.banner__text {
    float: left;
    padding: 23px 0 22px 0;

    text-align: center;
    padding: 30px 0 10px 0;
}



/* 7 */
.btn-7 {
    background: linear-gradient(0deg, rgba(255,151,0,1) 0%, rgba(251,75,2,1) 100%);
    line-height: 42px;
    padding: 0;
    border: none;
    max-height: 42px;
    margin-top: 7px;
}
.btn-7 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.btn-7:before,
.btn-7:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: rgba(251,75,2,1);
    box-shadow:
        -7px -7px 20px 0px rgba(255,255,255,.9),
        -4px -4px 5px 0px rgba(255,255,255,.9),
        7px 7px 20px 0px rgba(0,0,0,.2),
        4px 4px 5px 0px rgba(0,0,0,.3);
    transition: all 0.3s ease;
}
.btn-7:before{
    height: 0%;
    width: 2px;
}
.btn-7:after {
    width: 0%;
    height: 2px;
}
.btn-7:hover{
    color: rgba(251,75,2,1);
    background: transparent;
}
.btn-7:hover:before {
    height: 100%;
}
.btn-7:hover:after {
    width: 100%;
}
.btn-7 span:before,
.btn-7 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgba(251,75,2,1);
    box-shadow:
        -7px -7px 20px 0px rgba(255,255,255,.9),
        -4px -4px 5px 0px rgba(255,255,255,.9),
        7px 7px 20px 0px rgba(0,0,0,.2),
        4px 4px 5px 0px rgba(0,0,0,.3);
    transition: all 0.3s ease;
}
.btn-7 span:before {
    width: 2px;
    height: 0%;
}
.btn-7 span:after {
    height: 2px;
    width: 0%;
}
.btn-7 span:hover:before {
    height: 100%;
}
.btn-7 span:hover:after {
    width: 100%;
}

/* 12 */
.btn-12{
    position: relative;
    border:none;
    box-shadow: none;
    line-height: 42px;
    -webkit-perspective: 230px;
    perspective: 230px;
    float: right;
    padding-right: 150px;
}
.btn-12 span {
    background: rgb(0,172,238);
    background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
    display: block;
    position: absolute;
    width: 130px;
    height: 40px;
    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 20px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
    border-radius: 5px;
    margin:0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn-12 span:nth-child(1) {
    box-shadow:
        -7px -7px 20px 0px #fff9,
        -4px -4px 5px 0px #fff9,
        7px 7px 20px 0px #0002,
        4px 4px 5px 0px #0001;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 50% 50% -20px;
    -moz-transform-origin: 50% 50% -20px;
    transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {
    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 20px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
    box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
    7px 7px 20px 0px rgba(0,0,0,.1),
    4px 4px 5px 0px rgba(0,0,0,.1);
    color: transparent;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
}

#kalculator{
    padding-top: 60px;
}
.inputWithIcon svg{
    width: 17px;
    position: absolute;
    top: 18px;
    left: 5px;
    color: #fec922;
}
@media only screen and (max-width: 975px) {
    .inputWithIcon input[type="text"] {
        padding-left: 0px;
    }
    .inputWithIcon {
        width: unset;
        margin-left: 0px;
    }
    .inputWithIcon #phoneidtop, .inputWithIcon #nameidtop {
        margin-right: 25px;
        margin-left: 25px;
        width: 100%;
    }
    element.style {
    }
    .inputWithIcon #phoneidtop, .inputWithIcon #nameidtop {
        padding-left: 25px;
        margin-left: 0px;
    }
    .inputWithIcon {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }
    .inputWithIcon svg{
        width: 17px;
        position: absolute;
        top: 14px;
        left: 5px;
        color: #fec922;
        margin-left: 25px;
    }
    .nprice-btn {
        width: -webkit-fill-available;
        margin-left: 25px;
        margin-right: 25px;
    }
    .nprice-btn {
        width: -webkit-fill-available;
        padding-left: 25px;
        padding-right: 25px;
    }
}
.poup  div,.poup span,.poup h2,.poup a,.poup img,.poup strong,.poup i,.poup ul,.poup li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
ul{list-style:none;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-star:before{content:"\f005";}
/*! CSS Used from: Embedded */
*,*:before,*:after{box-sizing:border-box;}
.poup{background:white;width:740px;margin:50px auto;border-radius:20px;position:relative;box-shadow:-1px 15px 30px -6px #c4c4c4;}
strong{font-weight:900;}
.shoe-details-left{float:left;background:#FF0235;background:linear-gradient(#FF0237, #FF4928);width:270px;color:white;padding:30px;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.shoe-details-left .logo{width:75px;margin-bottom:55px;}
.shoe-details-left .product-title{font-size:20px;text-transform:uppercase;margin-bottom:15px;height: 34px;}
.shoe-details-left .product-description{width:200px;font-size:12px;height: 52px;}
.shoe-details-left .product-shot{margin-left: auto;
    margin-top: 2px !important;
    border-radius: 20px;height: 139px;
    width: -webkit-fill-available;}
.shoe-details-left .product-price,.shoe-details-left .product-price-details{text-align:center;}
.shoe-details-left .product-price{font-size:26px;font-weight:700;margin-bottom:10px;}
.shoe-details-right{float:left;width:470px;padding:30px;text-transform:uppercase;}
.shoe-details-right .product-title{font-size:20px;}
.shoe-details-right .label{background:#FF3F2A;color:white;border-radius:5px;padding:4px 7px;font-size:10px;vertical-align:top;margin-left:10px;}
.shoe-details-right .product-category{margin:5px 0 10px;}
.shoe-details-right .product-stars{margin-bottom:30px;}
.shoe-details-right .product-stars .gray{color:#999;}
.shoe-details-right .product-tabs{margin-bottom:20px;}
.shoe-details-right .product-tabs li{display:inline;margin-right:10px;padding:0 7px;color:#FF3F2A;}
.shoe-details-right .product-tabs li.active{padding-bottom:3px;border-bottom:3px solid #FF3F2A;}
.shoe-details-right .product-tabs li a{color:#CACACA;text-decoration:none;font-weight:700;}
.shoe-details-right .product-tabs li a:hover,.shoe-details-right .product-tabs li a:focus{color:#FF3F2A;}
.shoe-details-right .product-tabs li.active > a{color:#FF3F2A!important;}
.shoe-details-right .tab-content{text-transform:none;font-size:14px;margin-bottom:30px;}
.shoe-details-right h2{font-weight:900;margin-bottom:10px;}
.shoe-details-right .sizes{margin-bottom:20px;}
.shoe-details-right .sizes li{display:inline;font-size:14px;margin-right:40px;padding:5px;}
.shoe-details-right .sizes li.active,.shoe-details-right .sizes li:hover{background:#FF3F2A;border-radius:50%;color:white;}
.shoe-details-right .sizes li.active > a,.shoe-details-right .sizes li:hover > a{color:white;}
.shoe-details-right .sizes li a{text-decoration:none;color:black;}
.shoe-details-right .colours{margin:20px 0 60px;}
.shoe-details-right .colours li{display:inline;margin-right:30px;}
.shoe-details-right .colours li.active > a{border:1px solid #00D3EF;border-radius:100%;padding:14px 7px 3px 7px;}
.shoe-details-right .circle{border-radius:50%;width:20px;height:20px;display:inline-block;}
.shoe-details-right .blue{background:#00D3EF;}
.shoe-details-right .orange{background:#FF3F2A;}
.shoe-details-right .yellow{background:#FFD203;}
.shoe-details-right .black{background:black;}
.shoe-details-right a.btn{text-decoration:none;background:#CCC;color:white;padding:14px 20px;font-size:16px;border-radius:6px;}
.shoe-details-right a.btn:hover{background:#d9d9d9;}
.shoe-details-right a.btn-primary{background:#00D3EF;margin-right:20px;}
.shoe-details-right a.btn-primary:hover{background:#0ae2ff;}
.close-button{position:absolute;right:-20px;top:-20px;font-size:40px;color:#B8B8B8;background:white;border-radius:50%;padding:10px 10px 15px 10px;box-shadow:-1px 3px 20px -6px #c4c4c4;}
.close-button:hover{background:#fbfafa;cursor:pointer;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
/*! CSS Used keyframes */
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:none;transform:none;}}



.svgdetailstar2 {
    width: 23px;
    color: #fec922;
    margin-left: auto;
    margin-right: auto;
}
.displayPosition1 .container {
    width: max-content !important;
    padding: 0px !important;
    border-radius: 35px !important;
}

.shoe-details-left{
    padding: 30px !important;
}
.shoe-details-left .logo {

    margin-bottom: -27px !important;
}
.shoe-details-left .product-shot {
    border-radius: 20px;
    margin-left: auto;
    margin-top: 29px !important;
    margin-bottom: 53px;
}
.shoe-details-right {
    width: 600px !important;
    padding: 30px !important;
}
#sliderform #overlay.fadeIn{
    opacity: 0.5;
    visibility: visible;
}

.modal_1{
    z-index: 10;
}
#itemkalculator img{border-radius:10px;transition:1s;}
#itemkalculator img:hover{transform:scale(1.1);border-radius:30px;z-index:-1;}
#itemkalculator   .pprthrthtrh1{color:#004c9b;font-family:'Roboto',sans-serif;font-size:15px;font-weight:bold;padding-bottom:10px;margin: 0px;}
#itemkalculator p{color:#626161;font-family:'Roboto';font-size:16px;}
#pane2  #itemkalculator p{    font-size: 12px;
    margin: 0px;
    white-space: nowrap;
    line-height: 15px;
    padding-bottom: 0px;
}

p{margin:0 0 10px;}
#pane2 #itemkalculator{float:left;margin:20px;margin-left:0;width: -webkit-fill-available;width: 46%;white-space: nowrap;}

.rykmrkjtjtr .alignleft{margin:0px;}
#pane2 #itemkalculator .pprthrthtrh{color:#ff3a2b;font-size:12pt;text-decoration:underline;bottom:0px;padding-left:132px;margin-top: 10px;}
#pane2 #itemkalculator .pprthrthtrh1{color:#323f4b;font-family:Montserrat;font-size:11px;margin-bottom:0px;}
#itemkalculator p{color:#626161;font-family:'Roboto';font-size:16px;}
#pane3 td{
    -webkit-box-flex: 1;
    font-weight: 400;
    background: #f1f1f1;
    font-size: 16px;
    color: #666;
    padding: 10px;
    margin-bottom: 10px;
}
#pane3 table{
    border-spacing: 6px;
    border-collapse: separate;
    width: -webkit-fill-available;
}
#pane1{
    margin: 8px
}
.sliderworks {
    position: relative;
    top: 50%;
    left: 50%;
    display: block;
    width: 1440px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-bottom: 50px;

}

.sliderworks .slider__wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.sliderworks .slider__slides {
    position: relative;
    top: 0;
    width: max-content;
}

.sliderworks .slider__slides.shifting {
    -webkit-transition: left .2s ease-out;
    -o-transition: left .2s ease-out;
    transition: left .2s ease-out;
}

.sliderworks .slider__slide {
    width: 320px;
    background-color: red;
    text-align: left;
    cursor: pointer;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    position: relative;
    height: auto;
}

.sliderworks .control {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    z-index: 2;
    display: block;
    width: 29px;
    height: 50px;
    color: #949494;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 50px;
    font-weight: 700;
}

.sliderworks .prev {
    left: -28px;
    color: #ffdb4d !important;
}

.sliderworks .next {
    right: -44px;
    color: #ffdb4d !important;
}

.sliderworks .prev:active,
.sliderworks .next:active {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}


.sliderworks .hover_image {
    position: absolute;
    top: 0;
    left: 15px;
    right: 0;
    opacity: 0;
    width: 338px;
    height: max-content;


    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

@media only screen and (min-width: 975px) {
    .sliderworks .hover_image:hover {
        opacity: 1;
    }
}
.sliderworks .product-thumbnail{
    margin-bottom: 15px;
}
.sliderworks .laber-new{
    position: absolute;
    top: 20px;
    left: 20px;
    background: #1a73e8;
    z-index: 1;
    font-size: 14px;
    color: #fff;
    display: block;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    width: auto;
    padding: 0 8px;
    text-transform: unset;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px;
}

.sliderworks .articleSection a{
    background: #1a73e8;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.sliderworks .slider__slide{
    background-color: white;
    padding: 0 15px;
    width: 368px;
}


@media only screen and (max-width: 975px) {
    .sliderworks .slider__slide {
        background-color: white;
        padding: 0px;
        width: calc(50vw );
        margin-right: 00px;
    }
    .sliderworks {
        width: -webkit-fill-available;
        padding: 0px 10px;
    }
    .sliderworks .slider__slide .thumbnail{
        margin-right: 10px;
        padding-right: 10px;
    }
    .sliderworks .slider__wrapper .prev {
        left: 13px;
        margin-top: -143px;
        color: #ffdb4d;
    }
    .sliderworks .slider__wrapper .next {
        left: 367px;
        margin-top: -143px;
        color: #ffdb4d;
    }
    .sliderworks .prev {
        left: 0px;
        margin-top: -137px;
        color: #ffdb4d !important;
    }
    .sliderworks .next {
        right: 0px;
        color: #ffdb4d !important;
        margin-top: -137px;
    }
}
.sliderworks .slider__wrapper .slider__slides .control{
    color: #ffdb4d;
}
.left-form{
    float: right;
    min-width: 499px;
}
.tn-atom{
    color: #282828;
    font-size: 24px;
    font-weight: 100;
    line-height: 1.3;
}
#sliderform2{
    max-width: 499px;
    margin-top: 20px;
}
#Layer_1{
    width: 19px;
    position: absolute;
    margin-top: 24px;
}
.left-form #sliderform2 #phoneidtop2{
    padding-left: 25px;
    width: -webkit-fill-available;
}
#sliderform2 input{
    color: #000000;
    border: 1px solid #b8b8b8;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    border-top: 0!important;
    border-right: 0!important;
    border-left: 0!important;
    padding-left: 0px;
    border-radius: 0px;
    width: -webkit-fill-available;
}
#sliderform2 input[type=text]:focus{
    box-shadow: none;
    border: 2px solid #fec922;
}
#sliderform2 .btnform{
    margin-top: 30px;
    width: 250px;
    margin-left: 0px;
    border-radius: 0px;
    background: linear-gradient(
        0deg, rgb(41 60 68) 0%, rgb(46 63 71) 100%);
    cursor: pointer;
}
#sliderform2 .btnform:before, #sliderform2 .btnform:after {
    background: rgba(251,75,2,1);
    box-shadow: none;
    transition: all 0.3s ease;
    cursor: pointer;
    color: rgb(254 201 34);
    background: rgb(254 201 34);
}
#sliderform2 .btnform:hover {
    background: rgb(40 59 70);
    color: rgb(254 201 34);
}
#sliderform2 .btnform span:before, #sliderform2 .btnform span:after{
    background: rgb(254 201 34);
}
#confid{

    margin-top: 20px;
}
#confid span{
    font-family: TTTravels;
    color: rgb(120, 120, 120);
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    max-width: 499px;
}
#sliderform2 #confid .efef3{
    text-decoration: underline;
    display: -webkit-inline-box;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #888;
    width:-webkit-fill-available;
}

.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
@media all{
    .clearfix{clear:both;}
    a{text-decoration:none;}
    .main{width:100%;max-width:1190px;margin:0 auto;overflow:hidden;}
    .wrap{padding:0px 15px;position:relative;}
    section.box{padding:80px 0px;}
    section.light{background-color:#FBFAF6;}
    section.light.white{background-color:#FFF;}
    .w50{width:44%;padding-right:6%;}
    section.box h3{color:#343e45;font-size:36px;line-height:43px;font-weight:normal;letter-spacing:0.05em;text-transform:uppercase;padding:0px 0px 20px 0px;}
    section.box .text{padding:0px 0px 15px 17px;border-left:3px solid rgb(254 201 34);}
    section.box .text p{font-size:16px;line-height:20px;font-weight:normal;letter-spacing:0.02em;padding:15px 0px 0px 0px;}
    section.box.light .text p{color:#5A5A63;}
    a.button{display:block;margin:30px 0px 0px 0px;}
    a.button .button_in{display:table;width:100%;height:60px;}
    a.button .button_in .icon{display:table-cell;width:54px;height:54px;border:3px solid rgb(254 201 34);background-position:50% 50%;background-repeat:no-repeat;}
    a.button .button_in .icon:hover{display:table-cell;width:54px;height:54px;border:3px solid rgb(254 201 34);background-position:50% 50%;background-repeat:no-repeat;background-color:#FFF;}
    a.button .button_in .text-td{display:table-cell;height:60px;vertical-align:middle;font-size:16px;line-height:19px;font-weight:normal;letter-spacing:0.05em;padding:0px 0px 0px 20px;}
    .light a.button .button_in .text-td{color:#5A5A63;}
    a.button .button_in .icon.new{background-image:url(/img/news.svg);}
    a.button:hover  .button_in .icon.new{background-image:url(/img/news_h.svg);}
    a.button:hover .button_in .text-td{color:#1a73e8;}
    a.button:hover .button_in .icon{border:3px solid rgb(254 201 34);background-color:rgb(52 62 69);}
    .left{float:left;}
    .left{float:left;}
    .w50.left{width:47%;padding-right:0px;}
    .box.light.white .main{overflow:visible;}
    .news{padding:0px 0px 90px 0px;}
    .news .news-item{padding:80px 0px 0px 0px;width:48%;float:left;margin:0px 2% 0px 0px;}
    .news .news-item .img{width:50%;float:left;}
    .news .news-item .img img{width:100%;max-width:300px;height: 232px;}
    .news .news-item .ai-text{width:50%;float:left;}
    .news .news-item .ai-text .date{padding:0px 0px 10px 30px;color:#C6A179;font-size:14px;font-weight:normal;letter-spacing:0.02em;line-height:17px;}
    .news .news-item .ai-text h4{padding:0px 0px 0px 30px;height:60px;color:#262536;font-size:16px;font-weight:500;letter-spacing:0.05em;line-height:20px;text-transform:uppercase;overflow:hidden;}
    .news .news-item .ai-text .faq-item--content{padding:10px 0px 0px 30px;overflow:hidden;height:120px;color:#5A5A63;font-size:14px;font-weight:400;letter-spacing:0.02em;line-height:20px;}
    .news .news-item .ai-text .more{color:#343e45;font-size:14px;line-height:24px;font-weight:normal;letter-spacing:0.15em;padding:0px 0px 0px 35px;background:url(/img/right-arrow.svg) 0% 50% no-repeat;margin:0px 0px 0px 30px;}
    .news .news-item .ai-text .more:hover{color:#1a73e8;background:url(/img/right-arrow-grey.svg) 0% 50% no-repeat;}
    .news.nopad{padding:0px;}
}
@media all{
    @media (max-width: 860px){
        section.box h3{font-size:28px;line-height:33px;}
        section.box .w50{float:none;width:100%;margin-bottom:40px;padding-right:0px;}
        section.box .w50.left{float:none;width:100%;margin-bottom:40px;}
        .news .news-item{padding:80px 0px 0px 0px;width:100%;float:none;margin:0px 0% 0px 0px;}
        .news .news-item .img img {
            max-width: -webkit-fill-available;
        }
        @media (max-width: 600px){
            section.box h3{font-size:24px;line-height:28px;}
            .wrap{padding:0px 10px;}
        }
        @media (max-width: 560px){
            .news .news-item .img{width:100%;float:none;padding:0px 0px 20px 0px;}
            .news .news-item .ai-text{width:100%;float:none;}
            .news .news-item .ai-text .date,.news .news-item .ai-text h4,.news .news-item .ai-text p{padding-left:0px;height:auto;}
            .news .news-item .ai-text .more{margin-left:0px;}
            .news .news-item .ai-text p{padding-bottom:20px;}
            .news .news-item{padding:40px 0px 0px 0px;}
        }
        @media (max-width: 400px){
            section.box h3{font-size:26px;line-height:33px;}
        }
    }
}
.displayManufacture .item-inner{
    width: 16%;
    float: left;
}


.address_top,.address_top0{
    font-size: 12px !important;
    margin-top: -10px !important;
}
.address_top{
    margin-top: 0px !important;
    text-align: justify;
}

.top_input_name , .top_input_phone #phoneidtop2{
    width: 146px !important;
    border: 2px solid #aaa !important;
    border-radius: 4px !important;
    margin: 0px 6px 10px 0px !important;
    outline: none !important;
    padding: 2px !important;
    box-sizing: border-box !important;
    transition: 0.3s !important;
    padding-left: 20px !important;
}
.top_input_phone #Layer_1 {
    width: 15px !important;
    position: absolute !important;
    margin-top: 8px !important;
    margin-left: 5px;
}

.top_input_phone input, .top_input_name input{
    padding-left: 20px !important;
}

#emailidtop2, #timeidtop2{
    visibility: hidden;
    position: absolute;
}

.displayPosition5{
    padding-top: 50px;
}



#top_cal_div{
    display: flex;
}
#cal_div_qta{
    padding-top: 18px;
    white-space: nowrap;
}
.content-manufacturer_title{
    text-align: center;
    font-size: 36px;
    padding-bottom: 30px;
}
@media (max-width: 600px){

    #top_cal_div{
        display: block;
    }
}

@keyframes linear-pulse {0% {left: 60px;}
    100% {left: 180px;}}

#callbackheader{

    background-color: #fec922;
    color: #fff;
    border: 2px solid transparent;
    font-size: 12px;
    border-radius: 16px 0 24px 0;
    transition: .2s ease-in-out;
    transition-property: color,background-color,border;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    font-family: 'PF DinDisplay Pro';
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 36px;
    margin-left: 10px;
}
#btz:before {
    content: "";
    animation: linear-pulse 2s 999;
    background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.5));
    height: 40px;
    width: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: skewX(-45deg);
    pointer-events: none;
}

#callbackheader:hover {
    background: rgba(251,75,2,1);
    box-shadow: -7px -7px 20px 0px rgb(255 255 255 / 90%), -4px -4px 5px 0px rgb(255 255 255 / 90%), 7px 7px 20px 0px rgb(0 0 0 / 20%), 4px 4px 5px 0px rgb(0 0 0 / 30%);
    transition: all 0.3s ease;
}
#callbackheader:hover {
    background: #ff9800;
    cursor: pointer;
    transition: 0.5s;
}




#btz{
    padding-right: 12px;
}

@media (max-width: 767px) {
    .sviz {
        display: none;
    }
    .hidden-sm-down {
        display: block;
    }
    .contact-phone{
        display: none;
        margin-left: auto;
        margin-right: auto;
    }
    .displayFooter{
        margin-bottom: 70px;
    }
    .displayFooter .position-static {
        margin-left: 25px;
    }
}
/*  CSS  с main.blade.php */