/* Start:/local/templates/general//daichi-layout/build/css/font/font.css?16831100894167*/
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Regular.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Book.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Book.woff") format("woff");
font-weight: normal;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-UltraLight.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-UltraLight.woff") format("woff");
font-weight: 100;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Black.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Medium.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-BlackItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-BlackItalic.woff") format("woff");
font-weight: 900;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-SemiBoldItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-SemiBoldItalic.woff") format("woff");
/* font-weight: 600;*/
font-weight: bold;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Thin.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-BookItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-BookItalic.woff") format("woff");
font-weight: normal;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Light.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-SemiBold.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-SemiBold.woff") format("woff");
/*font-weight: 600; */
font-weight: bold;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-BoldItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-BoldItalic.woff") format("woff");
/* font-weight: bold; */
font-weight: 800;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Bold.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Bold.woff") format("woff");
/* font-weight: bold; */
font-weight: 800;
font-style: normal;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-MediumItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-MediumItalic.woff") format("woff");
font-weight: 500;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Italic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-ThinItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-ThinItalic.woff") format("woff");
font-weight: 100;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-UltraLightItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-UltraLightItalic.woff") format("woff");
font-weight: 100;
font-style: italic;
/* font-display: swap; */
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-LightItalic.woff2") format("woff2"),
url("/local/templates/general//daichi-layout/build/css/font/SuisseIntl-LightItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
/* font-display: swap; */
}
/* End */
/* Start:/local/templates/general//daichi-layout/build/libs/fancybox/jquery.fancybox.min.css?164078749112795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/templates/general//daichi-layout/build/libs/simplebar/simplebar.css?16407874914158*/
[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
width: auto;
max-width: 100%; /* Not required for horizontal scroll to trigger */
max-height: 100%; /* Needed for vertical scroll to trigger */
scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
content: ' ';
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
background: #ccc;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
user-select: none;
-webkit-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: #E50020;
left: 0px;
right: 0px;
opacity: 0;
transition: opacity 0.2s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
/* When hovered, remove all transitions from drag handle */
opacity: 1;
transition: opacity 0s linear;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 4px;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
top: 0;
bottom: 0;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.hs-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
/* End */
/* Start:/local/templates/general//daichi-layout/build/libs/slick/slick.css?16407874914516*/
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -24px;
height: 8px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 8px;
height: 8px;
margin: 0 4px;
padding: 0;
cursor: pointer;
vertical-align: top;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 8px;
height: 8px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 30px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
content: '';
text-align: center;
color: #d1d1d1;
background: #d1d1d1;
box-shadow: inset 0 0 0 2px #d1d1d1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 100%;
}
.slick-dots li.slick-active button:before
{
color: #2858FF;
background: #2858FF;
box-shadow: inset 0 0 0 2px #2858FF;
}
/* End */
/* Start:/local/templates/general//daichi-layout/build/libs/daterange/daterangepicker.css?16407874917659*/
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
}
/* Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .ranges, .daterangepicker .drp-calendar {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}
/* End */
/* Start:/local/templates/general//daichi-layout/build/libs/jqui/jquery-ui.css?164078749112414*/
/*! jQuery UI - v1.12.1 - 2020-08-17
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-datepicker.ui-widget.ui-widget-content,
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
border: 1px solid #F3F3F3;
box-shadow: 0px 20px 17px rgba(0, 0, 0, 0.09), 0px 2px 0px #E50020;
z-index: 11 !important;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
/*.ui-datepicker .ui-datepicker-prev-hover,*/
/*.ui-datepicker .ui-datepicker-next-hover {*/
/* top: 1px;*/
/*}*/
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
/*.ui-datepicker .ui-datepicker-prev-hover {*/
/* left: 1px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-next-hover {*/
/* right: 1px;*/
/*}*/
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%2012%22%3E%3Cdefs/%3E%3Cpath%20stroke%3D%22%23E50020%22%20stroke-width%3D%222%22%20d%3D%22M1%201l5%205-5%205%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: center;
}
.ui-datepicker .ui-datepicker-prev span {
transform: rotate(180deg);
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #444;
}
.ui-widget-content a {
color: #444;
}
.ui-widget-header {
border: 1px solid #fff;
background: #fff;
color: #444;
font-weight: bold;
}
.ui-widget-header a {
color: #444;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #fff;
background: #fff;
font-weight: normal;
color: #444444;
text-align: center;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #444444;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #F3F3F3;
background: #F3F3F3;
font-weight: normal;
color: #444;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #444;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #E50020;
background: #fff;
font-weight: normal;
color: #E50020;;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #F3F3F3;
background: #fff;
color: #444;
opacity: .8;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("/local/templates/general//daichi-layout/build/libs/jqui/images/ui-icons_777777_256x240.png");
}
/* positioning */
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 0;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/* End */
/* Start:/local/templates/general//daichi-layout/build/libs/select2/css/select2.min.css?164078749116264*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* End */
/* Start:/local/templates/general//daichi-layout/build/css/template_styles.css?1752475641343535*/
html,
body {
height: 100%;
}
body {
padding: 0;
margin: 0 auto;
min-width: 320px;
position: relative;
font: normal 14px "SuisseIntl", Arial, serif;
line-height: 1.5;
color: #1A1A1A;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 1024px) {
body {
padding-top: 60px;
}
body.is--phenix {
padding-top: 0;
}
}
div,
span,
em,
b,
strong,
applet,
object,
iframe,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
font-family: "SuisseIntl", Arial, serif;
}
h1,
.h1 {
margin: 0 0 39px 0;
padding: 0;
font-size: 32px;
text-align: left;
font-weight: 500;
color: #1A1A1A;
line-height: 1.1;
}
h2,
.h2 {
margin: 0 0 20px 0;
padding: 0;
font-size: 24px;
font-weight: 500;
color: #1A1A1A;
line-height: 1.3;
}
h3,
.h3 {
margin: 0 0 15px 0;
padding: 0;
font-size: 18px;
font-weight: 500;
color: #1A1A1A;
}
h4,
h5,
h6 {
margin: 0 0 15px 0;
padding: 0;
font-size: 16px;
font-weight: 500;
color: #1A1A1A;
}
@media only screen and (max-width: 760px) {
h1,
.h1 {
margin-bottom: 20px;
font-size: 20px;
line-height: 1.3;
}
h2,
.h2 {
margin-bottom: 20px;
font-size: 18px;
line-height: 1.3;
}
}
.section-main_dev h1,
.section-main_dev h2,
.section-main_dev h3 {
margin-top: 60px;
}
.section-main_dev h1:first-child,
.section-main_dev h2:first-child,
.section-main_dev h3:first-child {
margin-top: 0;
}
p {
margin: 0 0 18px 0;
padding: 0;
}
a,
.link,
.is--link {
color: #2858FF;
text-decoration: none;
-webkit-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
@media (hover: hover) {
a:hover,
.link:hover,
.is--link:hover {
color: #113EE0;
text-decoration: none;
}
}
a:focus,
.link:focus,
.is--link:focus {
outline: none;
}
.is--link {
cursor: pointer;
}
.editable a {
color: #2858FF;
text-decoration: none;
}
.editable a:visited {
color: #2858FF;
}
@media (hover: hover) {
.editable a:hover {
color: #008CFF;
text-decoration: underline;
}
}
.editable a:active {
color: #b0d3fd;
text-decoration: underline;
}
.link_dashed {
text-decoration: none;
border-bottom: 1px dashed #2858FF;
}
@media (hover: hover) {
.link_dashed:hover {
text-decoration: none;
border-bottom-color: transparent;
}
}
a[href*="wa.me"],
a[href^="mailto:"],
a[href^="tel:"],
.phone-number {
color: inherit;
text-decoration: none;
}
@media (hover: hover) {
a[href*="wa.me"]:hover,
a[href^="mailto:"]:hover,
a[href^="tel:"]:hover,
.phone-number:hover {
text-decoration: none;
color: #113EE0;
}
}
strong,
b {
font-weight: bold;
}
img {
margin: 0;
padding: 0;
max-width: 100%;
vertical-align: middle;
border: none;
}
table {
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
}
table tr {
margin: 0;
padding: 0;
}
table tr td {
margin: 0;
padding: 0;
vertical-align: top;
}
ul,
li,
ol {
margin: 0;
padding: 0;
list-style: none;
}
.section-main ul:not([class]),
ul.list {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.section-main ul:not([class]) > li,
ul.list > li {
margin: 0 0 10px 0;
padding: 0 0 0 23px;
position: relative;
line-height: 1.7;
}
.section-main ul:not([class]) > li:after,
ul.list > li:after {
content: '';
width: 7px;
height: 7px;
display: block;
position: absolute;
top: 0.7em;
left: 4px;
background: transparent;
border: 2px solid #2858FF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 7px;
}
.section-main ul:not([class]) > li:last-child,
ul.list > li:last-child {
margin-bottom: 0;
}
.section-main ul:not([class]) > li ol,
ul.list > li ol {
margin: 12px 0 0px 7px;
padding: 0;
}
.section-main ul:not([class]) > li ul,
ul.list > li ul {
margin: 12px 0 0px 7px;
padding: 0;
}
.section-main ul:not([class]) > li ul > li,
ul.list > li ul > li {
margin: 0 0 12px 0;
padding: 0 0 0 22px;
}
.section-main ul:not([class]) > li ul > li:after,
ul.list > li ul > li:after {
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 0.6em;
left: 0;
background: #fff;
border: 1px solid #1A1A1A;
border-radius: 100%;
}
.section-main ul:not([class]) > li ul > li:last-child,
ul.list > li ul > li:last-child {
margin-bottom: 0;
}
.section-main ol:not([class]),
ol.list {
margin: 0 0 30px 0;
padding: 0;
list-style: none;
overflow: hidden;
counter-reset: list;
}
.section-main ol:not([class]) > li,
ol.list > li {
margin: 0 0 12px 0;
padding: 0 0 0 22px;
position: relative;
}
.section-main ol:not([class]) > li:last-child,
ol.list > li:last-child {
margin-bottom: 0;
}
.section-main ol:not([class]) > li ul,
ol.list > li ul {
margin: 12px 0 0px 7px;
padding: 0;
}
.section-main ol:not([class]) > li ol,
ol.list > li ol {
margin: 12px 0 0px 7px;
padding: 0;
counter-reset: sublist;
}
.section-main ol:not([class]) > li ol > li,
ol.list > li ol > li {
margin: 0 0 12px 0;
padding: 0 0 0 22px;
}
.section-main ol:not([class]) > li ol > li:before,
ol.list > li ol > li:before {
counter-increment: sublist;
content: counters(sublist, '');
}
.section-main ol:not([class]) > li ol > li:last-child,
ol.list > li ol > li:last-child {
margin-bottom: 0;
}
.section-main ol:not([class]) > li:before,
ol.list > li:before {
counter-increment: list;
content: counters(list, '');
width: 18px;
position: absolute;
font-size: 16px;
top: 0px;
left: 0;
font-weight: bold;
color: #2858FF;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ol.list_big-num > li {
padding: 0 0 0 38px;
}
ol.list_big-num > li:before {
width: 26px;
font-size: 24px;
top: -6px;
left: 0;
}
blockquote,
.blockquote {
margin: 30px 0;
padding: 0 0 0 28px;
font-family: "SuisseIntl", Arial, serif;
font-weight: bold;
font-size: 16px;
color: #1A1A1A;
border-left: 2px solid #FC4242;
overflow: hidden;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
.section-main img[align="left"] {
margin: 0 15px 5px 0;
float: left;
}
.section-main img[align="right"] {
margin: 0 15px 5px 0;
float: right;
}
.img_left {
margin: 0 15px 5px 0;
float: left;
}
.img_right {
margin: 0 0 5px 15px;
float: right;
}
.t-center {
text-align: center;
}
.t-left {
text-align: left;
}
.t-right {
text-align: right;
}
.f-left {
float: left ;
}
.f-right {
float: right ;
}
.f-none {
float: none ;
}
.sof-req,
.req {
color: red;
}
.is-show {
display: block;
}
.is-hidden {
display: none;
}
@media only screen and (max-width: 780px) {
.is-hidden-mobile {
display: none;
}
}
.adventage-values {
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px;
}
@media only screen and (max-width: 1024px) {
.adventage-values {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -50px;
}
}
@media only screen and (max-width: 767px) {
.adventage-values {
margin-bottom: -35px;
}
}
.adventage-values li {
text-align: center;
}
@media only screen and (max-width: 1024px) {
.adventage-values li {
margin-bottom: 48px;
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.adventage-values li {
margin-bottom: 24px;
width: 100%;
}
.adventage-values li:last-child {
margin-bottom: 0;
}
}
.adventage-values b {
margin-bottom: 10px;
display: block;
color: #2858FF;
font-size: 64px;
font-weight: normal;
line-height: 64px;
}
@media only screen and (max-width: 767px) {
.adventage-values b {
font-size: 32px;
line-height: 32px;
}
}
.wrap-timeline-yaer {
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.wrap-timeline-yaer:after {
content: '';
width: 100%;
height: 4px;
position: absolute;
left: 0;
bottom: 10px;
background: #D1D8E1;
border-radius: 4px;
}
}
.timeline-yaer-body {
width: 100%;
}
.timeline-yaer {
margin-top: 45px;
margin-bottom: 48px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 2;
}
@media only screen and (max-width: 1024px) {
.timeline-yaer {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
padding-bottom: 10px;
white-space: nowrap;
}
}
@media only screen and (max-width: 767px) {
.timeline-yaer {
margin-top: 20px;
margin-bottom: 16px;
}
}
.timeline-yaer:after {
content: '';
width: 100%;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
background: #D1D8E1;
border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.timeline-yaer:after {
width: 200px;
bottom: 10px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.timeline-yaer a {
position: relative;
}
.timeline-yaer-item {
margin: 0;
padding-bottom: 30px;
width: 47px;
position: relative;
font-size: 18px;
color: #94A0B1;
text-decoration: none;
text-align: center;
}
@media only screen and (max-width: 767px) {
.timeline-yaer-item {
margin-right: 25px;
}
}
@media (hover: hover) {
.timeline-yaer-item:hover {
color: #2858FF;
text-decoration: none;
}
}
.timeline-yaer-item_act {
color: #2858FF;
}
.timeline-yaer-item_act:before {
content: '';
width: 100%;
height: 4px;
position: absolute;
top: calc(100% - 4px);
left: 0;
background: #2858FF;
z-index: 1;
}
.timeline-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.timeline-slider-item {
padding-right: 20px;
color: #94A0B1;
}
.timeline-slider-item.slick-current {
color: #1A1A1A;
}
.timeline-slider-item__title {
margin-bottom: 24px;
font-size: 24px;
}
@media only screen and (max-width: 767px) {
.timeline-slider-item__title {
margin-bottom: 8px;
font-size: 20px;
}
}
.timeline-slider-item__cont {
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.timeline-slider-item__cont {
font-size: 14px;
}
}
.wrap-action-slider {
margin-bottom: 36px;
position: relative;
border-radius: 5px;
overflow: hidden;
}
.wrap-action-slider:last-child {
margin-bottom: 0;
}
.action-slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.action-slider.slick-dotted.slick-slider {
margin-bottom: 0;
}
.action-slider .action-slider-item {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%;
height: 260px;
}
@media only screen and (max-width: 687px ) {
.action-slider .action-slider-item {
height: 380px;
}
}
.action-slider .action-slider-item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.action-slider.slick-initialized {
display: block;
overflow: visible;
}
.action-slider .slick-dots {
width: auto;
right: 27px;
bottom: 36px;
}
.action-slider .slick-list,
.action-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.action-slider .slick-track {
margin-left: 0;
margin-right: 0;
}
.article-detail {
margin-bottom: 80px;
max-width: 780px;
}
.article-detail-img {
margin: 0 auto 36px auto;
display: block;
}
.article-detail-date {
margin-bottom: 36px;
display: block;
line-height: 1.2;
color: #94A0B1;
}
.article-detail-pager {
margin-top: 36px;
margin-bottom: 36px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
color: #94A0B1;
}
.article-detail-pager__next {
margin-right: 10px;
padding-left: 16px;
position: relative;
}
.article-detail-pager__next .ico-arrow-more {
left: 0;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.article-detail-pager__prev {
margin-left: 10px;
padding-right: 16px;
position: relative;
}
.article-detail-pager__prev:first-child {
margin-left: 0;
}
.article-detail-pager__prev .ico-arrow-more {
right: 0;
}
.article-detail-pager .ico-arrow-more {
position: absolute;
top: 5px;
}
.action-detail-pane {
margin-bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
background: #F4F4F8;
overflow: hidden;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.action-detail-pane {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.action-detail-pane ul {
margin: 0 0 12px 0;
}
.action-detail-pane__date {
padding: 15px 18px;
position: absolute;
top: 24px;
left: 24px;
font-size: 16px;
font-weight: 500;
line-height: 1;
background: #fff;
border-radius: 5px;
z-index: 1;
}
.action-detail-pane__img {
min-height: 373px;
width: 49%;
position: relative;
}
@media only screen and (max-width: 767px) {
.action-detail-pane__img {
min-height: 260px;
width: 100%;
}
}
.action-detail-pane__img img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: left;
object-position: left;
}
.action-detail-pane__body {
padding: 33px 24px 38px 24px;
width: 51%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 767px) {
.action-detail-pane__body {
width: 100%;
}
}
.action-detail-pane .article-detail-tag {
margin-top: auto;
}
@media only screen and (max-width: 1100px) {
.article-detail-img {
margin-left: 0;
margin-bottom: 20px;
float: none;
}
}
.wrap-article-grid {
margin-bottom: 44px;
}
.article-grid {
margin: 0 -12px 0 -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article-grid__col {
padding: 0 12px;
margin-bottom: 24px;
width: 25%;
}
.article-grid__col-wide {
width: 50%;
}
.article-grid__col_33 {
width: 33.3%;
max-width: calc(460px + 24px);
}
.article-grid__col_33 .article-grid-item__img {
padding-bottom: 37%;
}
@media only screen and (max-width: 767px) {
.article-grid__col_33 .article-grid-item__img {
padding-bottom: 71%;
}
}
@media only screen and (max-width: 1100px) {
.article-grid__col_33 {
width: 100%;
max-width: calc(290px + 24px);
}
}
@media only screen and (max-width: 1024px) {
.article-grid__col_33 {
width: 100%;
max-width: calc(250px + 24px);
}
}
@media only screen and (max-width: 767px) {
.article-grid__col_33 {
width: 100%;
max-width: calc(250px + 8px);
}
}
.article-grid__col .article-grid-item {
height: 100%;
}
@media only screen and (max-width: 1024px) {
.article-grid__col {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.article-grid__col {
width: 100%;
margin-bottom: 16px;
}
}
.article-grid .article-grid__col {
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.article-grid .article-grid__col {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 1024px) {
.js--mob-article-grid {
margin: 0 -40px 0 -12px;
padding: 0;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.js--mob-article-grid {
margin: 0 -18px 0 -4px;
padding: 0;
}
}
.js--mob-article-grid .slick-track {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.js--mob-article-grid.article-grid {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
}
@media only screen and (max-width: 1024px) {
.js--mob-article-grid.article-grid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media only screen and (max-width: 1024px) {
.js--mob-article-grid.article-grid .article-grid-item__img {
padding-bottom: 68%;
}
}
@media only screen and (max-width: 1024px) {
.js--mob-article-grid.article-grid .article-grid__col {
height: 100%;
}
}
@media only screen and (max-width: 767px) {
.js--mob-article-grid.article-grid .article-grid__col {
padding: 0 4px;
}
}
.index-section .article-grid .article-grid__col {
margin-bottom: 0;
}
.article-grid-item {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #F4F4F8;
border-radius: 5px;
}
.article-grid-item__badge {
position: absolute;
top: 12px;
left: 12px;
overflow: hidden;
z-index: 2;
}
.article-grid-item-badge {
margin-right: 5px;
padding: 5px 10px;
display: inline-block;
text-transform: lowercase;
font-size: 15px;
line-height: 16px;
color: #fff;
border-radius: 26px;
background: rgba(0, 0, 0, 0.4);
}
.article-grid-item-badge_blue {
background-color: #2858FF;
}
.article-grid-item_wide .article-grid-item__img {
padding-bottom: 33.2%;
}
.article-grid-item__img {
padding-bottom: 68%;
margin-bottom: 0;
display: block;
position: relative;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.article-grid-item__img img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.article-grid-item__body {
padding: 24px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.article-grid-item__title {
margin: 0 0 10px 0;
display: block;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.article-grid-item__title a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.article-grid-item__title a:hover {
color: #113EE0;
text-decoration: none;
}
}
.article-grid-item__date {
margin-bottom: 8px;
color: #94A0B1;
font-size: 12px;
}
.article-grid-item__text {
margin-bottom: 12px;
}
.article-grid-item__text p:last-child {
margin-bottom: 0;
}
.article-grid-item__more {
padding-right: 16px;
margin-top: auto;
-ms-flex-item-align: start;
align-self: flex-start;
position: relative;
font-size: 15px;
}
.ico-article-grid-more {
width: 6px;
height: 10px;
position: absolute;
top: 6px;
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.article-detail-tag {
color: #94A0B1;
}
.article-detail-tag__title {
margin-bottom: 12px;
display: block;
font-size: 12px;
}
.article-detail-tag__link {
color: #94A0B1;
text-decoration: none;
}
@media (hover: hover) {
.article-detail-tag__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.article-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.article-list-item {
padding: 13px;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: 1px solid #EDEDED;
border-bottom: 2px solid #2858FF;
}
@media (hover: hover) {
.article-list-item:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.15);
-ms-transform: translate(-50%, -50%) scale(1.15);
transform: translate(-50%, -50%) scale(1.15);
}
}
.article-list-img {
margin-bottom: 11px;
padding: 0 0 70% 0;
width: 100%;
position: relative;
overflow: hidden;
}
.article-list-img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
-o-transition: transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
}
.article-list__badge {
padding: 5px 10px;
position: absolute;
top: 50%;
right: 0;
font-size: 15px;
line-height: 1;
color: #fff;
background: #2858FF;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.article-list__date {
margin-bottom: 15px;
position: relative;
display: block;
font-size: 12px;
}
.article-list__title {
margin-bottom: 20px;
display: block;
font-size: 18px;
line-height: 1.2;
}
.article-list__title a {
color: #1A1A1A;
}
@media (hover: hover) {
.article-list__title a:hover {
color: #2858FF;
}
}
.article-list__text {
margin-top: auto;
margin-bottom: 10px;
display: block;
}
.ico-article-list-more {
margin-right: 10px;
width: 7px;
height: 14px;
display: inline-block;
vertical-align: middle;
}
.ico-article-list-more svg {
stroke: #2858FF;
}
.promo-catalog-item {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (hover: hover) {
.promo-catalog-item:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.15);
-ms-transform: translate(-50%, -50%) scale(1.15);
transform: translate(-50%, -50%) scale(1.15);
}
}
.promo-catalog-item__img {
margin-bottom: 20px;
padding: 0 0 132% 0;
display: block;
position: relative;
overflow: hidden;
}
.promo-catalog-item__img img {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 300ms;
transition: -webkit-transform 300ms;
-o-transition: transform 300ms;
transition: transform 300ms;
transition: transform 300ms, -webkit-transform 300ms;
}
.promo-catalog-item__date {
margin-bottom: 10px;
display: block;
font-size: 12px;
line-height: 1;
}
.promo-catalog-item__title {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
display: block;
}
.promo-catalog-item__title a {
color: #1A1A1A;
}
@media (hover: hover) {
.promo-catalog-item__title a:hover {
color: #2858FF;
}
}
.promo-catalog-item__size {
margin-top: auto;
display: block;
font-size: 12px;
color: #A1A1A1;
line-height: 1;
}
.wrap-article-slider {
margin-bottom: 80px;
position: relative;
}
.wrap-article-slider:last-child {
margin-bottom: 0;
}
.article-slider__h2 {
margin-bottom: 28px;
font-size: 32px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.article-slider__h2 {
margin-bottom: 24px;
font-size: 20px;
}
}
.article-slider__h2 a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.article-slider__h2 a:hover {
color: #113EE0;
text-decoration: none;
}
}
.article-tiles-slider,
.article-slider {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.article-tiles-slider .article-slider-item,
.article-slider .article-slider-item {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.article-tiles-slider.slick-initialized,
.article-slider.slick-initialized {
display: block;
overflow: visible;
}
.article-tiles-slider .slick-list,
.article-slider .slick-list,
.article-tiles-slider .slick-track,
.article-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.article-tiles-slider .slick-track,
.article-slider .slick-track {
margin-left: 0;
margin-right: 0;
}
.article-tiles-slider-arrow,
.article-slider-arrow {
width: 80px;
position: absolute;
top: 23px;
right: 0;
}
.article-tiles-slider-arrow-prev,
.article-slider-arrow-prev,
.article-tiles-slider-arrow-next,
.article-slider-arrow-next {
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
color: #1A1A1A;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
}
.article-tiles-slider-arrow-prev[aria-disabled=true],
.article-slider-arrow-prev[aria-disabled=true],
.article-tiles-slider-arrow-next[aria-disabled=true],
.article-slider-arrow-next[aria-disabled=true] {
color: #D1D8E1;
}
.article-tiles-slider-arrow-prev .ico-svg,
.article-slider-arrow-prev .ico-svg,
.article-tiles-slider-arrow-next .ico-svg,
.article-slider-arrow-next .ico-svg {
width: 20px;
height: 14px;
vertical-align: top;
}
@media (hover: hover) {
.article-tiles-slider-arrow-prev:hover .ico-svg,
.article-slider-arrow-prev:hover .ico-svg,
.article-tiles-slider-arrow-next:hover .ico-svg,
.article-slider-arrow-next:hover .ico-svg {
stroke: #2858FF;
}
}
.article-tiles-slider-arrow-prev,
.article-slider-arrow-prev {
left: 0;
}
.article-tiles-slider-arrow-prev .ico-svg,
.article-slider-arrow-prev .ico-svg {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.article-tiles-slider-arrow-next,
.article-slider-arrow-next {
right: 0;
}
.article-tiles-slider {
margin: 0 -4px;
}
.article-tiles-slider-item {
margin: 0 4px;
}
.article-slider {
margin: 0 -12px;
padding: 0 12px;
}
@media only screen and (max-width: 1024px) {
.article-slider {
margin: 0 -40px 0 -12px;
padding: 0 0 0 12px;
}
}
@media only screen and (max-width: 767px) {
.article-slider {
margin: 0 -18px 0 -8px;
padding: 0 0 0 8px;
}
}
.article-slider-item {
margin: 0 12px;
}
@media only screen and (max-width: 767px) {
.article-slider-item {
margin: 0 4px;
}
}
.article-slider__h2-more {
display: none;
}
@media only screen and (max-width: 767px) {
.article-slider__h2-more {
display: block;
}
}
.wrap-article-slider__h2 {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wrap-article-slider__h2 .article-slider__h2 {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.wrap-article-slider__h2 {
margin-bottom: 24px;
}
}
.article-slider-item {
max-width: 322px;
min-width: 250px;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.article-slider-item {
max-width: 290px;
}
}
@media only screen and (max-width: 1024px) {
.article-slider-item {
max-width: 250px;
}
}
@media only screen and (max-width: 767px) {
.article-slider-item {
max-width: 250px;
}
}
@media only screen and (max-width: 767px) {
.article-slider-arrow {
display: none;
}
}
.article-tags {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.article-tags-item {
margin-right: 8px;
margin-bottom: 8px;
line-height: 1;
display: block;
}
.article-tags-item_act .article-tags-item__link {
background: #2858FF;
color: #fff;
}
.article-tags-item__link {
padding: 9px 18px;
display: block;
background: #F4F4F8;
color: #94A0B1;
text-decoration: none;
border-radius: 2px;
}
@media (hover: hover) {
.article-tags-item__link:hover {
background: #2858FF;
color: #fff;
}
}
.article-tiles-item {
min-width: 170px;
height: 179px;
display: block;
position: relative;
border-radius: 5px;
background-size: cover;
text-decoration: none;
overflow: hidden;
}
@media (hover: hover) {
.article-tiles-item:hover:before {
background-color: rgba(0, 0, 0, 0.6);
}
}
.article-tiles-item:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: background-color 300ms ease;
-o-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.article-tiles-item__badge {
position: absolute;
right: 13px;
top: 13px;
left: 13px;
border-radius: 10px;
overflow: hidden;
z-index: 2;
}
.article-tiles-item__title {
position: absolute;
right: 13px;
bottom: 13px;
left: 13px;
font-size: 12px;
font-weight: 500;
color: #fff;
z-index: 2;
}
.article-tiles-badge {
margin-right: 5px;
padding: 7px 15px;
display: inline-block;
font-weight: 600;
border-radius: 26px;
font-size: 12px;
line-height: 1;
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
}
.article-tiles-badge_blue {
background-color: #2858FF;
}
.cart-final__text {
max-width: 560px;
margin-bottom: 36px;
font-size: 15px;
line-height: 1.5;
}
.cart-final__footer .btn {
margin-right: 24px;
margin-bottom: 14px;
}
.cart-list-item {
padding: 16px 0;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.cart-list-item {
margin-bottom: 8px;
padding: 18px;
position: relative;
background: #F4F4F8;
border-bottom: none;
border-radius: 5px;
}
}
.cart-list-item:last-child {
border-bottom: none;
}
.cart-list-item__head {
font-size: 12px;
font-weight: normal;
color: #94A0B1;
vertical-align: top;
border-bottom: none;
}
.cart-list-item__head:first-child {
padding-left: 0;
}
.cart-list-item__head .cart-list-item__img {
background-color: transparent;
}
.cart-list-item__head .cart-list-item__index,
.cart-list-item__head .cart-list-item__title {
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.cart-list-item__head {
display: none;
}
}
.cart-list-item__body {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.cart-list-item__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.cart-list-item__msg {
padding-top: 20px;
color: #94A0B1;
}
@media only screen and (max-width: 767px) {
.cart-list-item__msg {
padding-top: 0;
}
}
.cart-list-item__index {
padding-right: 24px;
width: 49px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 16px;
color: #94A0B1;
}
@media only screen and (max-width: 1024px) {
.cart-list-item__index {
padding-right: 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-list-item__index {
display: none;
}
}
.cart-list-item__img {
margin-right: 24px;
width: 75px;
border-radius: 5px;
overflow: hidden;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: #fff;
}
@media only screen and (max-width: 1024px) {
.cart-list-item__img {
margin-right: 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-list-item__img {
margin-bottom: 16px;
}
}
.cart-list-item__title {
padding-right: 34px;
width: 100%;
min-width: 170px;
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.cart-list-item__title {
padding-right: 0;
margin-bottom: 16px;
}
}
.cart-list-item__title a {
color: #1A1A1A;
}
@media (hover: hover) {
.cart-list-item__title a:hover {
color: #113EE0;
}
}
.cart-list-item__stock {
width: 23%;
min-width: 110px;
}
@media only screen and (max-width: 767px) {
.cart-list-item__stock {
width: 100%;
margin-bottom: 16px;
}
}
.cart-list-item__price {
padding-right: 24px;
width: 144px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
text-align: right;
}
@media only screen and (max-width: 1024px) {
.cart-list-item__price {
padding-right: 16px;
width: 115px;
}
}
@media only screen and (max-width: 767px) {
.cart-list-item__price {
margin-bottom: 16px;
padding-right: 0;
width: 100%;
text-align: left;
}
}
.cart-list-item__amount {
padding-right: 24px;
width: 120px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 1024px) {
.cart-list-item__amount {
padding-right: 16px;
}
}
@media only screen and (max-width: 767px) {
.cart-list-item__amount {
margin-bottom: 16px;
padding-right: 0;
width: 100%;
}
}
.cart-list-item__toolbar {
width: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.cart-list-item__toolbar a {
margin-left: 22px;
}
.cart-list-item__toolbar a:first-child {
margin-left: 0;
}
@media only screen and (max-width: 767px) {
.cart-list-item__toolbar {
position: absolute;
top: 16px;
right: 16px;
}
}
.cart-list-item__msg {
width: 100%;
}
.cart-list-item__msg .is--mark {
color: #FC4242;
}
.cart-list-item__delete {
width: 19px;
height: 19px;
display: inline-block;
}
.cart-list-item__favorite {
width: 19px;
height: 20px;
display: inline-block;
}
.cart-list-item__favorite .ico-svg {
fill: transparent;
}
.cart-list-item__delete,
.cart-list-item__favorite {
color: #94A0B1;
}
@media (hover: hover) {
.cart-list-item__delete:hover,
.cart-list-item__favorite:hover {
color: #113EE0;
}
}
.cart-stock {
color: #1A1A1A;
}
@media only screen and (max-width: 767px) {
.cart-stock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cart-stock__item {
margin-right: 20px;
display: inline-block;
}
.cart-stock__item:last-child {
margin-right: 0;
}
.cart-stock__item_status {
min-width: 190px;
}
.cart-stock__item_status .badge-status {
width: 100%;
}
@media only screen and (max-width: 767px) {
.cart-stock__item {
margin-top: 16px;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart-stock__item:first-child {
margin-top: 0;
}
}
.ico-cart-stock {
margin-right: 12px;
width: 24px;
height: 20px;
display: inline-block;
color: #94A0B1;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.badge-status {
min-width: 190px;
}
.cart-page {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.cart-page-aside {
margin-left: 24px;
margin-bottom: 0px;
width: 32%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 1024px) {
.cart-page-aside {
width: 100%;
}
}
.cart-page-main {
margin-bottom: 30px;
width: calc(68% - 24px);
}
.cart-page__clear {
margin-bottom: 24px;
}
.panel .cart-page__clear {
margin-top: 24px;
margin-bottom: 0;
}
.cart-page-h {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-page-h h1 {
margin-bottom: 0;
line-height: 1;
}
.cart-pane-h2 {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-pane-h2 h2,
.cart-pane-h2 h2.h-red {
margin-bottom: 0;
font-weight: normal;
}
.checkout-select-addres-new-footer {
margin-bottom: 40px;
font-size: 16px;
}
.checkout-select-addres-new-footer a {
margin-right: 80px;
}
.checkout-select-addres-new-footer a:last-child {
margin-right: 0;
}
@media only screen and (max-width: 1024px) {
.cart-page {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cart-page-main {
width: 100%;
}
.cart-page-aside {
margin-left: 0;
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media only screen and (max-width: 767px) {
.cart-page-aside {
margin-left: 0;
width: 100%;
max-width: none;
}
.cart-pane-h2 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cart-pane-h2 h2,
.cart-pane-h2 h2.h-red {
margin-bottom: 14px;
}
}
.cart-empty-pane {
margin-bottom: 36px;
}
.cart-section-list__col {
margin-bottom: 15px;
}
.cart-section-h {
margin-bottom: 17px;
position: relative;
font-size: 20px;
font-weight: 500;
}
.cart-section-body {
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.cart-section-body [class*="form-col"]:last-child {
margin-bottom: 0;
}
}
.checkout-select-addres .field {
max-width: 470px;
width: 100%;
}
.checkout-storage-active {
font-size: 15px;
}
@media only screen and (max-width: 767px) {
.checkout-storage-active {
margin-top: 16px;
}
}
.checkout-select-addres-new {
margin-top: 44px;
}
.checkout-select-addres-toggle {
display: none;
}
.checkout-select-addres-tooltip {
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #A1A1A1;
}
.checkout-select-addres-tooltip a {
color: #A1A1A1;
text-decoration: underline;
}
@media (hover: hover) {
.checkout-select-addres-tooltip a:hover {
text-decoration: none;
}
}
.checkout-pick-date {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.checkout-pick-date .field {
width: 160px;
margin-right: 20px;
margin-bottom: 0;
}
.checkout-pick-date .field-tips_error {
white-space: nowrap;
}
.checkout-pick-date a {
margin-right: 20px;
}
.cart-summary {
padding: 28px;
margin-bottom: 0;
position: -webkit-sticky;
position: sticky;
top: 105px;
background: #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.cart-summary {
padding: 18px;
}
}
.cart-summary__h {
margin-bottom: 12px;
font-size: 24px;
font-weight: 500;
}
.cart-summary .btn {
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
.cart-summary__title {
margin-bottom: 15px;
font-weight: 500;
font-size: 18px;
line-height: 1.4;
}
.cart-summary-list {
margin-bottom: 25px;
}
.cart-summary-list li {
margin-bottom: 10px;
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
border-bottom: 1px dashed #D1D8E1;
}
.cart-summary-list span {
padding-right: 10px;
padding-bottom: 2px;
margin-bottom: -2px;
color: #94A0B1;
background: #F4F4F8;
}
.cart-summary-list b {
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: -2px;
color: #1A1A1A;
font-weight: 500;
background: #F4F4F8;
}
.cart-summary-list_sale {
padding: 13px 14px;
background: #e0e2f7;
border-radius: 5px;
color: #1A1A1A;
}
.cart-summary-list_sale span,
.cart-summary-list_sale b {
color: #1A1A1A;
background: #e0e2f7;
}
.cart-summary-list_sale li {
border-bottom: 1px dashed #1A1A1A;
}
.cart-summary-list_sale li:last-child {
margin-bottom: 0;
}
.cart-summary__error {
margin: 5px 0;
font-size: 12px;
color: #FC4242;
text-align: center;
}
.cart-summary-price {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-summary-price__title {
padding: 0;
font-size: 20px;
font-weight: 500;
}
.cart-summary-price__val {
font-size: 20px;
font-weight: 500;
}
.cart-summary-sale {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-summary-sale__title {
padding: 14px 15px;
color: #A1A1A1;
}
.cart-summary-sale__val {
color: #FC4242;
font-size: 20px;
font-weight: 500;
text-align: right;
}
.cart-summary-note {
font-size: 13px;
line-height: 1.5;
color: #a0a0a0;
}
.cart-page:last-child {
margin-bottom: 0;
}
.cart-page:last-child .cart-page-main {
margin-bottom: 0;
}
.cart-page:last-child .cart-page-aside {
margin-bottom: 0;
}
.cart-page:last-child .cart-summary {
margin-bottom: 36px;
}
.cart-delivery-summary__h {
margin-bottom: 20px;
line-height: 1.3;
color: #FC4242;
font-size: 20px;
}
.cart-delivery-summary-list {
margin-bottom: 35px;
}
.cart-delivery-summary-list li {
margin-bottom: 5px;
}
.cart-summary-mobile {
padding: 16px 40px;
width: 100%;
display: none;
position: fixed;
bottom: 0;
left: 0;
background: #ffffff;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #D1D8E1;
z-index: 10;
}
@media only screen and (max-width: 1024px) {
.cart-summary-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 767px) {
.cart-summary-mobile {
padding: 8px 18px;
}
}
.cart-summary-mobile__summ {
font-weight: 500;
color: #1A1A1A;
font-size: 14px;
}
.cart-summary-mobile__summ span {
display: block;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
}
@media only screen and (max-width: 1200px) {
.cart-page:last-child .cart-summary {
margin-bottom: 0;
}
.cart-summary {
margin-bottom: 0;
}
}
.checkout-cost-delivery {
color: #1A1A1A;
}
.checkout-cost-delivery-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
line-height: 1;
border-bottom: 1px dashed #D1D8E1;
}
@media only screen and (max-width: 767px) {
.checkout-cost-delivery-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: none;
}
}
.checkout-cost-delivery_calc .checkout-cost-delivery__title {
font-size: 14px;
font-weight: normal;
}
.checkout-cost-delivery__title {
padding-right: 10px;
padding-bottom: 2px;
margin-bottom: -2px;
font-size: 20px;
font-weight: 500;
background: #fff;
}
@media only screen and (max-width: 767px) {
.checkout-cost-delivery__title {
padding-right: 0;
margin-bottom: 8px;
padding-bottom: 0;
line-height: 1.3;
}
}
.checkout-cost-delivery__val {
padding-left: 10px;
padding-bottom: 2px;
margin-bottom: -2px;
font-size: 15px;
background: #fff;
}
@media only screen and (max-width: 767px) {
.checkout-cost-delivery__val {
padding-left: 0;
padding-bottom: 0;
margin-bottom: 0;
}
}
.add-favorites-link {
color: #94A0B1;
text-decoration: none;
z-index: 1;
}
@media (hover: hover) {
.add-favorites-link:hover {
text-decoration: none;
}
}
.add-favorites-link.is--active {
color: #113EE0;
}
.add-favorites-link.is--active .ico-svg {
fill: #113EE0;
}
.addres-pane {
padding: 28px;
display: block;
border: 1px solid #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.addres-pane {
padding: 16px;
}
}
.addres-pane_act {
border-color: #2858FF;
}
.addres-pane .is--mark {
color: #94A0B1;
}
.addres-pane__title {
margin-bottom: 16px;
display: block;
font-size: 20px;
font-weight: 500;
}
.addres-pane__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
word-break: break-word;
}
@media only screen and (max-width: 767px) {
.addres-pane__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.addres-pane__col {
padding-left: 20px;
}
.addres-pane__col:first-child {
padding-left: 0;
}
.addres-pane__col:nth-child(1) {
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
}
.addres-pane__col:nth-child(2) {
-webkit-box-flex: 2;
-ms-flex: 2 0 30%;
flex: 2 0 30%;
}
.addres-pane__col:nth-child(3) {
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
}
@media only screen and (max-width: 767px) {
.addres-pane__col {
padding-left: 0;
margin-bottom: 16px;
}
.addres-pane__col:nth-child(1) {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.addres-pane__col:nth-child(2) {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.addres-pane__col:nth-child(3) {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.addres-pane__col:last-child {
margin-bottom: 0;
}
}
.addres-pane-item__title {
margin-bottom: 7px;
display: block;
font-size: 12px;
color: #94A0B1;
}
.addres-pane-item__body {
display: block;
font-size: 15px;
}
.addres-list {
padding-right: 12px;
max-height: 630px;
overflow-y: auto;
}
.addres-list .simplebar-track {
background: #fff;
}
.addres-list .simplebar-scrollbar:before {
border-radius: 4px;
background: #E6E6EF;
}
.addres-list__item {
margin-bottom: 24px;
}
.addres-list__item:last-child {
margin-bottom: 0;
}
.wrap-alert {
margin-bottom: 36px;
}
.alert {
margin: 0 0 20px 0;
padding: 20px 20px;
position: relative;
font-size: 14px;
line-height: 1.5;
background: #fff;
border-radius: 4px;
color: #000;
}
.alert_close {
padding-right: 50px;
}
.alert .ico-alert {
width: 25px;
height: 25px;
}
.alert a {
color: inherit;
text-decoration: underline;
}
@media (hover: hover) {
.alert a:hover {
color: inherit;
text-decoration: none;
}
}
.alert:last-child {
margin-bottom: 0;
}
.alert_info {
color: #94A0B1;
background-color: #f8f8fb;
border-color: #f8f8fb;
}
.alert_succes {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert_warning {
color: #1A1A1A;
background-color: #ebefff;
border-color: #ebefff;
}
.alert_warning .ico-alert {
color: #2858FF;
}
.alert_error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert_gray {
color: #94A0B1;
background: #f9f9fb;
border-color: #f9f9fb;
}
.alert_gray .ico-alert {
margin-bottom: 14px;
display: block;
}
a.alert__close,
.alert__close {
width: 20px;
height: 20px;
position: absolute;
top: 20px;
right: 20px;
color: #B4C1D1;
}
@media (hover: hover) {
a.alert__close:hover,
.alert__close:hover {
color: #113EE0;
}
}
_plain {
padding: 0 0 0 23px;
margin: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
_plain a {
text-decoration: none;
}
@media (hover: hover) {
_plain a:hover {
text-decoration: underline;
}
}
.alert_ico {
padding-left: 55px;
}
.alert_ico .ico-alert {
position: absolute;
left: 19px;
top: 17px;
}
.ico-alert {
margin: 0;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.ico-alert svg {
width: 100%;
height: 100%;
}
.alert-list {
bottom: 10px;
right: 10px;
position: fixed;
z-index: 1110;
}
.alert-list-item {
margin-bottom: 10px;
width: 344px;
-webkit-box-shadow: 0px 3px 20px rgba(37, 37, 37, 0.08);
box-shadow: 0px 3px 20px rgba(37, 37, 37, 0.08);
text-align: left;
}
.alert-list-item:last-child {
margin-bottom: 0;
}
.alert-list-item .alert {
padding-top: 15px;
padding-bottom: 15px;
}
.alert-list-item a.alert__close,
.alert-list-item .alert__close {
width: 12px;
height: 12px;
top: 12px;
right: 12px;
opacity: 0.7;
color: currentColor;
}
@media (hover: hover) {
.alert-list-item a.alert__close:hover,
.alert-list-item .alert__close:hover {
opacity: 1;
}
}
.amount-product {
border-radius: 5px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #fff;
-webkit-transition: width 200ms ease-in-out;
-o-transition: width 200ms ease-in-out;
transition: width 200ms ease-in-out;
}
.amount-product__body {
width: 200px;
height: 48px;
position: relative;
border-radius: 5px;
overflow: hidden;
border: 1px solid #E5E9EC;
}
.amount-product-btn {
width: 40px;
height: 100%;
position: absolute;
top: 0;
color: #1A1A1A;
font-weight: bold;
font-size: 23px;
line-height: 36px;
text-align: center;
text-decoration: none;
background: #F5F6FA;
border: none;
cursor: pointer;
-webkit-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
}
.amount-product-btn:before,
.amount-product-btn:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.amount-product-btn:active,
.amount-product-btn:focus {
outline: none;
}
.amount-product-btn_reduce {
left: 0;
border-right: 1px solid #E5E9EC;
text-indent: -9999px;
}
.amount-product-btn_reduce:after {
width: 10px;
height: 3px;
}
.amount-product-btn_increase {
right: 0;
border-left: 1px solid #E5E9EC;
text-indent: -9999px;
}
.amount-product-btn_increase:after {
width: 3px;
height: 10px;
}
.amount-product-btn_increase:before {
width: 10px;
height: 3px;
}
@media (hover: hover) {
.amount-product-btn:hover {
text-decoration: none;
}
}
.wrap-amount-product-input {
padding: 0 40px;
display: block;
}
.amount-product-input {
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
width: 100%;
height: 46px;
font-size: 16px;
line-height: 46px;
color: #252525;
text-align: center;
background: transparent;
}
.amount-product-buy-btn {
margin-left: 20px;
padding: 0 33px;
height: 48px;
display: inline-block;
font-size: 12px;
font-weight: bold;
position: relative;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
line-height: 1;
color: #fff;
background: #E22028;
border-radius: 5px;
cursor: pointer;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (hover: hover) {
.amount-product-buy-btn:hover {
background: #BA1A21;
text-decoration: none;
}
}
.wrap-amount-input {
padding: 0 25px;
display: block;
}
.ico-amount-cart {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
left: -2px;
}
.amount {
width: 92px;
height: 40px;
position: relative;
border-radius: 4px;
-webkit-transition: width 200ms ease-in-out;
-o-transition: width 200ms ease-in-out;
transition: width 200ms ease-in-out;
}
.amount_error .amount__body {
-webkit-box-shadow: inset 0 0 0 1px #FC4242;
box-shadow: inset 0 0 0 1px #FC4242;
}
.amount .btn {
padding: 11px 0px;
width: 100%;
min-width: 0;
}
.amount_open .amount__btn {
display: none;
}
.amount_proccesing .amount-buy-btn {
background-color: #113EE0;
}
.amount_proccesing .amount-buy-btn:after {
content: '';
margin: -11px 0 0 -11px;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
text-indent: -9999em;
border-top: 2px solid rgba(255, 255, 255, 0.2);
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #ffffff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@media (hover: hover) {
.amount_proccesing .amount-buy-btn:hover {
background-color: #113EE0;
}
}
.amount_proccesing .amount-buy-btn .ico-amount-cart {
visibility: hidden;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.amount__body {
width: 86px;
height: 40px;
display: block;
position: relative;
background: #fff;
border-radius: 4px;
overflow: hidden;
}
.amount-btn {
width: 32px;
height: 100%;
position: absolute;
top: 0;
color: #2858FF;
font-weight: normal;
font-size: 26px;
line-height: 36px;
text-align: center;
text-decoration: none;
background: transparent;
border: none;
cursor: pointer;
overflow: hidden;
text-indent: -9999px;
-webkit-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
}
.amount-btn-disabled,
.amount-btn[disabled] {
opacity: 0.5;
cursor: default;
}
@media (hover: hover) {
.amount-btn-disabled:hover,
.amount-btn[disabled]:hover {
color: #2858FF;
}
}
.amount-btn:active,
.amount-btn:focus {
outline: none;
}
.amount-btn_reduce {
left: 0;
}
.amount-btn_reduce:after {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.amount-btn_increase {
right: 0;
}
.amount-btn_increase:after {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.amount-btn_increase:before {
content: '';
width: 2px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (hover: hover) {
.amount-btn:hover {
text-decoration: none;
color: #113EE0;
}
}
.amount .amount__btn {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.product-card__amount .amount__body {
background: #F4F4F8;
}
input.amount-input,
.amount-input {
max-width: none;
min-width: 0;
margin: 0;
padding: 0;
width: 100%;
height: 40px;
font-family: inherit;
font-weight: normal;
font-size: 14px;
line-height: 40px;
color: #1A1A1A;
text-align: center;
border: none;
background: transparent;
}
.amount-buy-btn {
width: 100%;
height: 40px;
display: inline-block;
font-size: 12px;
font-weight: normal;
position: relative;
text-align: center;
text-transform: none;
vertical-align: middle;
line-height: 1;
color: #fff;
background: #2858FF;
border-radius: 4px;
cursor: pointer;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (hover: hover) {
.amount-buy-btn:hover {
background: #113EE0;
text-decoration: none;
}
}
.amount__tooltip {
padding: 11px 10px;
min-width: 125px;
max-width: 200px;
display: block;
position: absolute;
bottom: 55px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: rgba(26, 26, 26, 0.8);
border-radius: 5px;
color: #fff;
z-index: 9;
text-align: center;
}
.amount__tooltip.is--open {
display: block;
}
.amount__tooltip:after {
content: '';
width: 16px;
height: 10px;
position: absolute;
bottom: -10px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background-color: rgba(26, 26, 26, 0.8);
-webkit-mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.62%208.78a2%202%200%2001-3.24%200L0%200h16L9.62%208.78z%22/%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.62%208.78a2%202%200%2001-3.24%200L0%200h16L9.62%208.78z%22/%3E%3C/svg%3E');
background-size: 16px 11px;
}
.aside-menu {
margin: -20px 0;
font-size: 11px;
line-height: 1.2;
}
.aside-menu .aside-menu {
margin: 0;
margin-left: 12px;
display: none;
}
.aside-menu__count {
color: #2858FF;
}
.aside-menu__item {
position: relative;
}
.aside-menu__item > span {
width: 100%;
display: inline-block;
position: relative;
}
.aside-menu__item_act > span > .aside-menu__link {
color: #2858FF;
}
.aside-menu__item_open > .aside-menu {
display: block;
}
.aside-menu__item_open > span > .aside-menu-toogle:after {
-webkit-transform: translate(0, -50%) rotate(-90deg);
-ms-transform: translate(0, -50%) rotate(-90deg);
transform: translate(0, -50%) rotate(-90deg);
}
.aside-menu__item:last-child a,
.aside-menu__item_last a {
border-bottom: 0;
}
.aside-menu__link {
width: 100%;
padding: 17px 20px 17px 0;
display: inline-block;
position: relative;
color: #1A1A1A;
border-bottom: 1px solid #CECECE;
}
@media (hover: hover) {
.aside-menu__link:hover {
text-decoration: none;
}
}
.aside-menu-toogle {
margin: 0;
padding: 0;
max-height: 48px;
width: 20px;
height: 100%;
position: absolute;
top: 50%;
right: 0;
background: transparent;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
cursor: pointer;
}
.aside-menu-toogle:after {
content: '';
width: 9px;
height: 11px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMUw2IDZMMSAxMSIgc3Ryb2tlPSIjRTUwMDIwIiAgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L3N2Zz4K");
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
@media (hover: hover) {
.aside-menu-toogle:hover {
opacity: 0.5;
}
}
.aside-nav-mobile-toggle {
width: 100%;
position: relative;
display: none;
font-weight: bold;
font-size: 18px;
line-height: 35px;
color: #1A1A1A;
text-decoration: none;
border-bottom: 2px solid #444444;
}
@media (hover: hover) {
.aside-nav-mobile-toggle:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.aside-nav-mobile-toggle.is--open .ico-aside-nav-mobile-toggle {
-webkit-transform: translate(0, -50%) rotate(-90deg);
-ms-transform: translate(0, -50%) rotate(-90deg);
transform: translate(0, -50%) rotate(-90deg);
}
.ico-aside-nav-mobile-toggle {
width: 9px;
height: 11px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.ico-aside-nav-mobile-toggle svg {
stroke: #2858FF;
}
.aside-nav {
border: 1px solid #EDEDED;
background: #fff;
border-bottom: 2px solid #E50020;
}
.aside-nav-section {
margin-bottom: 0px;
}
.aside-nav-section_act .aside-nav-section__title {
color: #2858FF;
}
@media (hover: hover) {
.aside-nav-section_act .aside-nav-section__title:hover {
color: #2858FF;
}
}
.aside-nav-section_open .aside-nav-section-toggle {
display: block;
}
.aside-nav-section_open .ico-aside-nav-section-toggle {
-webkit-transform: translate(0, -50%) rotate(-90deg);
-ms-transform: translate(0, -50%) rotate(-90deg);
transform: translate(0, -50%) rotate(-90deg);
}
.aside-nav-section_open .aside-nav-section__title:after {
background: transparent;
}
.aside-nav-section_noarrow .aside-nav-section__title {
padding-right: 0;
}
.aside-nav-section__title {
margin: 0 20px;
padding: 20px 15px 20px 0;
display: block;
position: relative;
font-weight: bold;
font-size: 16px;
color: #1A1A1A;
text-decoration: none;
}
.aside-nav-section__title:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #F3F3F3;
}
@media (hover: hover) {
.aside-nav-section__title:hover {
text-decoration: none;
opacity: 0.8;
}
}
.aside-nav-section-toggle {
display: none;
}
.aside-nav-section__body {
padding: 20px;
background: #F3F3F3;
}
.aside-nav-section__body .field-input-radio,
.aside-nav-section__body .field:last-child {
margin-bottom: 0;
}
.ico-aside-nav-section-toggle {
width: 9px;
height: 11px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.ico-aside-nav-section-toggle svg {
width: 100%;
height: 100%;
stroke: #2858FF;
vertical-align: top;
}
@media only screen and (max-width: 960px) {
.aside-nav-mobile-toggle {
display: block;
}
.aside-nav {
display: none;
}
.aside-nav.is--open {
display: block;
}
}
.auth-form-pane {
max-width: 900px;
min-height: 432px;
margin: 100px auto;
border: 1px solid #F4F4F8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.auth-form-pane {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.auth-form-pane {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.auth-form-pane-more-link {
text-align: center;
}
.auth-form-pane-main {
width: 50%;
padding: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 1024px) {
.auth-form-pane-main {
padding: 24px;
}
}
@media only screen and (max-width: 767px) {
.auth-form-pane-main {
width: 100%;
}
}
.auth-form-pane__descr {
margin-bottom: 24px;
}
.auth-form-pane__h {
margin-bottom: 6px;
line-height: 1.2;
font-size: 32px;
font-weight: 500;
}
@media only screen and (max-width: 1024px) {
.auth-form-pane__h {
font-size: 20px;
}
}
.auth-form-pane-manager {
margin-bottom: 24px;
}
.auth-form-pane-manager__title {
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
}
.auth-form-pane-manager__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.auth-form-pane-manager__cont {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.auth-form-pane-manager__cont a {
margin-right: 39px;
color: #1A1A1A;
}
.auth-form-pane-manager__cont a:last-child {
margin-right: 0;
}
@media (hover: hover) {
.auth-form-pane-manager__cont a:hover {
color: #113EE0;
}
}
.auth-form-pane__footer {
margin-top: auto;
}
.auth-form-pane__footer .btn {
width: 100%;
}
.auth-form-pane__footer .form-row {
margin-bottom: 24px;
}
.auth-form-pane-aside {
padding: 36px;
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #F4F4F8;
}
@media only screen and (max-width: 1024px) {
.auth-form-pane-aside {
padding: 24px;
}
}
@media only screen and (max-width: 767px) {
.auth-form-pane-aside {
width: 100%;
}
}
.auth-form-pane-aside__h {
margin-bottom: 9px;
line-height: 1.3;
font-size: 24px;
font-weight: 500;
}
@media only screen and (max-width: 1024px) {
.auth-form-pane-aside__h {
font-size: 20px;
}
}
.auth-form-page {
margin: 0 auto;
max-width: 335px;
}
.auth-form-page__h {
font-weight: 500;
}
@media only screen and (max-width: 1024px) {
.auth-form-page__h {
font-size: 20px;
}
}
.auth-form-page__text {
margin-bottom: 24px;
}
.auth-form-page__error {
margin-bottom: 24px;
color: #FC4242;
}
.auth-form-page a {
color: #1A1A1A;
}
@media (hover: hover) {
.auth-form-page a:hover {
color: #113EE0;
}
}
.auth-form-page-manager {
margin-bottom: 28px;
}
.auth-form-page-manager__title {
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
}
.auth-form-page-manager__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.auth-form-page-manager__cont {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.auth-form-page-manager__cont a {
color: #1A1A1A;
}
@media (hover: hover) {
.auth-form-page-manager__cont a:hover {
color: #113EE0;
}
}
.badge {
padding: 8px 14px;
display: inline-block;
color: #1A1A1A;
line-height: 1;
background-color: #F4F4F8;
border-radius: 26px;
}
.badge_red {
padding: 6px 10px;
font-size: 12px;
color: #fff;
border-radius: 5px;
background-color: #FC4242;
}
.badge_green {
padding: 6px 10px;
font-size: 12px;
color: #fff;
border-radius: 5px;
background-color: #40DA90;
}
.catalog-item-props {
padding: 5px 6px;
display: inline-block;
font-size: 14px;
color: #94A0B1;
line-height: 1;
border-radius: 3px;
border: 1px solid #94A0B1;
cursor: default;
}
.badge-status {
padding: 6px 18px;
display: inline-block;
font-size: 12px;
text-align: center;
line-height: 1;
border-radius: 5px;
}
.badge-status_info {
color: #fff;
background-color: #B4C1D1;
}
.badge-status_succes {
color: #444444;
background-color: #DDF9EC;
}
.badge-status_warning {
color: #444444;
background-color: #FEEDAE;
}
.badge-status_error {
color: #444444;
background-color: #FFD6D6;
}
.badge-status_green {
color: #fff;
background-color: #6CC478;
}
.badge-status_blue {
color: #fff;
background-color: #2858FF;
}
.badge-status_light-blue {
color: #1A1A1A;
background-color: #DCF5FF;
}
.badge-status_pink {
color: #1A1A1A;
background-color: #FFD6D6;
}
.badge-status_yellow {
color: #1A1A1A;
background-color: #FEEDAE;
}
.badge-status_gray {
color: #1A1A1A;
background-color: #E6E6EF;
}
.badge-status_dark-gray {
color: #fff;
background-color: #B4C1D1;
}
.btn {
margin: 0 0 0 0;
padding: 19px 15px;
height: auto;
min-width: 120px;
position: relative;
display: inline-block;
font-size: 14px;
font-family: "SuisseIntl", Arial, serif;
font-weight: normal;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
line-height: 1;
color: #fff;
background: #2858FF;
border: 2px solid #2858FF;
border-radius: 6px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: none;
-webkit-transition: background-color, border-color 200ms ease;
-o-transition: background-color, border-color 200ms ease;
transition: background-color, border-color 200ms ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (hover: hover) {
.btn:hover {
text-decoration: none;
color: #fff;
background: #113EE0;
border-color: #113EE0;
}
}
.btn_border {
background: transparent;
color: #2858FF;
border: 2px solid #F3F3F3;
}
@media (hover: hover) {
.btn_border:hover {
color: #2858FF;
border-color: #2858FF;
background: transparent;
}
}
@media (hover: hover) {
.btn_border:hover svg {
fill: #fff;
stroke: #fff;
}
}
.btn_border-blue {
border-color: #2858FF;
color: #1A1A1A;
}
@media (hover: hover) {
.btn_border-blue:hover {
border-color: #2858FF;
}
}
.btn_white {
background: transparent;
color: #2858FF;
font-weight: bold;
background: #fff;
border: 2px solid #2858FF;
}
.btn_white svg {
fill: #2858FF;
stroke: #2858FF;
}
@media (hover: hover) {
.btn_white:hover {
color: #fff;
border-color: #2858FF;
background: #2858FF;
}
}
@media (hover: hover) {
.btn_white:hover svg {
fill: #fff;
stroke: #fff;
}
}
.btn_upper {
text-transform: uppercase;
}
.btn_fluide {
min-width: 0;
}
.btn_small {
padding: 11px 14px;
text-transform: none;
font-weight: normal;
}
.btn[disabled],
.btn_disabled {
opacity: 0.5;
pointer-events: none;
}
.btn_ico {
padding-right: 50px;
}
.btn_ico > [class^="ico-"] {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btn_ico:after {
display: none;
}
.btn_ico svg {
fill: currentColor;
stroke: currentColor;
}
.contact-list {
margin: 0 -15px 20px -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-list-item {
margin: 0 15px 30px 15px;
padding: 14px;
width: calc(25% - 30px);
background: #F3F3F3;
}
.contact-list-item-title {
margin-bottom: 18px;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
color: #2858FF;
cursor: pointer;
}
.contact-list-field {
margin-bottom: 8px;
}
.contact-list-field__title {
margin: 0 0 4px 0;
display: block;
font-size: 12px;
color: #A1A1A1;
}
.contact-list-field__text {
display: block;
}
.contact-list .ico-point {
vertical-align: -1px;
}
.contact-props {
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-props_about .contact-props__col {
width: calc(50% - 30px);
}
.contact-props__col {
margin: 0 15px 30px 15px;
width: calc(25% - 30px);
}
.contact-props-field__title {
margin-bottom: 4px;
display: block;
font-size: 12px;
color: #A1A1A1;
}
.contact-props-field__text {
display: block;
}
.contact-map {
margin-bottom: 50px;
width: 100%;
height: 330px;
position: relative;
background: #eee;
border: 1px solid #F3F3F3;
}
.contact-map_dev .contact-map-bubble {
position: absolute;
left: 40px;
top: 30px;
}
.contact-map-bubble {
padding: 14px;
width: 270px;
position: relative;
border: 1px solid #F3F3F3;
background: #fff;
-webkit-filter: drop-shadow(0 2px 0 #2858FF) drop-shadow(0px 20px 31px rgba(0, 0, 0, 0.21));
filter: drop-shadow(0 2px 0 #2858FF) drop-shadow(0px 20px 31px rgba(0, 0, 0, 0.21));
}
.contact-map-bubble:after {
content: '';
width: 0;
height: 0;
position: absolute;
bottom: -10px;
right: 20px;
border-style: solid;
border-width: 10px;
border-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
@media only screen and (max-width: 1100px) {
.contact-list-item {
width: calc(33% - 30px);
}
.contact-props__col {
width: calc(33% - 30px);
}
}
@media only screen and (max-width: 700px) {
.contact-list-item {
width: calc(50% - 30px);
}
.contact-props_about .contact-props__col {
width: calc(100% - 30px);
}
.contact-props__col {
width: calc(50% - 30px);
}
}
@media only screen and (max-width: 640px ) {
.contact-list-item {
width: calc(100% - 30px);
}
.contact-props__col {
width: calc(100% - 30px);
}
}
.daterangepicker td.active {
background-color: #2858FF;
}
@media (hover: hover) {
.daterangepicker td.active:hover {
background-color: #2858FF;
}
}
.daterangepicker td.end-date,
.daterangepicker td.in-range {
background-color: #f4f4f8;
}
.daterangepicker td.active {
background-color: #2858FF;
}
@media (hover: hover) {
.daterangepicker td.active:hover {
background-color: #2858FF;
}
}
.daterangepicker {
-webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.05);
border-radius: 5px;
border: 1px solid #fff;
color: #1A1A1A;
font-family: "SuisseIntl", Arial, serif;
}
.daterangepicker:before {
border-bottom: 7px solid #fff;
}
.daterangepicker .drp-selected {
color: #94A0B1;
}
.table-condensed .month,
.table-condensed .next,
.table-condensed prev {
color: #94A0B1;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
border-color: #94A0B1;
}
.daterangepicker .calendar-table th {
font-weight: normal;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
min-width: 38px;
width: 38px;
height: 34px;
line-height: 24px;
font-size: 14px;
}
.daterangepicker .drp-calendar {
max-width: 290px;
}
.daterangepicker .drp-buttons {
border-top: ;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 14px;
font-weight: bold;
padding: 19px 15px;
}
.delivery-terms {
margin: 0 -15px 5px -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
}
.delivery-terms-title {
margin-bottom: 10px;
font-size: 20px;
color: #A1A1A1;
}
.delivery-terms-item {
padding: 25px 25px 25px 25px ;
margin: 0 15px 30px 15px;
width: calc(50% - 30px);
background: #F3F3F3;
}
.delivery-terms-price {
display: inline-block;
color: #2858FF;
font-weight: bold;
font-size: 18px;
}
@media only screen and (max-width: 700px) {
.delivery-terms-item {
width: calc(100% - 30px);
}
}
.dropdown-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.dropdown-menu__title {
margin-right: 5px;
color: #94A0B1;
}
.dropdown-menu-dropdown_personal {
max-width: 250px;
}
[data-dropdown].dropdown-menu-dropdown_kebab {
max-width: 250px;
border-radius: 6px;
}
[data-dropdown].dropdown-menu-dropdown_kebab li:last-child a {
color: #FC4242;
}
@media (hover: hover) {
[data-dropdown].dropdown-menu-dropdown_kebab li:last-child a:hover {
color: #FC4242;
}
}
.dropdown-menu__link {
padding-right: 14px;
color: #1A1A1A;
position: relative;
text-decoration: none;
display: inline-block;
}
.dropdown-menu__link-text {
position: relative;
}
@media (hover: hover) {
.dropdown-menu__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.dropdown-menu__link_open .pager-toolbar-sort__link-toggle {
-webkit-transform: translate(0, -50%) rotate(-90deg);
-ms-transform: translate(0, -50%) rotate(-90deg);
transform: translate(0, -50%) rotate(-90deg);
}
[data-dropdown] {
min-width: 200px;
max-width: 350px;
display: none;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
border-radius: 2px;
z-index: 10;
}
[data-dropdown][data-show] {
display: block;
}
[data-dropdown-link][data-active] {
color: #113EE0;
text-decoration: none;
}
.dropdown-menu-list {
padding: 24px;
line-height: 1.5;
}
.dropdown-menu-list li {
padding: 0;
margin-bottom: 8px;
}
.dropdown-menu-list li:last-child {
margin-bottom: 0;
}
.dropdown-menu-list a {
display: block;
position: relative;
z-index: 2;
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.dropdown-menu-list a:hover {
color: #2858FF;
}
}
.dropdown-menu-list_act a {
color: #2858FF;
}
@media only screen and (max-width: 900px) {
.dropdown-menu__title {
display: none;
}
}
.wrap-field-upload {
margin-bottom: 24px;
}
.field-upload__error {
margin-bottom: 24px;
color: #FC4242;
}
.field-upload__error:last-child {
margin-bottom: 0;
}
.field-upload-dropdown {
margin-bottom: 24px;
height: 140px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #94A0B1;
border-radius: 5px;
border: 1px dashed #B5C1D1;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.field-upload-dropdown {
padding: 24px;
height: auto;
}
}
.field-upload-dropdown__text {
padding-left: 38px;
display: block;
position: relative;
color: currentColor;
}
@media only screen and (max-width: 767px) {
.field-upload-dropdown__text {
padding-left: 0;
padding-top: 38px;
text-align: center;
}
}
.field-upload-dropdown__ico {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width: 767px) {
.field-upload-dropdown__ico {
left: 50%;
top: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
.field-upload-list-item {
padding: 8px 45px 8px 55px;
position: relative;
border-bottom: 1px solid #D1D8E1;
}
.field-upload-list-item__ico {
width: 16px;
height: 20px;
position: absolute;
top: 50%;
left: 17px;
color: #2858FF;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.field-upload-list-item__title {
display: block;
white-space: normal;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.field-upload-list-item__type {
display: block;
font-size: 12px;
color: #94A0B1;
}
.field-upload-list-item__percent {
position: absolute;
top: 50%;
right: 12px;
color: #94A0B1;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.field-upload-list-item__progress {
width: 100%;
height: 2px;
position: absolute;
bottom: -1px;
left: 0;
background: #B4C1D1;
}
.field-upload-list-item__progress span {
height: 2px;
display: block;
background: #2858FF;
}
.field-upload-list-item__close {
width: 14px;
height: 14px;
position: absolute;
top: 50%;
right: 12px;
color: #B4C1D1;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (hover: hover) {
.field-upload-list-item__close:hover {
color: #113EE0;
}
}
.file-download-list_shipment {
max-width: 390px;
}
.file-download-list_shipment .file-download-list-item {
background: #F4F4F8;
}
.file-download-list-item {
margin-bottom: 22px;
padding: 5px 39px 7px 34px;
min-height: 50px;
display: block;
position: relative;
font-size: 15px;
color: #1A1A1A;
border-radius: 5px;
}
@media (hover: hover) {
.file-download-list-item:hover {
background: #F4F4F8;
}
}
@media (hover: hover) {
.file-download-list-item:hover .ico-file {
color: #113EE0;
}
}
.file-download-list-item__body {
width: 100%;
}
.file-download-list-item__title {
display: block;
font-size: 15px;
color: #1A1A1A;
}
.file-download-list-item__size {
font-size: 12px;
display: block;
color: #94A0B1;
}
.file-download-list-item .ico-download {
position: absolute;
top: 14px;
right: 12px;
}
.file-download-list-item .ico-file {
position: absolute;
top: 7px;
left: 5px;
color: #B4C1D1;
}
.wrap-footer {
margin-top: auto;
padding: 0 0 50px 0;
background: #fff;
border-top: 1px solid #D1D8E1;
}
.footer {
padding: 37px 40px 0 40px;
max-width: 1440px;
margin: 0 auto;
position: relative;
color: #1A1A1A;
}
.footer-logo {
max-width: 93px;
}
.footer-social {
width: 175px;
}
.footer-copyright {
width: 30%;
}
.footer-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.footer-nav-row {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-nav-col {
padding-right: 30px;
}
.footer-col .footer-nav {
margin-bottom: 24px;
width: 100%;
}
.footer-col_nav {
max-width: 885px;
width: 100%;
}
.footer-col:first-child {
min-width: 232px;
}
.footer-col:last-child {
text-align: right;
margin-left: auto;
-ms-flex-item-align: end;
align-self: flex-end;
}
.footer-col p {
margin-bottom: 14px;
}
.footer a {
color: #1A1A1A;
}
.footer-phone {
padding-left: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
white-space: nowrap;
}
.footer-phone a {
color: #94A0B1;
}
.footer-phone .ico-phone {
position: absolute;
top: 0;
left: 0;
}
.footer-mail {
margin-top: 60px;
padding-left: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
white-space: nowrap;
}
.footer-mail a {
color: #94A0B1;
}
.footer-mail .ico-mail {
position: absolute;
top: 0;
left: 0;
}
.wrap-footer-bottom {
padding: 0;
background: #fff;
border-top: 1px solid #D1D8E1;
}
.footer-bottom {
padding: 0 40px 0 40px;
max-width: 1440px;
min-height: 70px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #94A0B1;
font-size: 12px;
}
.footer-bottom a {
color: #94A0B1;
text-decoration: none;
}
@media (hover: hover) {
.footer-bottom a:hover {
text-decoration: none;
color: #113EE0;
}
}
@media only screen and (max-width: 1024px) {
.footer {
padding-top: 100px;
}
.footer-col_logo {
position: absolute;
top: 50px;
left: 40px;
}
}
@media only screen and (max-width: 900px) {
.footer-col_nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.wrap-footer {
padding: 0 0 25px 0;
}
.footer-col_logo {
top: 35px;
left: 20px;
}
.footer {
padding: 90px 20px 0 20px;
}
.footer-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-col {
margin-bottom: 30px;
width: auto;
}
.footer-col_nav {
margin-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-col:last-child {
width: auto;
margin-left: 0;
text-align: left;
-ms-flex-item-align: start;
align-self: flex-start;
}
.footer-nav-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-mail {
margin-top: 20px;
}
.footer-bottom {
padding: 25px 20px 0 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.footer-bottom-col {
margin-bottom: 20px;
}
}
input:focus,
textarea:focus,
button:focus {
outline: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
select:not(.select2-hidden-accessible) {
border: none;
background: transparent;
line-height: 56px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.adm-detail-content-table select {
line-height: 1.5;
}
.form .field {
margin-bottom: 15px;
}
.field {
margin: 0 0 15px 0;
padding: 0 0 0 0;
}
.field .field-label,
.field label:not([class]) {
margin: 0 0 6px 0;
padding: 0;
display: block;
font-size: 12px;
line-height: 1.5;
font-weight: normal;
color: #94A0B1;
}
.field__req {
color: currentColor;
}
.has-success .field-input,
.field_success .field-input {
border: 2px solid #40DA90;
}
.has-success .field-input:focus,
.field_success .field-input:focus {
border: 2px solid #40DA90;
}
@media (hover: hover) {
.bx-no-touch .has-success .field-input:hover,
.bx-no-touch .field_success .field-input:hover {
border: 2px solid #40DA90;
}
}
.has-success .field__req,
.field_success .field__req {
display: none;
}
.has-success .field__status_succes,
.field_success .field__status_succes {
display: inline-block;
}
.has-error .field-input,
.field_error .field-input {
border-color: transparent;
-webkit-box-shadow: inset 0 0 0 1px #FC4242;
box-shadow: inset 0 0 0 1px #FC4242;
color: #FC4242;
}
.has-error .field-tips_error,
.field_error .field-tips_error {
display: block;
}
.has-error .field__status_succes,
.field_error .field__status_succes {
display: none;
}
.field-tips {
margin: 9px 0 0 0;
display: inline-block;
line-height: normal;
font-size: 12px;
color: #94A0B1;
}
.field-tips_error,
i.field-tips_error {
margin: 9px 0 0 0;
display: inline-block;
color: #FC4242;
font-size: 12px;
}
.wrap-field-input__textarea .field-tips_error {
top: calc(100% + 2px);
}
.field-input-radio .field-tips_error {
top: 30px;
left: 0;
}
.field-input-radio .field-tips_error:after,
.field-input-radio .field-tips_error:before {
margin-left: 0;
left: 5px;
z-index: -1;
}
.field-input-radio .field-tips_error:after {
z-index: 0;
}
.field_error .field-input-radio input[type="checkbox"] + i + span:before,
.field_error .field-input-radio input[type="checkbox"] + span:before {
border-color: #FC4242;
}
.text-field {
display: block;
}
.text-field__title {
margin-bottom: 5px;
display: block;
font-size: 13px;
line-height: 1.3;
color: #A1A1A1;
}
.text-field__body {
display: block;
}
.text-field__body .lk-order-status {
margin-right: 6px;
vertical-align: -1px;
}
.field,
.field-select2 {
position: relative;
}
.field .tooltip-item,
.field-select2 .tooltip-item {
position: absolute;
bottom: 16px;
left: calc(100% + 10px);
}
.form-footer .btn {
margin-right: 24px;
}
.wrap-field-input {
padding: 0;
margin: 0;
width: 100%;
position: relative;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
.wrap-field-input_icon {
background: #ffffff;
border-radius: 6px;
}
.wrap-field-input_icon .field-input {
padding-right: 40px;
}
.wrap-field-input_icon .ico-field-input {
width: 24px;
height: 24px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #94A0B1;
}
.wrap-field-input_icon .ico-field-input svg {
width: 100%;
height: 100%;
fill: currentColor;
stroke: currentColor;
vertical-align: top;
}
.field-input {
margin: 0;
padding: 0 15px;
width: 100%;
height: 56px;
position: relative;
line-height: 1;
font-family: "SuisseIntl", Arial, serif;
font-size: 15px;
font-weight: normal;
text-transform: none;
border: 1px solid #F4F4F8;
border-radius: 6px;
color: #1A1A1A;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F4F4F8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.field-input:focus {
border-color: #e7ebf0;
background: #e7ebf0;
}
.field-input_date {
z-index: 1;
background: transparent;
border-color: #F4F4F8;
}
.field-input_date:focus {
background: transparent;
border-color: #F4F4F8;
}
.field-input::-webkit-input-placeholder {
color: #94A0B1;
}
.field-input::-ms-input-placeholder {
color: #94A0B1;
}
.field-input::placeholder {
color: #94A0B1;
}
.field-input[disabled] {
background: #F4F4F8;
border-color: #F4F4F8;
color: #94A0B1;
opacity: 0.5;
}
@media (hover: hover) {
.bx-no-touch .field-input[disabled]:hover {
border-color: #F4F4F8;
color: #B4C1D1;
}
}
@media (hover: hover) {
.bx-no-touch .field-input[disabled]:hover~.wrap-field-input__icon:before {
background-color: #F3F3F3;
}
}
@media (hover: hover) {
.bx-no-touch .field-input[disabled]:hover~.wrap-field-input__icon svg {
fill: #B4C1D1;
}
}
.field-input[disabled]:focus {
border-color: #F4F4F8;
-webkit-box-shadow: none;
box-shadow: none;
color: #94A0B1;
-webkit-text-fill-color: #94A0B1;
}
.field-input[disabled] ~ .wrap-field-input__icon {
cursor: default;
}
.field-input-textarea {
margin: 0;
padding: 10px 15px 0 15px;
width: 100%;
height: 100px;
max-height: 130px;
position: relative;
overflow-x: hidden;
font-family: "SuisseIntl", Arial, serif;
font-size: 15px;
font-weight: normal;
line-height: 1.4;
color: #1A1A1A;
vertical-align: top;
border: 1px solid #F4F4F8;
background: #F4F4F8;
text-align: left;
text-transform: none;
border-radius: 5px;
resize: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.field-input-textarea:focus {
border-color: #e7ebf0;
background: #e7ebf0;
}
.field-input-textarea[disabled] {
background: #F4F4F8;
border-color: #F4F4F8;
color: #B4C1D1;
}
@media (hover: hover) {
.bx-no-touch .field-input-textarea[disabled]:hover {
border-color: #F4F4F8;
color: #94A0B1;
}
}
@media (hover: hover) {
.bx-no-touch .field-input-textarea[disabled]:hover~.wrap-field-input__icon:before {
background-color: #F3F3F3;
}
}
@media (hover: hover) {
.bx-no-touch .field-input-textarea[disabled]:hover~.wrap-field-input__icon svg {
fill: #B4C1D1;
}
}
.field-input-textarea[disabled]:focus {
border-color: #F4F4F8;
-webkit-box-shadow: none;
box-shadow: none;
color: #94A0B1;
-webkit-text-fill-color: #94A0B1;
}
.field-input-textarea[disabled] ~ .wrap-field-input__icon {
cursor: default;
}
.field-input-textarea::-webkit-input-placeholder {
color: #94A0B1;
}
.field-input-textarea::-ms-input-placeholder {
color: #94A0B1;
}
.field-input-textarea::placeholder {
color: #94A0B1;
}
.field-input-text {
margin: 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.field-inline-edit {
padding-right: 35px;
width: 135px;
position: relative;
}
.field-inline-edit .field {
margin-bottom: 0;
}
.field-inline-edit .field-input {
height: 35px;
background: #fff;
}
.field-inline-edit .wrap-field-input-select {
height: 35px;
background: #fff;
padding: 0 5px;
}
.field-inline-edit .wrap-field-input-select:before {
right: 3px;
}
.field-inline-edit .wrap-field-input-select .field-input-select {
padding: 0 10px 0 0;
height: 35px;
line-height: 35px;
}
.field-inline-edit-btn {
margin: 0;
padding: 0;
width: 35px;
height: 35px;
font-size: 16px;
line-height: 1;
text-align: center;
text-transform: uppercase;
color: #fff;
font-weight: bold;
border: none;
outline: none;
background: #2858FF;
position: absolute;
top: 0;
right: 0;
}
.wrap-field-file {
position: relative;
overflow: hidden;
}
.field-file {
opacity: 0;
position: absolute;
left: -99999px;
}
.upload-file-list {
color: #1A1A1A;
text-decoration: underline;
}
.upload-file-list li:last-child {
margin-bottom: 35px;
}
.upload-file-list a {
color: #1A1A1A;
text-decoration: underline;
}
@media (hover: hover) {
.upload-file-list a:hover {
text-decoration: none;
}
}
.field-code {
color: #94A0B1;
}
.field-code .field {
margin-bottom: 0;
}
.field-code__label {
width: 195px;
}
.field-code__note {
margin-top: 12px;
}
.field-code-input {
margin-left: 18px;
width: 210px;
}
.wrap-field-code-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.field-lang-selection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.field-lang-selection .field {
width: 100%;
}
.field-lang-selection .field-select2 {
margin-left: 10px;
width: 105px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.field-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.field-group_label {
padding-top: 12px;
}
.field-group_label .field-input-radio {
margin-top: 0;
}
.field-group_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.field-group_column .field-input-radio {
margin: 5px 0 15px 0 ;
}
.field-group .field-input-radio {
margin: 5px 20px 5px 0 ;
}
.field-input-radio {
margin-bottom: 15px;
width: auto;
display: block;
position: relative;
text-align: left;
font-weight: normal;
cursor: pointer;
color: currentColor;
line-height: 1.1;
}
.field-input-radio [class^="ico-"] {
margin-right: 6px;
}
.field-input-radio i {
font-size: 12px;
color: #99A4AB;
}
.field-input-radio input[type="radio"] {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.field-input-radio input[type="radio"] + span {
padding: 0 0 0 38px;
display: inline-block;
line-height: 1.5;
}
.field-input-radio input[type="radio"] + span:before {
content: '';
margin: 0;
width: 24px;
height: 24px;
display: block;
position: absolute;
top: -2px;
left: 0;
background: #F4F4F8;
border-radius: 100%;
border: 1px solid #F4F4F8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.field-input-radio input[type="radio"]:checked + span:before {
content: '';
background: #2858FF;
-webkit-box-shadow: inset 0 0 0 2px #2858FF, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 2px #2858FF, inset 0 0 0 5px #fff;
}
.field-input-radio_red input[type="radio"] + span {
padding: 0 0 0 25px;
display: inline-block;
line-height: 1.1;
}
.field-input-radio_red input[type="radio"] + span:before {
background: #F3F3F3;
border: 1px solid #F3F3F3;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 300ms ease, border-color 300ms ease;
-o-transition: background-color 300ms ease, border-color 300ms ease;
transition: background-color 300ms ease, border-color 300ms ease;
}
.field-input-radio_red input[type="radio"]:checked + span:before {
content: '';
-webkit-box-shadow: none;
box-shadow: none;
background-color: #2858FF;
background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20version%3D%221.1%22%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2278.369px%22%20height%3D%2278.369px%22%20viewBox%3D%220%200%2078.369%2078.369%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704C78.477,17.894,78.477,18.586,78.049,19.015z%22/%3E%3C/svg%3E');
background-size: 12px 9px;
background-position: center;
background-repeat: no-repeat;
border-color: #FC4242;
}
.field-input-radio input[type="checkbox"] {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.field-input-radio input[type="checkbox"] + i + span,
.field-input-radio input[type="checkbox"] + span {
padding: 0 0 0 38px;
min-height: 22px;
display: inline-block;
line-height: 1.5;
}
.field-input-radio input[type="checkbox"] + i + span:before,
.field-input-radio input[type="checkbox"] + span:before {
content: '';
margin: 0 0 0 0 ;
width: 24px;
height: 24px;
display: block;
position: absolute;
top: -2px;
left: 0;
border: 1px solid #F4F4F8;
border-radius: 4px;
background: #F4F4F8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.field-input-radio input[type="checkbox"]:checked + i + span:before,
.field-input-radio input[type="checkbox"]:checked + span:before {
border-color: #2858FF;
background-color: #2858FF;
background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20version%3D%221.1%22%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2278.369px%22%20height%3D%2278.369px%22%20viewBox%3D%220%200%2078.369%2078.369%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704C78.477,17.894,78.477,18.586,78.049,19.015z%22/%3E%3C/svg%3E');
background-size: 12px 9px;
background-repeat: no-repeat;
background-position: center;
-webkit-box-shadow: none;
box-shadow: none;
}
.field-input-radio input[type="checkbox"][disabled] + i + span,
.field-input-radio input[type="checkbox"][disabled] + span {
color: #D1D8E1;
cursor: default;
}
.field-input-radio input[type="checkbox"][disabled] + i + span:before,
.field-input-radio input[type="checkbox"][disabled] + span:before {
border-color: #F4F4F8;
background: #F4F4F8;
}
.field-input-radio input[type="checkbox"][disabled]:checked + i + span:before,
.field-input-radio input[type="checkbox"][disabled]:checked + span:before {
border-color: #F4F4F8;
background-color: #F4F4F8;
background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20version%3D%221.1%22%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2278.369px%22%20height%3D%2278.369px%22%20viewBox%3D%220%200%2078.369%2078.369%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M78.049,19.015L29.458,67.606c-0.428,0.428-1.121,0.428-1.548,0L0.32,40.015c-0.427-0.426-0.427-1.119,0-1.547l6.704-6.704c0.428-0.427,1.121-0.427,1.548,0l20.113,20.112l41.113-41.113c0.429-0.427,1.12-0.427,1.548,0l6.703,6.704C78.477,17.894,78.477,18.586,78.049,19.015z%22/%3E%3C/svg%3E');
background-size: 12px 9px;
background-repeat: no-repeat;
background-position: center;
}
.is--table .field-input-radio {
margin-bottom: 0;
height: 24px;
width: 24px;
}
.is--table .field-input-radio input[type="radio"] + span:before {
background: #D1D8E1;
}
.is--table .field-input-radio input[type="radio"]:checked + i + span:before,
.is--table .field-input-radio input[type="radio"]:checked + span:before {
background: #D1D8E1;
-webkit-box-shadow: inset 0 0 0 7px #2858ff, inset 0 0 0 12px #fff;
box-shadow: inset 0 0 0 7px #2858ff, inset 0 0 0 12px #fff;
}
.field-radio-group .field-label {
margin: 0 0 20px 0;
}
.field-input-radio-note {
margin-top: 5px;
display: block;
color: #A1A1A1;
}
.wrap-field-input-select {
padding: 0;
margin: 0;
width: 100%;
height: 56px;
display: inline-block;
font-family: "SuisseIntl", Arial, serif;
position: relative;
line-height: 1;
border: none;
background: #F4F4F8;
border-radius: 6px;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrap-field-input-select .field-input-select {
margin: -1px 0 0 0;
padding: 0 20px 0 15px;
width: 100%;
height: 56px;
position: relative;
font-family: "SuisseIntl", Arial, serif;
color: #1A1A1A;
font-size: 15px;
border: none;
background-color: transparent;
background-image: none;
text-transform: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wrap-field-input-select .field-input-select:focus {
outline: none;
}
.field-select2 {
margin-bottom: 15px;
}
.field-select2-label {
margin: 0 0 6px 0;
padding: 0;
display: block;
font-size: 12px;
line-height: 1.5;
font-weight: normal;
color: #94A0B1;
}
.field-select2 select {
padding: 0 40px 0 24px;
margin: 0;
width: 100%;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
font-family: "SuisseIntl", Arial, serif;
position: relative;
line-height: 1;
border: none;
background: #F4F4F8;
border-radius: 6px;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0;
}
.select2-container--daich {
font-size: 15px;
}
.select2-container--daich.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--daich.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--daich.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--daich.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--daich.select2-container--open .select2-selection__arrow b {
-webkit-transform: translate(-50%, -50%) rotate(180deg);
-ms-transform: translate(-50%, -50%) rotate(180deg);
transform: translate(-50%, -50%) rotate(180deg);
}
.select2-container--daich .select2-results__option--highlighted.select2-results__option--selectable {
color: #113EE0;
}
.select2-container--daich .select2-results__option--disabled {
color: #B4C1D1;
}
.select2-container--daich .select2-selection__arrow {
width: 40px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.select2-container--daich .select2-selection__arrow b {
content: '';
width: 10px;
height: 7px;
position: absolute;
top: 50%;
left: 50%;
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%20viewBox%3D%220%200%207%205%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.67%200a.67.67%200%2000-.52%201.08L2.8%204.42a.67.67%200%20001.04%200l2.67-3.34A.67.67%200%20006%200H.67z%22/%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%20viewBox%3D%220%200%207%205%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.67%200a.67.67%200%2000-.52%201.08L2.8%204.42a.67.67%200%20001.04%200l2.67-3.34A.67.67%200%20006%200H.67z%22/%3E%3C/svg%3E');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-size: 12px 8px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.select2-container--daich.select2-container--disabled .select2-selection--multiple,
.select2-container--daich.select2-container--disabled .select2-selection--single {
background: #F4F4F8;
border-color: #F4F4F8;
color: #B4C1D1;
}
.select2-container--daich .select2-selection--multiple,
.select2-container--daich .select2-selection--single {
padding: 0 40px 0 24px;
margin: 0;
width: 100%;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
font-family: "SuisseIntl", Arial, serif;
position: relative;
line-height: 1;
border: none;
background: #F4F4F8;
border-radius: 6px;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.select2-daich-dropdown .select2-results {
padding-top: 10px;
}
.select2-container--daich .select2-selection--multiple {
padding: 5px 20px 0 10px;
height: auto;
min-height: 56px;
}
.select2-container--daich .select2-selection--multiple .select2-selection__rendered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
.select2-container--daich .select2-selection--multiple .select2-search--inline {
margin-bottom: 17px;
-ms-flex-item-align: end;
align-self: flex-end;
}
.select2-container--daich .select2-selection--multiple .select2-selection__choice {
margin-right: 10px;
margin-bottom: 5px;
padding: 10px 5px 10px 15px;
border-radius: 30px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.select2-container--daich .select2-selection--multiple .select2-selection__choice.phoenix-product-not-found {
background: #F4F4F8;
color: #94A0B1;
-webkit-box-shadow: inset 0 0 0 1px #94A0B1;
box-shadow: inset 0 0 0 1px #94A0B1;
}
.select2-container--daich .select2-selection--multiple .select2-selection__choice.phoenix-product-not-found .select2-selection__choice__remove {
color: #94A0B1;
}
.select2-container--daich .select2-selection--multiple .select2-selection__choice__remove {
margin-right: 2px;
border: none;
outline: none;
line-height: 1;
height: 20px;
font-size: 20px;
background: transparent;
cursor: pointer;
}
@media (hover: hover) {
.select2-container--daich .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #113EE0;
}
}
.select2-container--daich .select2-selection--multiple .select2-selection__choice__remove span {
vertical-align: top;
}
.select2-container--daich .select2-selection--multiple .select2-selection__choice__display {
white-space: nowrap;
max-width: 200px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.select2-container--daich.select2-container--open .select2-selection--multiple {
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.select2-container .select2-search--inline .select2-search__field {
background: transparent;
}
.select2-container--daich.select2-container--open .select2-selection--single {
background: #fff;
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.select2-daich-dropdown {
border: 1px solid #fff;
-webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.15);
border-radius: 5px;
z-index: 9;
}
.select2-daich-dropdown.is--in-popup {
z-index: 99992;
}
.select2-daich-dropdown .select2-results {
max-height: 170px;
overflow-y: auto;
}
.select2-daich-dropdown .select2-results__options {
padding-bottom: 10px;
}
.select2-daich-dropdown .select2-results__option {
padding: 6px 24px;
}
.select2-daich-dropdown .select2-search--dropdown {
padding: 24px 24px 6px 24px;
position: relative;
}
.select2-daich-dropdown .select2-search--dropdown .select2-search__field {
padding-left: 20px;
padding-right: 20px;
height: 56px;
font-family: "SuisseIntl", Arial, serif;
font-size: 15px;
border: none;
background: #F4F4F8;
border-radius: 6px;
}
.select2-daich-dropdown.select2-dropdown--above {
-webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0 10px rgba(0, 0, 0, 0.15);
}
.select2-daich-dropdown.select2-dropdown--above:after {
content: '';
width: 100%;
height: 10px;
background: #fff;
position: absolute;
bottom: -9px;
left: 0;
}
.select2-results__option--selected {
color: #113EE0;
}
.grid {
padding-right: 0;
padding-left: 0;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -12px;
margin-left: -12px;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
[class^="col-xs"],
[class*=" col-xs"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 12px;
padding-left: 12px;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
@media only screen and (min-width: 650px) {
[class^="col-sm"],
[class*=" col-sm"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 12px;
padding-left: 12px;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 1025px) {
[class^="col-md"],
[class*=" col-md"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 12px;
padding-left: 12px;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 1360px) {
[class^="col-lg"],
[class*=" col-lg"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 12px;
padding-left: 12px;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
.form-section {
margin-bottom: 36px;
}
.form-row {
margin: 0 -12px 24px -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.form-row .field-select2,
.form-row .field-input-radio,
.form-row .field {
margin-bottom: 0;
}
.form-row:last-child {
margin-bottom: 0;
}
.form-section__h2 {
margin-bottom: 17px;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.form-section__note {
margin-bottom: 24px;
font-size: 15px;
color: #94A0B1;
}
.form-section__footer {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.form-section__footer .btn {
width: 100%;
}
}
.form-col-100,
.form-col-66,
.form-col-50,
.form-col-33,
.form-col-25 {
padding: 0 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-col-100_tooltip,
.form-col-66_tooltip,
.form-col-50_tooltip,
.form-col-33_tooltip,
.form-col-25_tooltip {
position: relative;
}
.form-col-100_tooltip .tooltip-item,
.form-col-66_tooltip .tooltip-item,
.form-col-50_tooltip .tooltip-item,
.form-col-33_tooltip .tooltip-item,
.form-col-25_tooltip .tooltip-item {
position: absolute;
bottom: 16px;
left: 100%;
}
.form-col-caption {
margin-top: 32px;
}
.form-col-100 {
width: 100%;
}
.form-col-66 {
width: 66.6%;
}
.form-col-50 {
width: 50%;
}
.form-col-33 {
width: 33.3%;
}
.form-col-25 {
width: 25%;
}
@media only screen and (max-width: 1024px) {
.form-col-100,
.form-col-50,
.form-col-33,
.form-col-25 {
width: 33.3%;
}
.form-col-50 {
width: 50%;
}
.form-col-100 {
width: 100%;
}
.form-row {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.form-col-100,
.form-col-66,
.form-col-50,
.form-col-33,
.form-col-25 {
margin-bottom: 16px;
padding: 0 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-col-100:last-child,
.form-col-66:last-child,
.form-col-50:last-child,
.form-col-33:last-child,
.form-col-25:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 640px ) {
.form-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-col-100,
.form-col-66,
.form-col-50,
.form-col-33,
.form-col-25 {
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.f-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (max-width: 1024px) {
.f-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 1024px) {
.f-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media only screen and (max-width: 1024px) {
.f-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (max-width: 1024px) {
.f-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
}
.wrap-header {
min-height: 140px;
position: relative;
z-index: 10;
}
.wrap-header-top {
padding: 0;
background: #fff;
color: #1A1A1A;
border-bottom: 1px solid #D1D8E1;
}
.header-top {
max-width: 1440px;
padding: 0 40px 0 40px;
min-height: 49px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.header-top {
padding-left: 18px;
padding-right: 18px;
}
}
.header {
padding: 0 40px 0 40px;
max-width: 1440px;
margin: 0 auto;
height: 84px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
.header {
padding-left: 18px;
padding-right: 18px;
}
}
.header-logo {
margin-top: 5px;
width: 110px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.header-logo img {
vertical-align: baseline;
}
.header-phone {
max-width: 200px;
font-weight: bold;
font-size: 18px;
line-height: 1;
text-align: right;
}
.header-phone b {
margin-top: 3px;
display: block;
font-size: 12px;
line-height: 1;
}
.header-phone_mobile {
margin-bottom: 25px;
}
.header-phone_mobile b {
padding-left: 25px;
}
.header-city {
color: #94A0B1;
position: relative;
}
.header-city__link {
color: #94A0B1;
text-decoration: none;
}
@media (hover: hover) {
.header-city__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.header-city-msg {
padding: 24px;
color: #1A1A1A;
}
.header-city-msg__text {
font-size: 18px;
margin-bottom: 18px;
}
.header-city-msg__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-city-msg__footer .btn {
margin-left: 12px;
}
.header-city-msg__footer .btn:first-child {
margin-left: 0;
}
.header-city .dropdown-menu-dropdown {
z-index: 20;
}
.header-search {
margin-left: 35px;
margin-right: 26px;
width: 100%;
}
@media only screen and (max-width: 1100px) {
.header-search {
margin-left: 25px;
margin-right: 30px;
}
}
.header-toolbar {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-main-nav-btn {
margin-left: 58px;
}
.header-mobile-search {
display: none;
position: relative;
}
.header-mobile-search .search-pane {
padding: 10px 40px 10px 40px;
position: relative;
background: #fff;
z-index: 10;
}
@media only screen and (max-width: 767px) {
.header-mobile-search .search-pane {
padding-left: 18px;
padding-right: 18px;
}
}
.header-bottom {
width: 100%;
position: relative;
background: #fff;
z-index: 10;
}
.header-bottom_sticky {
position: fixed;
top: 0;
left: 0;
-webkit-box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.03);
box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.03);
z-index: 11;
}
.wrap-header-mobile {
padding: 0 40px 0 40px;
width: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
background: #FFFFFF;
-webkit-box-shadow: 0px 6px 24px rgba(51, 96, 163, 0.2);
box-shadow: 0px 6px 24px rgba(51, 96, 163, 0.2);
z-index: 100;
}
@media only screen and (max-width: 767px) {
.wrap-header-mobile {
padding-left: 18px;
padding-right: 18px;
}
}
.header-mobile {
padding-left: 40px;
padding-right: 40px;
width: 100%;
min-height: 60px;
background: #fff;
display: none;
position: fixed;
top: 0;
left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 12;
}
@media only screen and (max-width: 767px) {
.header-mobile {
padding-left: 18px;
padding-right: 18px;
}
}
.header-mobile__logo {
width: 108px;
}
.header-mobile__toolbar {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-mobile__btn {
padding: 5px 0 5px 5px ;
margin-right: 0;
}
.ico-search-mobile {
width: 17px;
height: 17px;
display: inline-block;
vertical-align: middle;
}
.ico-search-mobile svg {
fill: #1A1A1A;
}
.ico-login-mobile {
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
}
.ico-login-mobile svg {
fill: #1A1A1A;
}
@media only screen and (max-width: 1200px) {
.header-city {
max-width: 200px;
}
.header-city_mobile {
max-width: none;
}
.header-city b {
display: block;
}
.header-city b span {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.header-mobile-search {
display: block;
}
.wrap-header {
display: none;
}
.header-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.header-cart {
margin-left: 30px;
position: relative;
}
@media only screen and (max-width: 1100px) {
.header-cart {
margin-left: 25px;
}
}
.header-cart__link {
display: inline-block;
color: #1A1A1A;
text-decoration: none;
}
.header-cart__link > span {
z-index: 2;
position: relative;
}
.header-cart__link_open:before,
.header-cart__link_open:after {
display: block;
}
.header-cart__count {
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
top: -12px;
right: -9px;
font-size: 12px;
font-style: normal;
line-height: 20px;
color: #fff;
text-align: center;
background: #2858FF;
text-decoration: none;
border-radius: 100%;
}
.header-cart-mobile {
position: relative;
}
.header-cart-mobile__link {
display: inline-block;
color: #1A1A1A;
text-decoration: none;
}
.header-cart-mobile__link > span {
z-index: 2;
position: relative;
}
.header-cart-mobile__count {
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
top: -10px;
right: -8px;
font-size: 12px;
font-style: normal;
line-height: 20px;
color: #fff;
text-align: center;
background: #2858FF;
text-decoration: none;
border-radius: 100%;
}
.ico-cart {
margin-right: 13px;
width: 24px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
.ico-cart svg {
fill: currentColor;
}
@media only screen and (max-width: 1200px) {
.header-cart__title {
display: none;
}
}
.header-favorite__link {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.header-favorite__link:hover {
text-decoration: none;
}
}
.ico-favorite {
margin-right: 10px;
width: 20px;
height: 22px;
display: inline-block;
position: relative;
vertical-align: middle;
}
.ico-favorite svg {
stroke: currentColor;
fill: transparent;
}
@media only screen and (max-width: 1200px) {
.header-favorite span {
display: none;
}
.header-favorite .ico-favorite {
margin-right: 0;
}
.header-favorite_mobile .ico-favorite {
margin-right: 10px;
}
}
.header-login {
margin-left: 35px;
}
@media only screen and (max-width: 1100px) {
.header-login {
margin-left: 15px;
}
}
.header-login__link {
margin-left: 25px;
color: #1A1A1A;
text-decoration: none;
line-height: 1;
display: inline-block;
}
.header-login__link:first-child {
margin-left: 0;
}
@media (hover: hover) {
.header-login__link:hover {
text-decoration: none;
}
}
.dropdown-menu-list_personal {
width: 250px;
}
@media only screen and (max-width: 1024.98px) {
.header-login span {
display: none;
}
}
@media only screen and (max-width: 1200px) {
.header-login .ico-login {
margin-right: 0;
}
}
.is--millions,
.is--hundreds-thousand {
font-size: 80%;
}
.is--millions,
.is--hundreds-thousand {
font-size: 90%;
}
.is--millions,
.is--hundreds-thousand {
font-size: 80%;
}
.is--millions,
.is--hundreds-thousand {
font-size: 90%;
}
.has--arrow-next {
padding-right: 16px;
position: relative;
}
.has--arrow-next:after {
content: '';
}
.has--arrow {
padding-right: 16px;
position: relative;
}
.has--arrow:after {
content: '';
width: 8px;
height: 5.7px;
position: absolute;
top: 47%;
right: 0;
background-color: #1A1A1A;
-webkit-mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%20viewBox%3D%220%200%207%205%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.67%200a.67.67%200%2000-.52%201.08L2.8%204.42a.67.67%200%20001.04%200l2.67-3.34A.67.67%200%20006%200H.67z%22/%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%20viewBox%3D%220%200%207%205%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M.67%200a.67.67%200%2000-.52%201.08L2.8%204.42a.67.67%200%20001.04%200l2.67-3.34A.67.67%200%20006%200H.67z%22/%3E%3C/svg%3E');
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
@media (hover: hover) {
.has--arrow:hover:after {
background: currentColor;
}
}
.has--arrow[data-active]:after {
background: currentColor;
/* -webkit-transform: translate(0, -50%) rotate(-180deg);
-ms-transform: translate(0, -50%) rotate(-180deg);
transform: translate(0, -50%) rotate(-180deg);*/
}
.is--fs-4xl {
font-size: 36px;
line-height: 1;
}
.is--hidden {
display: none;
}
.is--important-hidden {
display: none !important;
}
.ico-svg {
width: 100%;
height: 100%;
fill: currentColor;
stroke: currentColor;
vertical-align: top;
-webkit-transition: fill 300ms ease, stroke 300ms ease;
-o-transition: fill 300ms ease, stroke 300ms ease;
transition: fill 300ms ease, stroke 300ms ease;
}
.ico-arrow-more {
width: 6px;
height: 10px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.ico-favorites {
width: 20px;
height: 22px;
position: relative;
display: inline-block;
vertical-align: middle;
}
.ico-favorites .ico-svg {
stroke: currentColor;
fill: transparent;
}
.ico-delete {
width: 12px;
height: 12px;
display: inline-block;
color: #94A0B1;
}
.ico-remove,
.ico-edit {
width: 24px;
height: 24px;
display: inline-block;
}
.ico-back {
margin-right: 10px;
width: 8px;
height: 12px;
display: inline-block;
vertical-align: middle;
color: #2858FF;
vertical-align: -2px;
}
.ico-back svg {
stroke: currentColor;
}
.ico-tooltip {
margin-left: 6px;
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
}
.ico-point {
margin-right: 13px;
width: 11px;
height: 15px;
display: inline-block;
vertical-align: middle;
}
.ico-phone {
margin-right: 10px;
width: 19px;
height: 19px;
display: inline-block;
vertical-align: middle;
}
.ico-mail {
margin-right: 10px;
width: 25px;
height: 19px;
display: inline-block;
vertical-align: middle;
}
.ico-warning {
margin-right: 5px;
width: 14px;
height: 14px;
display: inline-block;
vertical-align: middle;
}
.ico-print {
width: 28px;
height: 23px;
display: inline-block;
}
.ico-attach {
margin-right: 8px;
width: 18px;
height: 23px;
display: inline-block;
vertical-align: middle;
}
.ico-attach svg {
stroke: none;
}
.ico-attach-file {
margin-right: 10px;
width: 15px;
height: 18px;
display: inline-block;
vertical-align: middle;
}
.ico-attach-file svg {
stroke: none;
}
.ico-favorite-border {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
}
.ico-lightning {
width: 11px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
.ico-file {
width: 22px;
height: 24px;
display: inline-block;
}
.ico-download {
width: 21px;
height: 20px;
display: inline-block;
}
.ico-humburger {
margin: 0;
width: 20px;
height: 14px;
display: block;
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.ico-humburger span {
height: 2px;
width: 100%;
display: block;
position: absolute;
opacity: 1;
background: #1A1A1A;
border-radius: 2px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.ico-humburger span:nth-child(1) {
top: 0px;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.ico-humburger span:nth-child(2) {
top: 6px;
}
.ico-humburger span:nth-child(3) {
top: 12px;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.is--open .ico-humburger span:nth-child(1) {
top: 6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.is--open .ico-humburger span:nth-child(2) {
width: 0%;
opacity: 0;
}
.is--open .ico-humburger span:nth-child(3) {
top: 6px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ico-humb-cat {
margin: 0 15px 0 0;
width: 22px;
height: 14px;
display: inline-block;
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
cursor: pointer;
vertical-align: -2px;
}
.ico-humb-cat span {
height: 2px;
width: 100%;
display: block;
position: absolute;
opacity: 1;
background: currentColor;
border-radius: 2px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: background 300ms ease, -webkit-transform 300ms ease;
transition: background 300ms ease, -webkit-transform 300ms ease;
-o-transition: background 300ms ease, transform 300ms ease;
transition: background 300ms ease, transform 300ms ease;
transition: background 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
}
.ico-humb-cat span:nth-child(1) {
top: 0px;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.ico-humb-cat span:nth-child(2) {
top: 6px;
}
.ico-humb-cat span:nth-child(3) {
top: 12px;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.is--open .ico-humb-cat span:nth-child(1),
.main-nav-btn_open .ico-humb-cat span:nth-child(1) {
top: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.is--open .ico-humb-cat span:nth-child(2),
.main-nav-btn_open .ico-humb-cat span:nth-child(2) {
width: 0%;
opacity: 0;
}
.is--open .ico-humb-cat span:nth-child(3),
.main-nav-btn_open .ico-humb-cat span:nth-child(3) {
top: 7px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.svg-sprite {
display: none;
}
.wrap {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.content {
margin: 0 auto 80px auto;
padding: 0 40px 0 40px;
max-width: 1440px;
width: 100%;
}
.section-main__index {
padding: 34px 0 0 0;
}
.p-lead {
font-size: 24px;
}
.errortext {
color: #2858FF;
}
.header-section {
margin: 0 0 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-section h1 {
margin-bottom: 0;
line-height: 1;
}
.quote-img-incut {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.quote-img-incut blockquote {
margin-top: 0;
}
.quote-img-incut__blockquote {
padding-right: 20px;
width: 100%;
max-width: 300px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.is--mark-error {
color: #FC4242;
}
@media only screen and (max-width: 1024px) {
.is--table-hide {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.is--mobile-hide {
display: none !important;
}
}
.contact-page-list {
margin-top: 35px;
font-size: 18px;
}
.contact-page-list li {
margin-bottom: 24px;
padding-left: 36px;
position: relative;
}
.contact-page-list [class^='ico-'] {
position: absolute;
top: 2px;
left: 0;
}
.contact-page-list .ico-point {
width: 23px;
height: 24px;
top: 0px;
}
.contact-page-list .ico-phone {
width: 26px;
height: 19px;
}
.contact-page-list .ico-mail {
width: 28px;
height: 17px;
}
@media only screen and (max-width: 1440px) {
.is--personal-nav {
padding-left: 60px;
}
}
@media only screen and (max-width: 1024px) {
.is--personal-nav {
padding-left: 0;
}
}
@media only screen and (max-width: 700px) {
.lk-menu-mobile-btn {
display: block;
}
}
body:after {
content: '';
width: 100%;
height: 100%;
position: fixed;
visibility: hidden;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0);
-webkit-transition: background-color 300ms ease;
-o-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.overlay-nav:after,
.overlay:after {
visibility: visible;
z-index: 19;
background: rgba(0, 0, 0, 0.2);
}
.is--lock {
overflow: hidden;
position: relative;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@media only screen and (max-width: 1024px) {
.is--lock {
padding-top: 0;
}
}
.overlay {
overflow: hidden;
position: relative;
}
.overlay-nav:after {
z-index: 8;
}
.is--gray {
color: #94A0B1;
}
@media only screen and (max-width: 900px) {
.section-main__index {
padding: 0 0 0 0;
}
}
@media only screen and (max-width: 767px) {
.content {
padding: 0 18px 0 18px;
}
}
.filter-footer__apply {
width: 100%;
max-width: none;
display: none;
}
@media only screen and (max-width: 1024px) {
.filter-footer__apply {
display: block;
}
}
@media only screen and (max-width: 1024px) {
.filter-footer__reset {
position: fixed;
top: 10px;
right: 90px;
z-index: 2;
}
}
@media only screen and (max-width: 767px) {
.filter-footer__reset {
right: 62px;
}
}
.is--noaval {
color: #94A0B1;
}
.is--noaval .catalog-series-table__link {
color: #94A0B1;
}
.slick-dots li button:before {
font-size: 30px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 8px;
content: '';
text-align: center;
color: #d1d1d1;
background: #d1d1d1;
-webkit-box-shadow: inset 0 0 0 2px #d1d1d1;
box-shadow: inset 0 0 0 2px #d1d1d1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 100%;
}
.slick-dots li.slick-active button:before {
color: #2858FF;
background: #2858FF;
-webkit-box-shadow: inset 0 0 0 2px #2858FF;
box-shadow: inset 0 0 0 2px #2858FF;
}
.h--link-list h4 {
margin-top: 20px;
margin-bottom: 10px;
}
.loader {
position: relative;
pointer-events: none;
}
.loader:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
z-index: 9;
}
.loader:before {
content: '';
margin: -20px 0 0 -20px;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
text-indent: -9999em;
border-top: 4px solid rgba(255, 255, 255, 0.2);
border-right: 4px solid rgba(255, 255, 255, 0.2);
border-bottom: 4px solid rgba(255, 255, 255, 0.2);
border-left: 2px solid #2858FF;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loader 1.1s infinite linear;
animation: loader 1.1s infinite linear;
z-index: 10;
}
form.loader,
.section-main.loader {
position: relative;
}
.catalog-loader {
position: relative;
pointer-events: none;
}
.catalog-loader:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
z-index: 9;
}
form.catalog-loader,
.section-main.catalog-loader {
position: relative;
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loader-inline {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.9) url(/local/templates/general//daichi-layout/build/css/../images/loader.svg) no-repeat center center;
z-index: 9;
}
.main-nav-slider {
width: 323px;
}
.main-nav-slider__img {
width: 323px;
}
.main-nav-slider .slick-dots {
padding-left: 15px;
bottom: 15px;
text-align: left;
}
.main-nav-slider.slick-slider {
margin-bottom: 0;
}
.wrap-main-slider {
margin-bottom: 80px;
}
.wrap-main-slider .slick-dots {
width: auto;
right: 27px;
bottom: 36px;
}
@media only screen and (max-width: 767px) {
.wrap-main-slider .slick-dots {
width: 100%;
right: 0;
bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.wrap-main-slider .slick-dots li button:before {
color: #B4C1D1;
background: #B4C1D1;
-webkit-box-shadow: inset 0 0 0 2px #B4C1D1;
box-shadow: inset 0 0 0 2px #B4C1D1;
}
}
.wrap-main-slider .slick-dots li.slick-active button:before {
color: #2858FF;
background: #2858FF;
-webkit-box-shadow: inset 0 0 0 2px #2858ff;
box-shadow: inset 0 0 0 2px #2858ff;
}
@media only screen and (max-width: 767px) {
.wrap-main-slider {
margin: 0 -18px;
}
}
.main-slider {
position: relative;
}
.main-slider-body {
overflow: hidden;
border-radius: 5px;
}
.main-slider-body .slick-list {
border-right: 5px;
}
.main-slider-item {
height: 494px;
position: relative;
overflow: hidden;
background: #F4F4F8;
border-radius: 5px;
text-align: center;
}
.main-slider-item.hidden-slide {
display: none;
}
@media only screen and (max-width: 767px) {
.main-slider-item {
height: 458px;
}
}
.main-slider-item__img {
height: 100%;
}
.main-slider-item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.manager-contact-pane {
margin-bottom: 24px;
}
.manager-contact-pane__title {
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
}
.manager-contact-pane__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.manager-contact-pane__cont a {
margin-right: 39px;
color: #1A1A1A;
}
.manager-contact-pane__cont a:last-child {
margin-right: 0;
}
@media (hover: hover) {
.manager-contact-pane__cont a:hover {
color: #113EE0;
}
}
.mini-cart {
padding: 0 13px 20px 13px;
width: 485px;
position: absolute;
display: none;
top: 59px;
left: -24px;
background: #fff;
border: 1px solid #F3F3F3;
border-bottom: none;
-webkit-box-shadow: 0px 20px 17px rgba(0, 0, 0, 0.09), 0px 2px 0px #E50020;
box-shadow: 0px 20px 17px rgba(0, 0, 0, 0.09), 0px 2px 0px #E50020;
z-index: 5;
}
.mini-cart .simplebar-track.simplebar-vertical {
width: 5px;
border-radius: 5px;
}
.mini-cart .simplebar-track {
background: #EDEDED;
border-radius: 5px;
}
.mini-cart .simplebar-scrollbar:before {
background: #444444;
border-radius: 5px;
}
.mini-cart__body {
margin-top: 14px;
max-height: 230px;
overflow-y: visible;
}
.mini-cart__scroll {
padding-right: 15px;
}
.mini-cart__footer {
padding-top: 17px;
font-size: 16px;
}
.mini-cart__footer .btn {
margin-right: 60px;
}
.mini-cart-item {
min-width: 428px;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #EDEDED;
}
.mini-cart-item__img {
width: 40px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
text-align: center;
}
.mini-cart-item__title {
margin-left: 10px;
margin-right: 10px;
width: 170px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 13px;
font-weight: bold;
line-height: 1.1;
}
.mini-cart-item__title a {
color: #1A1A1A;
}
@media (hover: hover) {
.mini-cart-item__title a:hover {
color: #2858FF;
}
}
.mini-cart-item__amount {
width: 80px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.mini-cart-item__price {
margin-left: 10px;
width: 95px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
color: #2858FF;
}
.mini-cart-item__close {
margin-left: auto;
}
.ico-mini-cart-del {
width: 10px;
height: 10px;
display: block;
}
@media (hover: hover) {
.ico-mini-cart-del:hover svg {
stroke: #2858FF;
}
}
.ico-mini-cart-del svg {
stroke: #1A1A1A;
}
.wrap-mobile-menu {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
right: 0;
z-index: 11;
overflow: scroll;
background: rgba(0, 0, 0, 0.5);
}
.mobile-menu {
padding: 60px 40px 30px 40px;
margin-left: auto;
height: 100vh;
background: #fff;
overflow: scroll;
height: 100%;
position: absolute;
width: 100%;
}
@media only screen and (max-width: 767px) {
.mobile-menu {
padding-left: 18px;
padding-right: 18px;
}
}
.mobile-menu-header {
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-menu-top {
margin: 16px 0 0 0;
padding: 0 0 13px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-top-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
}
.header-top-nav__item {
position: relative;
margin-left: 39px;
}
.header-top-nav__item_dropdown {
position: relative;
}
.header-top-nav__item_dropdown > a {
padding-right: 15px;
position: relative;
z-index: 2;
}
.header-top-nav__item_dropdown > a:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
border-color: #444 transparent transparent transparent;
border-width: 5px 5px 0 5px;
border-style: solid;
}
.header-top-nav__item_dropdown:after {
content: '';
width: calc(100% + 20px);
height: 100%;
display: none;
position: absolute;
top: 50%;
left: calc(50% + 4px);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
z-index: 1;
-webkit-box-shadow: 0px 20px 17px rgba(0, 0, 0, 0.09);
box-shadow: 0px 20px 17px rgba(0, 0, 0, 0.09);
}
.header-top-nav__item_dropdown:before {
content: '';
width: calc(100% + 20px);
height: 10px;
display: none;
position: absolute;
left: calc(50% + 4px);
bottom: -5px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: #fff;
z-index: 12;
}
@media (hover: hover) {
.header-top-nav__item_dropdown:hover:before,
.header-top-nav__item_dropdown:hover:after {
display: block;
}
}
@media (hover: hover) {
.header-top-nav__item_dropdown:hover>a {
color: #2858FF;
}
}
@media (hover: hover) {
.header-top-nav__item_dropdown:hover>a:after {
border-color: #2858FF transparent transparent transparent;
}
}
@media (hover: hover) {
.header-top-nav__item_dropdown:hover .header-top-nav-dropdown {
display: block;
}
}
.header-top-nav__link {
padding: 0;
display: block;
color: #94A0B1;
}
@media (hover: hover) {
.header-top-nav__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.header-top-nav-dropdown {
padding: 20px 24px 5px 24px;
display: none;
position: absolute;
top: 100%;
right: -15px;
background: #FFFFFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 11;
}
.header-top-nav-dropdown__item {
margin-bottom: 15px;
position: relative;
}
.header-top-nav-dropdown__link {
padding: 0 0 0 14px;
color: #94A0B1;
white-space: nowrap;
}
@media (hover: hover) {
.header-top-nav-dropdown__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.header-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-nav__item {
margin: 0 16px;
text-transform: uppercase;
}
.header-nav__link {
color: #000;
}
@media (hover: hover) {
.header-nav__link:hover {
color: #000;
}
}
.footer-nav__item {
margin-bottom: 5px;
position: relative;
}
.footer-nav__item a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.footer-nav__item a:hover {
color: #113EE0;
text-decoration: none;
}
}
.footer-nav__item_act {
color: #113EE0;
}
.footer-nav__item_act a {
color: #113EE0;
}
.footer-nav__item_h {
margin-bottom: 10px;
padding-left: 0;
color: #94A0B1;
font-weight: 500;
text-transform: uppercase;
}
.footer-nav__item_h a {
text-decoration: none;
color: #94A0B1;
}
@media (hover: hover) {
.footer-nav__item_h a:hover {
text-decoration: none;
color: #94A0B1;
}
}
.wrap-main-nav-btn {
position: relative;
}
.main-nav-mobile-btn,
.main-nav-btn {
padding: 13px 23px 13px 24px;
display: block;
position: relative;
font-size: 14px;
line-height: 1;
text-decoration: none;
border: 2px solid #D1D8E1;
color: #1A1A1A;
text-transform: uppercase;
border-radius: 5px;
white-space: nowrap;
letter-spacing: 0.5px;
}
@media (hover: hover) {
.main-nav-mobile-btn:hover,
.main-nav-btn:hover {
text-decoration: none;
color: #113EE0;
}
}
@media (hover: hover) {
.main-nav-mobile-btn:hover {
color: #1A1A1A;
}
}
.wrap-main-nav {
padding: 30px 0 35px 0;
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
border-right: none;
z-index: 5;
}
.wrap-main-nav:after {
content: '';
width: 124px;
height: 5px;
position: absolute;
top: -2px;
left: 0 ;
background: #fff;
}
.main-nav {
margin: 0 auto;
padding: 0 40px 0 40px;
max-width: 1440px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-nav__col {
padding: 0 24px;
width: 100%;
border-left: 1px solid #E7EAED;
}
.main-nav__col:first-child {
padding-left: 0;
border-left: 0;
}
.main-nav-list_spec .main-nav-list__item {
font-size: 24px;
}
.main-nav-list__item {
margin-bottom: 21px;
position: relative;
}
.main-nav-list__item:first-child {
font-size: 24px;
}
.main-nav-list__item_act a {
color: #2858FF;
}
.main-nav-list__link {
width: 100%;
position: relative;
display: inline-block;
color: #1A1A1A;
}
@media (hover: hover) {
.main-nav-list__link:hover {
color: #2858FF;
text-decoration: none;
}
}
.main-nav-section {
margin: 0 -16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-nav-section__col {
padding: 0 16px;
width: 50%;
}
.main-nav-section-list {
margin-bottom: 30px;
}
.main-nav-section-list__item {
margin-bottom: 5px;
}
.main-nav-section-list__item_head {
padding-bottom: 4px;
margin-bottom: 10px;
font-weight: bold;
border-bottom: 2px solid #EDEDED;
}
.main-nav-section-list a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.main-nav-section-list a:hover {
color: #2858FF;
text-decoration: none;
}
}
.main-nav__body {
height: 100%;
}
.main-nav__body-scroll {
padding-right: 15px;
height: 100%;
overflow-x: hidden;
}
.header-mobile-nav {
display: none;
}
@media only screen and (max-width: 760px) {
}
.mobile-nav {
font-size: 14px;
}
.mobile-nav__item {
margin-bottom: 0px;
}
.mobile-nav__item_dropdown > a {
padding-right: 20px;
position: relative;
}
.mobile-nav__item_dropdown > a:after {
content: '';
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
transform: translate(0, -50%) rotate(180deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
border-color: transparent transparent #444 transparent;
border-width: 0px 5px 5px 5px;
border-style: solid;
}
.mobile-nav__item_open > a:after {
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
}
.mobile-nav__item_open .mobile-menu-bottom-nav-dropdown {
display: block;
}
.mobile-nav a {
color: #1A1A1A;
}
@media (hover: hover) {
.mobile-nav a:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.mobile-nav_gray {
font-size: 14px;
}
.mobile-nav_gray a {
padding: 8px 0;
display: inline-block;
}
.mobile-nav-dropdown {
margin-left: 10px;
margin-top: 10px;
display: none;
}
.mobile-nav-dropdown__item {
margin-bottom: 5px;
}
.mobile-menu-devider {
margin: 13px 0;
border: 1px solid #B4C1D1;
}
.wrap-mobile-catalog-nav {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
right: 0;
z-index: 11;
overflow: scroll;
background: #fff;
z-index: 12;
}
@media only screen and (max-width: 767px) {
}
.wrap-mobile-catalog-nav.is--open {
display: block;
}
.wrap-mobile-catalog-nav.is--open .mobile-catalog-nav__close {
display: block;
}
.mobile-catalog-nav {
margin-bottom: 12px;
padding: 65px 40px 30px 40px;
}
@media only screen and (max-width: 767px) {
.mobile-catalog-nav {
padding-left: 18px;
padding-right: 18px;
}
}
.mobile-catalog-nav__body {
padding: 10px 0 0 0;
}
.mobile-catalog-nav-list {
margin: 15px 0;
}
.mobile-catalog-nav-list__link {
padding: 8px 0;
display: block;
}
.mobile-catalog-nav a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.mobile-catalog-nav a:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.mobile-catalog-nav__header {
padding: 20px 40px;
width: 100%;
height: 65px;
position: relative;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.mobile-catalog-nav__header {
padding-left: 18px;
padding-right: 18px;
}
}
.mobile-catalog-nav__back {
width: 28px;
height: 28px;
position: absolute;
top: 50%;
left: 0;
color: #323232;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.mobile-catalog-nav__title {
padding-left: 45px;
font-size: 14px;
position: relative;
text-decoration: none;
color: #1A1A1A;
}
@media (hover: hover) {
.mobile-catalog-nav__title:hover {
text-decoration: none;
color: #1A1A1A;
}
}
.mobile-catalog-nav__link {
width: 40px;
padding: 12px;
height: 40px;
display: block;
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.mobile-catalog-nav__link:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.mobile-catalog-nav__close {
display: none;
position: absolute;
top: 10px;
right: 30px;
color: #1A1A1A;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.mobile-catalog-nav__close {
right: 9px;
}
}
@media (hover: hover) {
.mobile-catalog-nav__close:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.mobile-catalog-nav-section {
margin-bottom: 25px;
color: #1A1A1A;
}
.mobile-catalog-nav-section.is--open .mobile-catalog-nav-section__body {
display: block;
}
.mobile-catalog-nav-section.is--open .mobile-catalog-nav-section__title:before {
background-color: #BAC2CD;
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
}
.mobile-catalog-nav-section.is--open .mobile-catalog-nav-section__title:after {
background-color: #BAC2CD;
}
@media (hover: hover) {
.mobile-catalog-nav-section:hover {
color: #1A1A1A;
}
}
.mobile-catalog-nav-section__title {
display: block;
font-size: 18px;
color: #1A1A1A;
position: relative;
}
.mobile-catalog-nav-section__title.is--no-dropdown:after,
.mobile-catalog-nav-section__title.is--no-dropdown:before {
display: none;
}
.mobile-catalog-nav-section__title:after {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
right: 5px;
background: currentColor;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.mobile-catalog-nav-section__title:before {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
right: 5px;
background: currentColor;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
-o-transition: transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
@media (hover: hover) {
.mobile-catalog-nav-section__title:hover {
color: #1A1A1A;
}
}
.mobile-catalog-nav-section__body {
display: none;
}
.wrap-not-found {
padding-top: 100px;
}
@media only screen and (max-width: 780px) {
.wrap-not-found {
padding-top: 36px;
}
}
.not-found {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 780px) {
.not-found {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.not-found__body {
max-width: 440px;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 780px) {
.not-found__body {
max-width: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.not-found__img {
padding-left: 95px;
width: 100%;
text-align: center;
}
@media only screen and (max-width: 780px) {
.not-found__img {
margin-bottom: 24px;
padding-left: 0px;
max-width: 300px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.not-found ul {
margin-bottom: 0;
}
.not-found .h1 {
margin-bottom: 25px;
}
.not-found p {
margin: 0 0 15px 0;
}
.not-found__footer {
margin-top: 20px;
}
.not-found__footer .btn {
margin-right: 24px;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.not-found__footer .btn {
margin-right: 0;
margin-bottom: 16px;
width: 100%;
display: block;
}
.not-found__footer .btn:last-child {
margin-bottom: 0;
}
}
.not-found__big {
font-size: 30px;
color: #2858FF;
}
.page-section {
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-section__aside {
margin-right: 30px;
width: 270px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.page-section__main {
width: 100%;
position: relative;
}
@media only screen and (max-width: 1000px) {
.page-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-section__aside {
margin: 0 0 30px 0;
width: 100%;
}
}
.pager-toolbar {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pager-toolbar__col {
margin-right: 30px;
}
.pager-toolbar__col_left {
margin-left: 0;
margin-right: auto;
}
.pager-toolbar__col:last-child {
margin-right: 0;
}
.pager-toolbar__count {
color: #94A0B1;
}
@media only screen and (max-width: 767px) {
.pager-toolbar__count {
margin-bottom: 16px;
}
}
.pager-toolbar__count b {
color: #1A1A1A;
font-weight: 500;
}
.pager-toolbar_fenix .pager-toolbar__col_left {
width: 100%;
}
.pager-toolbar-mobile-view,
.pager-toolbar-mobile-filter {
display: none;
}
.catalog-toolbar-view {
padding: 8px 17px;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
background: #F4F4F8;
border-radius: 4px;
}
.catalog-toolbar-view li {
margin-left: 18px;
}
.catalog-toolbar-view li:first-child {
margin-left: 0;
}
.catalog-toolbar-view .catalog-toolbar-view__link {
width: 22px;
height: 22px;
display: inline-block;
color: #B4C1D1;
text-decoration: none;
vertical-align: middle;
}
@media (hover: hover) {
.catalog-toolbar-view .catalog-toolbar-view__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.catalog-toolbar-view .catalog-toolbar-view__link .icon {
width: 100%;
height: 100%;
}
.catalog-toolbar-view .catalog-toolbar-view__link svg {
-webkit-transition: fill 200ms ease;
-o-transition: fill 200ms ease;
transition: fill 200ms ease;
fill: currentColor;
}
.catalog-toolbar-view_act .catalog-toolbar-view__link {
color: #113EE0;
}
.pager-toolbar-sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pager-toolbar-sort__title {
margin-right: 5px;
color: #94A0B1;
}
.pager-toolbar-sort__link {
padding-right: 14px;
color: #1A1A1A;
position: relative;
text-decoration: none;
display: inline-block;
}
.pager-toolbar-sort__link-text {
position: relative;
}
@media (hover: hover) {
.pager-toolbar-sort__link:hover {
/* color: #113EE0; */
text-decoration: none;
}
}
.pager-toolbar-sort__link-toggle {
width: 7px;
height: 10px;
position: absolute;
top: calc(50% + 1px);
right: 0;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.pager-toolbar-sort__link-toggle svg {
width: 100%;
height: 100%;
stroke: currentColor;
fill: transparent;
vertical-align: top;
}
.pager-toolbar-sort__link_open .pager-toolbar-sort__link-toggle {
-webkit-transform: translate(0, -50%) rotate(-90deg);
-ms-transform: translate(0, -50%) rotate(-90deg);
transform: translate(0, -50%) rotate(-90deg);
}
.pager-sort-dropdown {
padding: 24px;
width: 210px;
line-height: 1.5;
}
.pager-sort-dropdown li {
padding: 0;
margin-bottom: 8px;
}
.pager-sort-dropdown li:last-child {
margin-bottom: 0;
}
.pager-sort-dropdown a {
display: block;
position: relative;
z-index: 2;
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.pager-sort-dropdown a:hover {
color: #2858FF;
}
}
.pager-sort-dropdown_act a {
color: #2858FF;
}
.pager-toolbar-mobile-filter__count {
margin-left: 10px;
width: 26px;
height: 26px;
display: inline-block;
font-size: 14px;
text-align: center;
color: #fff;
vertical-align: middle;
line-height: 26px;
background: #2858FF;
border-radius: 8px;
}
.pager-toolbar-mobile-filter__link {
padding: 5px 14px;
min-height: 38px;
font-size: 14px;
color: #000;
text-decoration: none;
border: 1px solid #B4C1D1;
border-radius: 5px;
line-height: 26px;
}
@media (hover: hover) {
.pager-toolbar-mobile-filter__link:hover {
color: #000;
text-decoration: none;
}
}
@media only screen and (max-width: 1024px) {
.catalog-toolbar-view {
display: none;
}
.pager-toolbar-mobile-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pager-toolbar-mobile-filter .catalog-toolbar-view {
margin-left: 0;
margin-right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.pager-toolbar {
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pager-toolbar__col {
margin-bottom: 10px;
margin-right: 0;
}
.pager-toolbar__col_left {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.pager-toolbar-mobile-filter {
margin-bottom: 24px;
}
.is--phenix .pager-toolbar-mobile-filter__link {
width: 100%;
}
.is--phenix .pager-toolbar-mobile-filter {
margin-bottom: 0;
text-align: center;
}
.is--phenix .pager-toolbar__col_left {
margin-bottom: 0;
}
.pager-toolbar-mobile-filter .catalog-toolbar-view li:first-child {
display: none;
}
.catalog-toolbar-view li {
margin-left: 0;
}.catalog-toolbar-view li:last-child {
margin-left: 18px;
}
.pager-toolbar__col_left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.section-main_dev .pagination {
margin-bottom: 30px;
}
.pagination {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination-item {
margin-right: 4px;
width: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pagination-item:first-child {
border: none;
}
.pagination-item span,
.pagination-item__link {
width: 40px;
line-height: 40px;
display: inline-block;
color: #1A1A1A;
text-align: center;
text-decoration: none;
background: transparent;
border-radius: 100%;
}
@media (hover: hover) {
.pagination-item__link:hover {
color: #fff;
background: #2858FF;
text-decoration: none;
}
}
.pagination-item_devider {
color: #000000;
text-align: center;
}
.pagination-item_act + li {
border: none;
}
.pagination-item_act span,
.pagination-item_act__link {
color: #fff;
background: #2858FF;
text-decoration: none;
}
@media (hover: hover) {
.pagination-item_act__link:hover {
text-decoration: none;
}
}
.pagination-item-prev,
.pagination-item-next {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination-item-prev__link,
.pagination-item-next__link {
color: #1A1A1A;
text-decoration: none;
text-transform: uppercase;
}
.pagination-item-prev__link.is--disable,
.pagination-item-next__link.is--disable {
color: #D1D8E1;
pointer-events: none;
}
@media (hover: hover) {
.pagination-item-prev__link.is--disable:hover,
.pagination-item-next__link.is--disable:hover {
color: #D1D8E1;
}
}
.pagination-item-prev {
margin-right: 18px;
}
.pagination-item-prev + li {
border: none;
}
.pagination-item-prev svg {
margin-left: -2px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.pagination-item-next {
margin-left: 18px;
}
.ico-pagination-prev,
.ico-pagination-next {
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ico-pagination-prev svg,
.ico-pagination-next svg {
width: 6px;
height: 10px;
}
.pagination-load-more {
margin-bottom: 33px;
padding: 30px 10px;
width: 100%;
height: auto;
position: relative;
display: inline-block;
font-size: 16px;
font-family: "SuisseIntl", Arial, serif;
font-weight: normal;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
line-height: 1;
color: #1A1A1A;
background: transparent;
border: 1px solid #D1D8E1;
border-radius: 6px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: none;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (hover: hover) {
.pagination-load-more:hover {
color: #113EE0;
border-color: #113EE0;
}
}
.panel-group {
margin: 0 -12px 56px -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.panel-group .panel {
margin: 0 12px 24px 12px;
width: calc(100% - 24px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.panel {
margin: 0 0 24px 0;
padding: 28px;
position: relative;
background: #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.panel {
padding: 16px;
}
}
@media only screen and (max-width: 1024px) {
.panel__order-deatil-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media only screen and (max-width: 767px) {
.panel__order-deatil-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.panel__order-deatil-footer li {
margin-top: 14px;
}
@media only screen and (max-width: 1024px) {
.panel__order-deatil-footer li {
margin-right: 14px;
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.panel__order-deatil-footer li {
margin-right: 0;
margin-top: 14px;
}
}
@media only screen and (max-width: 767px) {
.panel__order-deatil-footer li .btn {
width: 100%;
}
}
.panel__order-deatil-footer li:first-child {
margin-top: 0;
}
.panel.is--full-height {
height: calc(100% - 24px);
}
.panel p {
margin-bottom: 24px;
}
.panel_white {
border: 1px solid #E6E6EF;
background: #fff;
}
.panel_at {
-ms-flex-item-align: start;
align-self: flex-start;
}
.panel_cart {
padding: 10px 18px 30px 20px;
margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
.panel_cart {
padding: 0;
background: #fff;
}
}
.panel_table {
padding: 28px;
}
@media only screen and (max-width: 1024px) {
.panel_table {
padding: 16px;
overflow-x: auto;
}
}
@media only screen and (max-width: 767px) {
.panel_table {
padding: 0;
background: transparent;
overflow-x: none;
}
}
.panel_cart-summary {
padding: 0 12px;
background: #fff;
}
.panel_lk-welkom {
padding: 28px 40px;
}
@media only screen and (max-width: 1024px) {
.panel_lk-welkom {
padding: 28px 24px;
}
}
.panel_lk-order {
margin-bottom: 80px;
padding: 28px;
}
@media only screen and (max-width: 1024px) {
.panel_lk-order {
padding: 16px;
}
}
@media only screen and (max-width: 767px) {
.panel_lk-order {
padding: 0;
margin-right: -18px;
background: #fff;
}
}
.panel_lk-value {
padding: 28px ;
}
@media only screen and (max-width: 1024px) {
.panel_lk-value {
padding: 24px;
}
}
.panel_lk-value .panel-item-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 1024px) {
.panel_lk-value .panel-item-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.panel_lk-sale.is--single .panel__body {
margin-top: auto;
margin-bottom: auto;
}
@media only screen and (max-width: 1024px) {
.panel_lk-sale.is--single .panel__more {
margin-top: 0;
}
}
.panel_lk-sale .panel-item-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.panel_lk-sale .panel-item-row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.panel_lk-sale .panel-item {
width: 50%;
}
@media only screen and (max-width: 1024px) {
.panel_lk-sale .panel-item {
width: 33.3%;
}
}
.panel__title {
margin-bottom: 14px;
display: block;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
font-weight: 500;
}
@media only screen and (max-width: 1024px) {
.panel__title {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.panel__title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.panel_table .panel__title {
margin-bottom: 24px;
}
.panel__title .badge-status {
margin-top: 16px;
width: 100%;
}
}
.panel__title_small {
font-size: 18px;
margin-bottom: 24px;
}
.panel__body {
width: 100%;
display: block;
}
.panel__more {
padding-right: 16px;
margin-top: auto;
position: relative;
font-size: 15px;
}
.panel__more_top {
position: absolute;
top: 36px;
right: 34px;
}
.ico-arrow-more {
position: absolute;
top: 6px;
right: 0;
}
.panel-group .panel_col-25,
.panel_col-25 {
width: calc(25% - 24px);
}
.panel-group .panel_col-33,
.panel_col-33 {
width: calc(33.3% - 24px);
}
.panel-group .panel_col-35,
.panel_col-35 {
width: calc(35% - 24px);
}
.panel-group .panel_col-40,
.panel_col-40 {
width: calc(40% - 24px);
}
.panel-group .panel_col-50,
.panel_col-50 {
width: calc(50% - 24px);
}
.panel-group .panel_col-60,
.panel_col-60 {
width: calc(60% - 24px);
}
.panel-group .panel_col-65,
.panel_col-65 {
width: calc(65% - 24px);
}
.panel-group .panel_col-66,
.panel_col-66 {
width: calc(67.7% - 24px);
}
.panel-group .panel_col-75,
.panel_col-75 {
width: calc(75% - 24px);
}
.panel-item {
display: block;
margin-bottom: 14px;
}
.panel-item:last-child {
margin-bottom: 0;
}
.panel-item__title {
margin-bottom: 4px;
display: block;
line-height: 1.3;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
}
.panel-item_cart .panel-item__body {
font-size: 24px;
}
.panel-item__body {
font-size: 14px;
}
.panel-item__sale {
display: block;
line-height: 1.1;
font-weight: 600;
font-size: 36px;
}
.panel-item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.panel-welkom {
padding-bottom: 28px;
margin-bottom: 28px;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 1024px) {
.panel-welkom {
padding-bottom: 24px;
margin-bottom: 24px;
}
}
.panel-welkom__small {
margin-bottom: 5px;
display: block;
font-size: 18px;
}
.panel-welkom__name {
line-height: 1.1;
font-size: 32px;
font-weight: 500;
}
@media only screen and (max-width: 1024px) {
.panel-welkom__name {
font-size: 24px;
}
}
.personal-manager__name {
margin-bottom: 28px;
line-height: 1.3;
font-size: 20px;
font-weight: 500;
}
@media only screen and (max-width: 1024px) {
.personal-manager__name {
margin-bottom: 24px;
font-size: 18px;
}
}
.personal-manager__name span {
margin-bottom: 10px;
display: block;
line-height: 1;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
}
.personal-manager__contact a {
margin-right: 35px;
}
@media only screen and (max-width: 1024px) {
.personal-manager__contact a {
display: inline-block;
}
.personal-manager__contact a:last-child {
margin-top: 5px;
}
}
.panel-lk-row {
margin: 0 -12px 80px -12px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.panel-lk-row .panel {
height: 100%;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.panel-lk-row .panel-lk-row {
margin-bottom: 0;
}
.panel-lk-col-50 {
padding: 0 12px;
width: 50%;
}
@media only screen and (max-width: 1024px) {
.panel-lk-col-50 .panel-lk-col-50 {
margin-bottom: 24px;
width: 100%;
}
.panel-lk-col-50 .panel-lk-col-50:last-child {
margin-bottom: 0;
}
.panel-lk-col-50 .is--fs-4xl {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.panel-lk-col-50 {
width: 100%;
margin-bottom: 24px;
}
.panel-lk-col-50:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 1024px) {
.panel-item__body {
font-weight: normal;
}
}
@media only screen and (max-width: 900px) {
.panel-group .panel_col-25,
.panel_col-25 {
width: calc(50% - 24px);
}
.panel-group .panel_col-50,
.panel_col-50 {
width: calc(100% - 24px);
}
.panel-group .panel_col-66,
.panel_col-66 {
width: calc(100% - 24px);
}
.panel-group .panel_col-75,
.panel_col-75 {
width: calc(100% - 24px);
}
}
@media only screen and (max-width: 640px ) {
.panel_col-25,
.panel_col-50,
.panel_col-66,
.panel_col-75 {
width: calc(100% - 24px);
}
}
.content-panel-row {
margin: 0 -12px 16px -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-panel-row .content-panel {
margin: 0 12px 24px 12px;
}
@media only screen and (max-width: 767px) {
.content-panel-row .content-panel {
margin-bottom: 16px;
}
}
.content-panel {
margin: 0 0 40px 0;
padding: 28px;
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background: #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.content-panel {
padding: 18px;
}
.content-panel .btn_small {
white-space: normal;
}
}
.content-panel p:last-child {
margin-bottom: 0;
}
.content-panel_white {
border: 1px solid #E6E6EF;
background: #fff;
}
.content-panel_col-25 {
width: calc(25% - 24px);
}
@media only screen and (max-width: 1024px) {
.content-panel_col-25 {
width: calc(100% - 24px);
}
}
.content-panel_col-33 {
width: calc(33.3% - 24px);
}
@media only screen and (max-width: 1024px) {
.content-panel_col-33 {
width: calc(100% - 24px);
}
}
.content-panel_col-50 {
width: calc(50% - 24px);
}
@media only screen and (max-width: 1024px) {
.content-panel_col-50 {
width: calc(100% - 24px);
}
}
.content-panel_col-66 {
width: calc(66.7% - 24px);
}
@media only screen and (max-width: 1024px) {
.content-panel_col-66 {
width: calc(100% - 24px);
}
}
.content-panel_col-100 {
width: calc(100% - 24px);
}
@media only screen and (max-width: 1024px) {
.content-panel_col-100 {
width: calc(100% - 24px);
}
}
.content-panel_fenix {
padding-right: 290px;
background-image: url("/local/templates/general//daichi-layout/build/css/../images/support/support-fenix-bg2x.png");
background-size: contain;
background-position: 100% 0;
background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
.content-panel_fenix {
padding-right: 16px;
padding-top: 178px;
background-size: auto 160px;
}
}
.content-panel_fenix .content-panel__body {
max-width: 535px;
}
.content-panel__h2 {
margin-bottom: 13px;
display: block;
line-height: 1;
font-size: 24px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.content-panel__h2 {
font-size: 20px;
}
}
.content-panel__h3 {
margin-bottom: 8px;
display: block;
line-height: 1;
font-size: 18px;
font-weight: 500;
}
.content-panel__body {
margin-bottom: 16px;
width: 100%;
display: block;
}
.content-panel__body:last-child {
margin-bottom: 0;
}
.content-panel__more {
padding-right: 16px;
margin-top: auto;
position: relative;
}
.guarantee-form {
max-width: 855px;
}
.panel__timeline {
padding: 63px 38px 38px 38px;
}
.panel__timeline .panel__title {
font-size: 32px;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.panel__timeline {
padding: 15px;
}
.panel__timeline .panel__title {
font-size: 20px;
}
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: default;
}
.fancybox-is-open .fancybox-bg {
opacity: 0.2;
}
.wrap-popup-pane {
width: 100%;
}
.wrap-popup-pane.fancybox-content {
padding: 0;
padding-bottom: 32px;
border-radius: 6px;
-webkit-box-shadow: 0px 16px 80px rgba(23, 28, 60, 0.2);
box-shadow: 0px 16px 80px rgba(23, 28, 60, 0.2);
}
@media only screen and (max-width: 767px) {
.wrap-popup-pane.fancybox-content {
padding-bottom: 16px;
}
}
.fancybox-slide--html .wrap-popup-pane .fancybox-close-small {
padding: 1px;
width: 40px;
height: 40px;
top: 22px;
right: 20px;
color: #1A1A1A;
background: transparent;
border-radius: 100%;
}
@media (hover: hover) {
.fancybox-slide--html .wrap-popup-pane .fancybox-close-small:hover {
color: #113EE0;
}
}
@media only screen and (max-width: 767px) {
.fancybox-slide--html .wrap-popup-pane .fancybox-close-small {
top: 10px;
right: 10px;
}
}
.wrap-popup-pane {
display: none;
max-width: 550px;
}
.wrap-popup-pane_favorite {
max-width: 550px;
}
.wrap-popup-pane_favorite .popup-pane__footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wrap-popup-pane_shipment {
max-width: 970px;
}
.wrap-popup-pane_shipment.fancybox-content {
display: inline-block;
}
.wrap-popup-pane_add {
max-width: 850px;
}
.wrap-popup-pane_add .popup-pane__footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wrap-popup-pane_modal {
text-align: center;
max-width: 450px;
}
.wrap-popup-pane_feedback {
max-width: 520px;
}
.wrap-popup-pane_city {
max-width: 550px;
}
.popup-pane__note {
font-size: 18px;
text-align: center;
}
.popup-pane__title {
padding: 28px 55px 28px 32px;
margin-bottom: 36px;
font-size: 24px;
font-weight: 500;
line-height: 1.3;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.popup-pane__title {
padding: 16px 55px 16px 16px;
font-size: 20px;
}
}
.popup-pane-section {
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
.popup-pane-section .field-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 8px;
}
.popup-pane-section .field-group .field-input-radio {
margin-bottom: 6px;
}
.popup-pane-section .field-group .field-input-radio:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.popup-pane-section {
margin-bottom: 36px;
}
}
.popup-pane-section__h2 {
margin-bottom: 24px;
font-size: 20px;
font-weight: 500;
}
.popup-pane__body {
padding: 0 32px 0 32px;
}
@media only screen and (max-width: 767px) {
.popup-pane__body {
padding: 0 16px 0 16px;
}
}
.popup-pane__footer {
padding: 0 32px;
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.popup-pane__footer {
padding: 0 16px 0 16px;
margin-top: 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.popup-pane__footer .btn {
margin-right: 24px;
max-width: none;
width: auto;
text-decoration: none;
}
.popup-pane__footer .btn:last-child {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.popup-pane__footer .btn {
margin-right: 0;
margin-bottom: 10px;
width: 100%;
}
.popup-pane__footer .btn:last-child {
margin-bottom: 0;
}
}
.popup-pane-footer__link {
margin-right: 10px;
padding: 0 8px;
font-size: 16px;
text-decoration: underline;
}
@media (hover: hover) {
.popup-pane-footer__link:hover {
text-decoration: none;
}
}
.popup-city {
width: 100%;
}
.popup-city__search {
margin-bottom: 24px;
}
.popup-city-row {
margin: 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.popup-city__text {
margin-bottom: 24px;
}
.popup-city_col {
padding: 0 24px;
width: 33.3%;
}
.popup-city-list {
font-size: 16px;
}
.popup-city-list li {
margin-bottom: 8px;
}
.popup-city-list li:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 700px) {
.popup-city {
margin: 0 -15px;
max-width: 445px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.popup-city_col:first-child {
margin-bottom: 20px;
}
}
.popper-dropdown {
padding: 14px;
display: none;
position: relative;
background: #fff;
z-index: 15;
}
.popper-dropdown[data-show] {
display: block;
}
.popper-dropdown_dropdown {
padding: 0;
width: auto;
white-space: nowrap;
background: #FFFFFF;
-webkit-box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
border-radius: 2px;
z-index: 10;
}
.popper-dropdown_dropdown .dropdown-menu-dropdown {
white-space: nowrap;
}
.popper-dropdown_dropdown .dropdown-menu-dropdown_personal {
white-space: normal;
}
.popper-tooltip {
padding: 11px 10px;
min-width: 125px;
max-width: 200px;
display: none;
font-size: 12px;
position: relative;
background: rgba(26, 26, 26, 0.8);
border-radius: 5px;
color: #fff;
z-index: 99;
text-align: center;
}
.popper-tooltip:after {
content: '';
width: 16px;
height: 10px;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background-color: rgba(26, 26, 26, 0.8);
-webkit-mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.62%208.78a2%202%200%2001-3.24%200L0%200h16L9.62%208.78z%22/%3E%3C/svg%3E');
mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M9.62%208.78a2%202%200%2001-3.24%200L0%200h16L9.62%208.78z%22/%3E%3C/svg%3E');
background-size: 16px 11px;
}
.popper-tooltip_catalog {
background: #fff;
color: #94A0B1;
-webkit-filter: drop-shadow(0px 20px 31px rgba(0, 0, 0, 0.21));
filter: drop-shadow(0px 20px 31px rgba(0, 0, 0, 0.21));
}
.popper-tooltip_catalog:after {
background: #fff;
}
.popper-tooltip[data-popper-placement^='top']:after {
top: auto;
bottom: -10px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.popper-tooltip[data-popper-placement^='top-start']:after {
top: auto;
bottom: -10px;
left: 10px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.popper-tooltip[data-popper-placement^='bottom']:after {
top: -10px;
-webkit-transform: translate(-50%, 0) rotate(180deg);
-ms-transform: translate(-50%, 0) rotate(180deg);
transform: translate(-50%, 0) rotate(180deg);
}
.popper-tooltip[data-popper-placement^='bottom-start']:after {
top: -10px;
left: 10px;
-webkit-transform: translate(0, 0) rotate(180deg);
-ms-transform: translate(0, 0) rotate(180deg);
transform: translate(0, 0) rotate(180deg);
}
.popper-tooltip[data-show] {
display: block;
}
.popper-tooltip[data-popper-reference-hidden] {
display: none;
}
.tooltip-item {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.tooltip-item .ico-svg {
width: 19px;
height: 19px;
}
.promo-grid {
margin: 0 -21px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.promo-grid__col {
width: 20%;
padding: 0 21px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1000px) {
.promo-grid__col {
width: 25%;
}
}
@media only screen and (max-width: 700px) {
.promo-grid__col {
width: 33.3%;
}
}
@media only screen and (max-width: 640px ) {
.promo-grid__col {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.promo-grid__col {
width: 100%;
}
}
.radio-grid {
margin: 0 -7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 767px) {
.radio-grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.radio-grid__col {
padding: 0 7px;
width: 33.3%;
}
@media only screen and (max-width: 767px) {
.radio-grid__col {
width: 100%;
}
}
.radio-grid-item {
padding: 15px 54px 15px 15px;
height: 100%;
display: block;
position: relative;
border: 1px solid #F4F4F8;
color: #94A0B1;
border-radius: 5px;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.radio-grid-item {
margin-bottom: 14px;
}
}
.radio-grid-item__title {
margin-bottom: 5px;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: #94A0B1;
}
.radio-grid-item__text {
font-size: 12px;
color: #94A0B1;
}
.radio-grid-item__led {
position: absolute;
top: 15px;
right: 15px;
}
.radio-grid input[type="radio"] {
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.radio-grid input[type="radio"] + .radio-grid-item__led {
padding: 0;
width: 24px;
height: 24px;
display: block;
line-height: 1.5;
}
.radio-grid input[type="radio"] + .radio-grid-item__led:before {
content: '';
margin: 0;
width: 24px;
height: 24px;
display: block;
position: absolute;
top: -2px;
left: 0;
background: #F4F4F8;
border-radius: 100%;
border: 1px solid #F4F4F8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.radio-grid input[type="radio"]:checked + .radio-grid-item__led:before {
content: '';
background: #2858FF;
-webkit-box-shadow: inset 0 0 0 2px #2858FF, inset 0 0 0 5px #fff;
box-shadow: inset 0 0 0 2px #2858FF, inset 0 0 0 5px #fff;
}
.radio-grid input[type="radio"]:checked ~ .radio-grid-item__title {
color: #1A1A1A;
}
.form-pane__h2,
.registration-pane__h2 {
margin-bottom: 17px;
font-size: 20px;
font-weight: 500;
}
.form-pane-body,
.registration-pane-body {
margin-bottom: 36px;
}
.form-pane__footer,
.registration-pane__footer {
margin-top: 36px;
}
.form-pane__footer .btn,
.registration-pane__footer .btn {
margin-right: 23px;
font-size: 16px;
}
.form-pane__footer .btn:last-child,
.registration-pane__footer .btn:last-child {
margin-right: 0;
}
.form-pane__addition .field,
.registration-pane__addition .field {
margin-bottom: 20px;
}
.form-pane__addition .field:last-child,
.registration-pane__addition .field:last-child {
margin-bottom: 0;
}
.form-pane__addition .field .field-input,
.registration-pane__addition .field .field-input {
max-width: 437px;
}
.form-pane__text,
.registration-pane__text {
margin-bottom: 20px;
font-size: 15px;
}
.search-pane {
padding: 0;
width: 100%;
position: relative;
}
.search-pane_inline {
margin-bottom: 24px;
}
.search-pane_page {
margin-bottom: 35px;
}
.search-pane_page .wrap-search-pane-input {
margin-bottom: 15px;
}
.search-pane__count {
color: #A1A1A1;
}
.header-search .search-pane-input {
z-index: 2;
}
.wrap-search-pane-input {
position: relative;
}
.wrap-search-pane-input_open .search-pane-input {
border-radius: 17px 17px 0 0;
border-color: #fff;
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.4);
}
.wrap-search-pane-input_open .search-pane-btn .ico-search svg {
stroke: #000;
}
.wrap-search-pane-input_open .search-pane-btn_clear {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-pane-input {
margin: 0;
padding: 0 15px 0 45px;
width: 100%;
height: 44px;
position: relative;
line-height: 1;
font-family: "SuisseIntl", Arial, serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
border: 2px solid #F4F4F8;
border-radius: 44px;
color: #1A1A1A;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F4F4F8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-pane-input:focus {
border-color: #D1D8E1;
background: #FFF;
}
.search-pane-input.is--no-empty ~ .search-pane-btn_clear {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-pane-input::-webkit-input-placeholder {
color: #94A0B1;
}
.search-pane-input::-ms-input-placeholder {
color: #94A0B1;
}
.search-pane-input::placeholder {
color: #94A0B1;
}
.search-pane-btn {
padding: 0;
margin: 0;
position: absolute;
top: 50%;
left: 17px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
background: transparent;
cursor: pointer;
z-index: 2;
}
.search-pane-btn_clear {
width: 44px;
height: 44px;
left: auto;
right: 0;
color: #94A0B1;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-pane-btn_clear svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.search-pane-btn .ico-search {
color: #94A0B1;
width: 18px;
height: 18px;
display: inline-block;
}
.search-pane-btn .ico-search svg {
width: 100%;
vertical-align: top;
}
.favorite-no-result {
padding: 0 20px;
margin: 0 auto;
max-width: 550px;
font-size: 16px;
text-align: center;
}
.search-no-result {
margin: 35px 0;
font-size: 16px;
text-align: center;
}
.search-dropdown {
padding: 0;
width: 100%;
position: absolute;
top: 100%;
left: 0;
background: #fff;
z-index: 5;
}
.search-dropdown-section {
border-top: 1px solid #D1D8E1;
}
.search-dropdown-section:first-child {
border-top: none;
}
.search-dropdown__body {
margin: 0 auto;
max-width: 1440px;
padding: 30px 40px 20px 208px;
}
.search-dropdown__title {
margin-bottom: 15px;
font-size: 24px;
}
.search-dropdown-item {
margin-bottom: 19px;
max-width: 812px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-dropdown-item__img {
max-height: 100%;
margin-right: 23px;
width: 75px;
height: 55px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.search-dropdown-item__img img {
max-width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.search-dropdown-item__body {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-dropdown-item__title {
margin-right: 25px;
}
.search-dropdown-item__title a {
color: #94A0B1;
text-decoration: none;
}
.search-dropdown-item__title a span {
color: #1A1A1A;
}
@media (hover: hover) {
.search-dropdown-item__title a:hover {
color: #113EE0;
text-decoration: none;
}
}
@media (hover: hover) {
.search-dropdown-item__title a:hover span {
color: #113EE0;
}
}
.search-dropdown-item__noaval {
margin-left: auto;
font-size: 16px;
}
.search-dropdown-item__price {
width: 150px;
margin-left: auto;
white-space: nowrap;
}
.search-dropdown-item__amount {
margin-left: 25px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
min-width: 92px;
}
.search-dropdown-item__amount .amount-buy-btn {
background: #fff;
color: #2858FF;
}
.search-dropdown-article {
font-size: 16px;
font-weight: 600;
}
.search-dropdown-article li {
margin-bottom: 9px;
}
.search-dropdown-article a {
text-decoration: none;
}
.wrap-search-dropdown-mobile {
padding-top: 124px;
width: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9;
}
.search-pane-phenix-dropdown {
width: 100%;
position: absolute;
top: 100%;
left: 0;
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 10px rgba(86, 91, 121, 0.15);
box-shadow: 0px 4px 10px rgba(86, 91, 121, 0.15);
border-radius: 6px;
z-index: 10;
}
.search-pane-phenix-dropdown__cont {
padding: 10px 20px;
}
.search-pane-phenix-dropdown__item {
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #94A0B1;
}
@media (hover: hover) {
.search-pane-phenix-dropdown__item:hover {
color: #113EE0;
}
}
@media (hover: hover) {
.search-pane-phenix-dropdown__item:hover b {
color: #113EE0;
}
}
.search-pane-phenix-dropdown__item b {
font-weight: normal;
color: #1A1A1A;
}
.search-pane-phenix-dropdown__item span:last-child {
color: #94A0B1;
}
.search-pane-phenix-dropdown__more {
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.search-pane-phenix-dropdown__more span:last-child {
color: #94A0B1;
}
.search-page-noresult {
color: #94A0B1;
font-size: 18px;
}
@media only screen and (max-width: 900px) {
.wrap-search-dropdown-mobile {
display: none;
}
.search-dropdown {
padding: 0;
width: 100%;
position: static;
top: 100%;
left: 0;
background: #fff;
z-index: 5;
}
.search-dropdown__body {
margin: 0 auto;
max-width: 1440px;
width: 100%;
padding: 20px;
}
.search-dropdown__title {
margin-bottom: 15px;
font-size: 18px;
}
.search-dropdown-item {
margin-bottom: 19px;
max-width: 812px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-dropdown-item__img {
margin-right: 14px;
}
.search-dropdown-item__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.search-dropdown-item__title {
margin-right: 0;
width: 100%;
}
.search-dropdown-item__price {
width: auto;
margin-left: 0;
}
}
.social-pane {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-pane a {
color: #1A1A1A;
}
@media (hover: hover) {
.social-pane a:hover {
color: #2858FF;
}
}
.ico-social {
margin: 0 5px;
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
.ico-social__fb {
width: 8px;
height: 18px;
}
.ico-social__vk {
width: 19px;
height: 11px;
}
.ico-social__yt {
width: 20px;
height: 15px;
}
.ico-social__inst {
width: 22px;
height: 22px;
}
.product-card__description table,
.table {
margin: 0 0 35px 0;
padding: 0;
width: 100%;
background: #fff;
border-collapse: collapse;
vertical-align: middle;
border: none;
}
.product-card__description table th,
.table th {
margin: 0;
padding: 15px 10px 15px 20px;
color: #000;
font-weight: 600;
text-align: left;
border: none;
border-bottom: 1px solid #A1A1A1;
background: #F3F3F3;
vertical-align: middle;
line-height: 1.2;
}
.product-card__description table td,
.table td {
margin: 0;
padding: 15px 10px 15px 20px;
border-collapse: collapse;
border: none;
border-bottom: 1px solid #A1A1A1;
vertical-align: middle;
}
.table-scrollable {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.tabs-head {
padding: 8px 0 0 0 ;
margin-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 16px;
font-weight: 500;
-webkit-box-shadow: inset 0 -2px 0 0 #F4F4F8;
box-shadow: inset 0 -2px 0 0 #F4F4F8;
}
.tabs-head_short {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tabs-head-item {
padding: 0 37px 26px 37px;
position: relative;
}
.tabs-head-item__act .tabs-head-item__link {
color: #2858FF;
}
.tabs-head-item__act .tabs-head-item__link:after {
content: '';
background: #2858FF;
}
.tabs-head-item__count {
margin-left: 10px;
color: #94A0B1;
font-weight: normal;
font-size: 14px;
line-height: 1;
}
.tabs-head-item__link {
color: #1A1A1A;
}
@media (hover: hover) {
.tabs-head-item__link:hover {
color: #2858FF;
text-decoration: none;
}
}
.tabs-head-item__link:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
top: calc(100% - 2px);
left: 0;
background: #F3F3F3;
}
.tabs-item {
display: none;
}
.tabs-item p:last-child {
margin-bottom: 0;
}
.tab-item-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tab-item-section__main {
width: 64%;
}
.tab-item-section__main h2 {
margin-bottom: 27px;
}
.tab-item-section__aside {
padding-left: 50px;
width: 36%;
}
@media only screen and (max-width: 760px) {
.tabs-head {
padding-top: 0;
margin-bottom: 30px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tabs-head-item {
padding: 0;
}
.tabs-head-item__link {
padding: 12px 0;
display: block;
}
.tabs-head-item__link:after {
width: 100%;
}
.tab-item-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.tab-item-section__main {
margin-bottom: 40px;
width: 100%;
}
.tab-item-section__aside {
padding-left: 0;
width: 100%;
}
}
.up-btn {
position: fixed;
display: none;
right: 50px;
bottom: 100px;
z-index: 1;
}
.up-btn__link {
padding: 10px 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #1A1A1A;
border: 2px solid #D1D8E1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
background: #fff;
}
@media (hover: hover) {
.up-btn__link:hover {
border-color: #2858FF;
text-decoration: none;
}
}
@media only screen and (max-width: 700px) {
.up-btn {
display: none !important;
}
}
.catalog-grid {
margin: 0 -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalog-grid__col {
margin-bottom: 24px;
padding: 0 12px;
width: 33.3%;
}
.catalog-grid__col_wide {
width: 100%;
}
.catalog-grid-incut {
height: 260px;
border-radius: 5px;
overflow: hidden;
}
@media only screen and (max-width: 687px ) {
.catalog-grid-incut {
height: 380px;
}
}
.catalog-grid-incut img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media only screen and (max-width: 1024px) {
.catalog-grid__col {
width: 50%;
}
.catalog-grid__col_wide {
width: 100%;
}
}
@media only screen and (max-width: 700px) {
.catalog-grid__col {
width: 100%;
}
.catalog-grid__col_wide {
width: 100%;
}
}
@media only screen and (max-width: 700px) {
.catalog-grid__col {
width: 100%;
}
.catalog-grid__col_wide {
width: 100%;
}
}
.catalog-grid-item {
padding: 0 20px 20px 20px;
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #F4F4F8;
border: 1px solid #F4F4F8;
border-radius: 6px;
}
.catalog-grid-item_no-aval .catalog-grid-item__img img {
opacity: 0.2;
}
.catalog-grid-item__badge {
position: absolute;
top: 15px;
left: 15px;
z-index: 1;
}
.catalog-grid-item__favorites {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
}
.catalog-grid-item-footer {
margin-top: auto;
}
.catalog-grid-item-footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.catalog-grid-item-footer .price-pane-old:last-child {
margin-bottom: 0;
}
.catalog-grid-item-footer .catalog-grid-item__props:last-child {
margin-bottom: 0;
}
.catalog-grid-item-footer__noaval {
min-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.catalog-grid-item__sale {
position: absolute;
top: 13px;
left: 13px;
z-index: 1;
}
.catalog-grid-item__img {
padding: 0 0 79%;
margin: 0 -20px 26px -20px;
height: 0;
position: relative;
background: #fff;
border-radius: 5px;
overflow: hidden;
}
.catalog-grid-item__img img {
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.catalog-grid-item__title {
margin: 0 0 23px 0;
color: #1A1A1A;
line-height: 1.5;
font-size: 18px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.catalog-grid-item__title a {
color: currentColor;
}
@media (hover: hover) {
.catalog-grid-item__title a:hover {
color: #113EE0;
text-decoration: none;
}
}
.catalog-grid-item__props {
margin-bottom: 20px;
}
.catalog-grid-item__props .catalog-item-props {
margin-right: 4px;
margin-bottom: 5px;
}
.catalog-list__col {
margin-bottom: 35px;
}
.catalog-list-item {
padding: 0 15px 0 140px;
width: 100%;
min-height: 130px;
position: relative;
border: 1px solid #E5E5E5;
}
.catalog-list-item__badge {
position: absolute;
top: 7px;
left: 7px;
z-index: 1;
}
.catalog-list-item__sale {
position: absolute;
top: 15px;
left: 95px;
z-index: 1;
}
.catalog-list-item__img {
padding: 0;
margin: 0;
width: 110px;
height: 110px;
position: absolute;
top: 10px;
left: 10px;
}
.catalog-list-item__img img {
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.catalog-list-item-badge_pc {
margin-top: 5px;
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.catalog-list-item-badge_mobile {
margin-bottom: 13px;
display: none;
}
.catalog-list-item-body {
padding-top: 45px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.catalog-list-item-body__top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: absolute;
top: 0;
left: 0;
}
.catalog-list-item-body__top .product-art {
margin-right: 5px;
}
.catalog-list-item__title {
margin: 0;
max-width: 280px;
color: #444;
line-height: 1.2;
}
.catalog-list-item__title a {
color: currentColor;
font-size: 16px;
font-weight: bold;
}
@media (hover: hover) {
.catalog-list-item__title a:hover {
color: #2858FF;
}
}
.catalog-list-item__art {
margin: 0 0 10px 0;
}
.catalog-list-item__price {
margin: 0 45px 0 auto;
}
.catalog-list-item__amount {
width: 220px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 760px) {
.catalog-list-item {
padding: 100px 20px 20px 20px;
}
.catalog-list-item-badge_pc {
display: none;
}
.catalog-list-item-badge_mobile {
display: block;
}
.catalog-list-item-body {
padding-top: 0;
position: static;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.catalog-list-item-body__top {
width: auto;
left: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.catalog-list-item__img {
width: 75px;
height: 75px;
}
.catalog-list-item__sale {
top: 5px;
left: 65px;
}
.catalog-list-item__title {
margin: 0 0 13px 0;
}
.catalog-list-item__price {
margin-bottom: 13px;
}
.catalog-list-item__price {
margin-left: 0;
}
.product-bage_list {
margin-top: 8px;
}
}
.catalog-main {
margin: 0 -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalog-main__col {
margin-bottom: 24px;
padding: 0 12px;
width: 25%;
}
@media only screen and (max-width: 1024px) {
.catalog-main__col {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.catalog-main__col {
margin-bottom: 8px;
width: 100%;
}
}
.catalog-main-item {
height: 98%;
display: block;
position: relative;
text-align: center;
background: #F4F4F8;
border-radius: 5px;
}
@media (hover: hover) {
.catalog-main-item:hover {
color: #113EE0;
}
}
@media (hover: hover) {
.catalog-main-item:hover .catalog-main-item__title {
color: #2858FF;
}
}
@media only screen and (max-width: 1024px) {
.catalog-main-item {
padding-left: 112px;
height: auto;
min-height: 96px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.catalog-main-item {
padding-left: 96px;
min-height: 80px;
}
}
.catalog-main-item__img {
padding: 0 0 98% 0;
height: 0;
display: block;
position: relative;
}
@media only screen and (max-width: 1024px) {
.catalog-main-item__img {
padding: 0;
width: 80px;
height: 80px;
position: absolute;
top: 50%;
left: 16px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media only screen and (max-width: 767px) {
.catalog-main-item__img {
width: 64px;
height: 64px;
}
}
.catalog-main-item__img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.catalog-main-item__title {
padding: 0 28px 0 28px;
margin-bottom: 28px;
display: block;
position: relative;
line-height: 1.2;
font-size: 20px;
color: #1A1A1A;
text-align: left;
font-weight: 500;
}
.catalog-main-item__title .ico-catalog-main-more {
position: absolute;
top: 50%;
right: 28px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width: 1024px) {
.catalog-main-item__title .ico-catalog-main-more {
top: 50%;
right: 16px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media only screen and (max-width: 767px) {
.catalog-main-item__title .ico-catalog-main-more {
width: 20px;
}
}
@media only screen and (max-width: 1024px) {
.catalog-main-item__title {
padding: 0 54px 0 0;
margin-bottom: 0;
width: 100%;
font-size: 16px;
}
}
.ico-catalog-main-more {
width: 24px;
height: 20px;
color: #2858FF;
}
.catalog-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.catalog-section__aside {
margin-right: 40px;
width: 305px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.catalog-section__main {
width: 100%;
position: relative;
}
@media only screen and (max-width: 1024px) {
.catalog-section__aside {
margin-right: 24px;
width: 290px;
}
}
.catalog-no-item {
margin-bottom: 36px;
}
@media only screen and (max-width: 1024px) {
.catalog-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-section__aside {
margin: 0;
width: 100%;
}
.catalog-section__aside .wrap-filter {
display: none;
}
.catalog-section__aside_open {
height: 100%;
position: fixed;
top: 0;
left: 0;
overflow: scroll;
background: #fff;
z-index: 30;
}
}
.catalog-section-nav {
padding: 15px 23px;
margin-bottom: 36px;
border: 2px solid #D1D8E1;
border-radius: 5px;
}
.catalog-section-nav__link {
margin-right: 37px;
display: inline-block;
text-decoration: none;
color: #94A0B1;
}
@media (hover: hover) {
.catalog-section-nav__link:hover {
color: #2858FF;
text-decoration: none;
}
}
.catalog-section-nav__link.is--active {
color: #1A1A1A;
}
@media only screen and (max-width: 760px) {
.catalog-section-nav {
margin-bottom: 20px;
}
.catalog-section-nav__link {
margin-right: 20px;
}
}
.catalog-series-incut {
margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
.catalog-series-incut {
margin-right: 18px;
}
}
.catalog-series-item {
margin-bottom: 24px;
padding: 26px 19px 35px 24px;
background: #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.catalog-series-item {
padding: 16px;
}
}
@media only screen and (max-width: 767px) {
.catalog-series-item {
padding: 0;
background: #fff;
}
}
.catalog-series-item__title {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
}
@media only screen and (max-width: 1024px) {
}
.catalog-series-item__title span {
display: block;
font-size: 14px;
line-height: 1.2;
color: #94A0B1;
}
.catalog-series-item__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.catalog-series-item__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.catalog-series-item__img {
margin-right: 16px;
width: 64px;
height: 64px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: #fff;
border-radius: 5px;
}
.catalog-series-item__img img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.catalog-series-item__cont {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.catalog-series-item__cont {
margin-top: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.catalog-series {
margin-right: -18px;
overflow: hidden;
}
}
.catalog-series-table {
width: 100%;
}
@media only screen and (max-width: 767px) {
.catalog-series-table {
padding: 0;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog-series-table tbody {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.catalog-series-table .add-favorites-link {
margin-right: 10px;
}
.catalog-series-table tr:last-child td {
border-bottom: none;
}
.catalog-series-table th {
padding-top: 0;
padding-right: 5px;
padding-bottom: 0;
font-size: 12px;
font-weight: normal;
text-align: left;
color: #94A0B1;
vertical-align: top;
}
.catalog-series-table th:first-child {
padding-left: 5px;
}
.catalog-series-table td {
margin: 0;
padding: 8px 0px 8px 5px;
vertical-align: middle;
border-bottom: 1px solid #D1D8E1;
}
.catalog-series-table td:first-child {
width: 210px;
white-space: nowrap;
}
.catalog-series-table td:last-child {
padding-left: 0;
padding-right: 0;
width: 98px;
}
@media only screen and (min-width: 767px) {
.catalog-series-table td:last-child {
padding-left: 24px;
}
}
.catalog-series-table__link {
max-width: 170px;
display: inline-block;
color: #1A1A1A;
text-decoration: none;
vertical-align: middle;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
word-break: break-all;
white-space: normal;
}
@media (hover: hover) {
.catalog-series-table__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.catalog-series-table__more {
line-height: 1.2;
display: inline-block;
font-size: 12px;
margin: -1px 0;
}
.catalog-series-table__old {
color: #94A0B1;
display: block;
}
.catalog-series-table__current {
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.catalog-series-table .slick-track {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog-series-table .catalog-series-table__head {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none;
}
}
@media only screen and (max-width: 767px) {
.catalog-series-table tr {
margin-right: 8px;
padding: 18px;
width: 290px;
display: block;
background: #F4F4F8;
border-radius: 5px;
}
}
@media only screen and (max-width: 767px) {
.catalog-series-table td {
padding: 0;
margin-bottom: 16px;
width: 100%;
display: block;
border: none ;
}
.catalog-series-table td:last-child {
margin-bottom: 0;
width: 100%;
}
.catalog-series-table td .amount {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
tr.catalog-series-table__head {
display: none;
}
}
@media only screen and (min-width: 767px) {
.catalog-series-table th.catalog-series-table__title,
.catalog-series-table td.catalog-series-table__title {
width: 100%;
}
.catalog-series-table th.catalog-series-table__num,
.catalog-series-table td.catalog-series-table__num,
.catalog-series-table th.catalog-series-table__price,
.catalog-series-table td.catalog-series-table__price,
.catalog-series-table th.catalog-series-table__amount,
.catalog-series-table td.catalog-series-table__amount,
.catalog-series-table th.catalog-series-table__avalible,
.catalog-series-table td.catalog-series-table__avalible {
padding-left: 24px;
}
.catalog-series-table th.catalog-series-table__price,
.catalog-series-table td.catalog-series-table__price {
text-align: right;
white-space: nowrap;
}
.catalog-series-table th.catalog-series-table__avalible,
.catalog-series-table td.catalog-series-table__avalible {
white-space: nowrap;
}
}
@media only screen and (min-width: 767px) and only screen and (max-width: 1024px) {
.catalog-series-table th.catalog-series-table__num,
.catalog-series-table td.catalog-series-table__num {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.catalog-series-table th.catalog-series-table__num,
.catalog-series-table td.catalog-series-table__num {
display: none;
}
}
@media only screen and (max-width: 767px) {
.catalog-series-table th.catalog-series-table__num,
.catalog-series-table td.catalog-series-table__num {
display: block;
}
}
.wrap-catalog-slider {
margin-bottom: 80px;
position: relative;
}
.wrap-catalog-slider:last-child {
margin-bottom: 0;
}
.catalog-slider {
margin: 0 -12px;
padding: 0 12px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.catalog-slider {
margin: 0 -40px 0 -12px;
padding: 0 0 0 12px;
}
}
@media only screen and (max-width: 767px) {
.catalog-slider {
margin: 0 -18px 0 -4px;
padding: 0 0 0 4px;
}
}
.catalog-slider .catalog-slider-item {
max-width: 322px;
min-width: 250px;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 1100px) {
.catalog-slider .catalog-slider-item {
max-width: 290px;
}
}
@media only screen and (max-width: 1024px) {
.catalog-slider .catalog-slider-item .price-pane {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.catalog-slider .catalog-slider-item {
max-width: 250px;
}
.catalog-slider .catalog-slider-item .price-pane {
font-size: 18px;
}
}
.catalog-slider.slick-initialized {
display: block;
overflow: visible;
}
.catalog-slider__h2 {
margin: 0 0 28px 0;
font-size: 32px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.catalog-slider__h2 {
margin-bottom: 24px;
font-size: 20px;
}
}
.catalog-slider__h2 a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.catalog-slider__h2 a:hover {
color: #113EE0;
text-decoration: none;
}
}
.catalog-slider .slick-list,
.catalog-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog-slider .slick-track {
margin-left: 0;
margin-right: 0;
}
.catalog-slider-arrow {
width: 80px;
position: absolute;
top: 23px;
right: 0;
}
.catalog-slider-arrow-prev,
.catalog-slider-arrow-next {
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
color: #1A1A1A;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
}
.catalog-slider-arrow-prev[aria-disabled=true],
.catalog-slider-arrow-next[aria-disabled=true] {
color: #D1D8E1;
}
.catalog-slider-arrow-prev .ico-svg,
.catalog-slider-arrow-next .ico-svg {
width: 20px;
height: 14px;
vertical-align: top;
}
@media (hover: hover) {
.catalog-slider-arrow-prev:hover .ico-svg,
.catalog-slider-arrow-next:hover .ico-svg {
stroke: #2858FF;
}
}
.catalog-slider-arrow-prev {
left: 0;
}
.catalog-slider-arrow-prev .ico-svg {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.catalog-slider-arrow-next {
right: 0;
}
.catalog-slider-item {
margin: 0 12px;
min-width: 250px;
max-width: 342px;
}
@media only screen and (max-width: 767px) {
.catalog-slider-item {
margin: 0 8px;
}
}
.catalog-slider__h2-more {
display: none;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.catalog-slider__h2-more {
display: block;
}
}
.wrap-catalog-slider__h2 {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wrap-catalog-slider__h2 .catalog-slider__h2 {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.wrap-catalog-slider__h2 {
margin-bottom: 24px;
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.catalog-slider-arrow {
display: none;
}
}
.is--table {
width: 100%;
display: table;
}
.is--table .field {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.is--table {
display: block;
}
.is--table .field {
margin-top: 5px;
}
}
@media only screen and (max-width: 1024px) {
.is--table-scroll {
overflow-x: scroll;
}
}
.is--tr {
display: table-row;
}
@media only screen and (max-width: 767px) {
.is--tr {
padding: 18px;
margin-bottom: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #F4F4F8;
border-radius: 5px;
}
}
.is--tr.is--disabled {
color: #94A0B1;
}
.is--tr:last-child .is--td {
border-bottom: none;
}
.is--tr:last-child .is--td_fix {
width: 1%;
}
.is--th {
padding: 0 24px 20px 0;
display: table-cell;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
vertical-align: top;
}
.is--th i {
font-style: normal;
}
@media only screen and (max-width: 1024px) {
.is--th {
padding: 0 16px 20px 0;
}
}
.is--th:first-child {
padding-left: 0;
}
.is--td {
padding: 14px 24px 14px 0;
display: table-cell;
vertical-align: middle;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.is--td.is--td-mobile-status {
padding-top: 0;
padding-bottom: 16px;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
@media only screen and (max-width: 1024px) {
.is--td {
padding: 14px 16px 14px 0;
}
}
@media only screen and (max-width: 767px) {
.is--td {
padding: 0;
padding-top: 16px;
border-bottom: none;
display: block;
}
.is--td:first-child {
padding: 0;
}
.is--td.t-right {
text-align: left;
}
}
.is--td:first-child {
padding-left: 0;
}
.is--td-mobile-status .badge-status {
max-width: 320px;
width: 100%;
}
.table-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.table-toolbar {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.table-toolbar a {
margin-left: 16px;
color: #94A0B1;
}
.table-toolbar a:first-child {
margin-left: 0;
}
@media (hover: hover) {
.table-toolbar a:hover {
color: #113EE0;
}
}
.table-toolbar_right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.table-toolbar_right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (max-width: 767px) {
.is--tr-header {
display: none !important;
}
}
.table-mobile-title {
display: none !important;
font-size: 12px;
color: #94A0B1;
}
@media only screen and (max-width: 767px) {
.table-mobile-title {
display: block !important;
}
}
.catalog-table {
margin-bottom: 24px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
background: #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.catalog-table {
background: #fff;
}
}
.catalog-table .is--td {
padding: 14px 5px;
height: 74px;
}
.catalog-table .is--td:last-child {
padding-left: 0;
padding-right: 23px;
}
@media only screen and (max-width: 767px) {
.catalog-table .is--td {
padding: 0;
padding-top: 16px;
}
.catalog-table .is--td:last-child {
padding: 0;
padding-top: 16px;
}
}
.catalog-table .is--th {
padding-bottom: 7px;
}
@media only screen and (max-width: 1360px) {
.catalog-table .is--th {
height: 61px;
}
}
.catalog-table .is--th span {
padding-right: 15px;
display: inline-block;
position: relative;
}
@media only screen and (max-width: 1024px) {
.catalog-table .is--th span:first-letter {
text-transform: uppercase;
}
}
.catalog-table .is--th span .catalog-table-sort {
position: absolute;
top: 3px;
right: 0;
}
.catalog-table .is--th:first-child {
padding-left: 10px;
}
.catalog-table-col_fixed {
padding: 14px 0 0 13px ;
width: 100%;
}
@media only screen and (max-width: 767px) {
.catalog-table-col_fixed {
padding: 0;
}
}
.catalog-table-col_slider {
padding: 15px 0 0 0;
width: 140px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: #fff;
}
.catalog-table-item {
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.catalog-table-item {
border-bottom: none;
}
}
.catalog-table-item .is--th span {
height: 34px;
}
.catalog-table-item__link {
width: 100%;
max-width: 260px;
min-height: 21px;
max-height: 42px;
color: #1A1A1A;
text-decoration: none;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-ms-flex-item-align: start;
align-self: flex-start;
}
@media (hover: hover) {
.catalog-table-item__link:hover {
color: #113EE0;
text-decoration: none;
}
}
@media only screen and (max-width: 1024px) {
.catalog-table-item__title {
width: 200px;
}
}
@media only screen and (max-width: 767px) {
.catalog-table-item__title {
width: 100%;
}
}
.catalog-table-item__title > span {
padding-left: 6px;
min-height: 21px;
max-height: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
white-space: normal;
}
@media only screen and (max-width: 767px) {
.catalog-table-item__title > span {
max-width: none;
padding: 0;
height: auto;
white-space: normal;
}
}
.catalog-table-item__title .ico-favorites {
width: 18px;
height: 21px;
}
.catalog-table-item__title a.add-favorites-link,
.catalog-table-item__title .add-favorites-link {
margin-right: 10px;
width: 21px;
max-width: none;
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
color: #94A0B1;
-ms-flex-item-align: center;
align-self: center;
}
@media (hover: hover) {
.catalog-table-item__title a.add-favorites-link:hover,
.catalog-table-item__title .add-favorites-link:hover {
color: #113EE0;
}
}
.catalog-table-item__title a.add-favorites-link.is--active,
.catalog-table-item__title .add-favorites-link.is--active {
color: #113EE0;
}
.catalog-table-item__amount {
width: 92px;
}
.catalog-table-item__old-price {
color: #94A0B1;
}
.catalog-table-item__price {
font-weight: 500;
}
.catalog-table-item__more {
margin: -5px 0;
max-height: 50px;
line-height: 1.2;
display: inline-block;
font-size: 12px;
overflow: hidden;
vertical-align: middle;
}
@media only screen and (max-width: 1024px) {
.catalog-table-item__more {
font-size: 10px;
}
}
.catalog-table-slider {
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog-table-slider-prev,
.catalog-table-slider-next {
width: 36px;
height: 36px;
color: #D1D8E1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
border: 1px solid #D1D8E1;
cursor: pointer;
background: #fff;
}
.catalog-table-slider-prev .ico-svg,
.catalog-table-slider-next .ico-svg {
width: 7px;
height: 11px;
}
.catalog-table-slider-prev {
position: -webkit-sticky;
position: sticky;
top: 113px;
}
.catalog-table-slider-next {
position: -webkit-sticky;
position: sticky;
top: 113px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.wrap-catalog-table-slider-next {
width: 36px;
padding-top: 88px;
padding-bottom: 88px;
height: 100%;
position: absolute;
top: 0;
right: -18px;
}
.wrap-catalog-table-slider-prev {
width: 36px;
padding-top: 88px;
padding-bottom: 88px;
height: 100%;
position: absolute;
top: 0;
left: -18px;
}
.wrap-catalog-table-slider {
height: 100%;
position: relative;
}
.catalog-table-slider-item {
height: 70px;
}
.catalog-table-slider-item_th {
padding-right: 15px;
padding-left: 15px;
height: 42px;
font-size: 12px;
font-weight: normal;
text-align: left;
color: #94A0B1;
vertical-align: top;
}
@media only screen and (max-width: 1360px) {
.catalog-table-slider-item_th {
height: 60px;
}
}
.catalog-table-slider-item_th span {
padding-right: 15px;
display: inline-block;
position: relative;
}
.catalog-table-slider-item_th span .catalog-table-sort {
position: absolute;
top: 3px;
right: 0;
}
.catalog-table-slider-item_td {
padding: 25px 24px 26px 24px;
height: 74px;
vertical-align: middle;
border-bottom: 1px solid #D1D8E1;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.catalog-table-item__title .catalog-table-sort,
.catalog-table-sort {
width: 10px;
height: 13px;
color: #B4C1D1;
}
.catalog-table-item__title .catalog-table-sort.is--down,
.catalog-table-sort.is--down {
color: #1A1A1A;
}
.catalog-table-item__title .catalog-table-sort.is--up,
.catalog-table-sort.is--up {
color: #1A1A1A;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (hover: hover) {
.catalog-table-item__title .catalog-table-sort:hover,
.catalog-table-sort:hover {
color: #113EE0;
}
}
.order-detail-table .is--th:last-child,
.order-detail-table .is--td:last-child {
text-align: right;
}
@media only screen and (max-width: 767px) {
.order-detail-table .is--th:last-child,
.order-detail-table .is--td:last-child {
text-align: left;
}
}
.order-detail-table .is--mark {
color: #94A0B1;
}
@media only screen and (max-width: 767px) {
.panel_mobile-slider {
padding: 0;
margin-right: -18px;
}
}
.js--order-detail-table-slider {
padding: 0;
margin-right: -18px;
}
@media only screen and (max-width: 767px) {
.js--order-detail-table-slider .slick-track {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.js--order-detail-table-slider .order-list-table-head {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none;
}
}
.js--order-detail-table-slider .is--tr {
height: 100%;
}
@media only screen and (max-width: 767px) {
.js--order-detail-table-slider .is--tr {
margin-right: 8px;
width: 290px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (hover: hover) {
.js--order-detail-table-slider .is--tr:hover {
background: #F4F4F8;
border-color: #F4F4F8;
}
}
}
@media only screen and (min-width: 767px) {
.catalog-table .is--td:last-child {
padding-left: 24px;
}
.is--th.catalog-table-item__title,
.is--td.catalog-table-item__title {
width: 100%;
padding: 0 5px 0 5px;
}
.is--th.catalog-table-item__num,
.is--td.catalog-table-item__num,
.is--th.catalog-table-item__old-price,
.is--td.catalog-table-item__old-price,
.is--th.catalog-table-item__price,
.is--td.catalog-table-item__price,
.is--th.catalog-table-item__amount,
.is--td.catalog-table-item__amount,
.is--th.catalog-table-item__avalible,
.is--td.catalog-table-item__avalible {
padding-left: 24px;
padding-right: 0;
}
.is--th.catalog-table-item__old-price,
.is--td.catalog-table-item__old-price,
.is--th.catalog-table-item__price,
.is--td.catalog-table-item__price {
text-align: right;
white-space: nowrap;
}
.is--th.catalog-table-item__avalible,
.is--td.catalog-table-item__avalible {
white-space: nowrap;
}
}
@media only screen and (min-width: 767px) and only screen and (max-width: 1024px) {
.is--th.catalog-table-item__num,
.is--td.catalog-table-item__num {
display: none;
}
}
.catalog-series-incut {
margin-bottom: 24px;
}
.wrap-catalog-table-sale {
margin-bottom: 25px;
padding: 33px 50px 35px 40px;
background: #F4F4F8;
border-radius: 5px;
}
.catalog-table-sales {
width: 100%;
display: table;
}
@media only screen and (max-width: 767px) {
.catalog-table-sales .catalog-table-sales__head {
display: none;
}
}
.catalog-table-sales .add-favorites-link {
margin-right: 10px;
}
.catalog-table-sales__link {
max-width: 170px;
width: 100%;
display: inline-block;
color: #1A1A1A;
text-decoration: none;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media (hover: hover) {
.catalog-table-sales__link:hover {
color: #113EE0;
text-decoration: none;
}
}
.catalog-table-sales__more {
line-height: 1.2;
display: inline-block;
font-size: 12px;
margin: -1px 0;
}
.catalog-table-sales__old {
color: #94A0B1;
}
.catalog-table-sales__current {
font-weight: bold;
}
.catalog-table-sales__price {
width: 130px;
}
.catalog-table-sales__amount {
width: 90px;
}
.wrap-filter {
margin-top: 10px;
}
.filter {
background: #fff;
}
.filter-footer {
padding-top: 4px;
padding-bottom: 4px;
position: -webkit-sticky;
position: sticky;
bottom: 0;
background: #fff;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.filter-footer {
position: fixed;
width: calc(100% - 80px);
}
}
@media only screen and (max-width: 767px) {
.filter-footer {
width: calc(100% - 36px);
}
}
.filter-footer .btn {
margin-top: 10px;
}
.filter-footer .btn:first-child {
margin-top: 0;
}
@media only screen and (max-width: 1024px) {
.filter-footer .filter-footer__reset {
margin-top: 0;
}
}
.filter-clear {
margin-bottom: 10px;
text-align: right;
}
.btn_filter-clear {
min-width: 115px;
padding: 6px 20px;
font-size: 12px;
border-radius: 26px;
text-transform: none;
}
.filter-mobile-footer {
padding: 20px;
display: none;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F3F3F3;
}
.ico-filter-mobile-toggle {
width: 9px;
height: 11px;
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.ico-filter-mobile-toggle svg {
width: 100%;
height: 100%;
stroke: #2858FF;
vertical-align: top;
}
.filter-mobile-header {
padding: 15px 25px;
width: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.filter-mobile-header {
padding: 15px 40px;
}
}
@media only screen and (max-width: 767px) {
.filter-mobile-header {
padding: 15px 18px;
}
}
.filter-mobile-header__title {
font-size: 20px;
color: #1A1A1A;
font-weight: 500;
}
.filter-mobile-header__link {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.filter-mobile-header__link:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.filter-mobile-header__close {
width: 40px;
padding: 12px;
height: 40px;
position: absolute;
top: 10px;
right: 40px;
color: #1A1A1A;
text-decoration: none;
}
@media only screen and (max-width: 1024px) {
.filter-mobile-header__close {
right: 35px;
}
}
@media only screen and (max-width: 767px) {
.filter-mobile-header__close {
right: 13px;
}
}
@media (hover: hover) {
.filter-mobile-header__close:hover {
color: #1A1A1A;
text-decoration: none;
}
}
@media only screen and (max-width: 1024px) {
.filter-mobile-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.catalog-section__aside_open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-section__aside_open .filter {
display: block;
height: 100%;
}
.catalog-section__aside_open .filter-mobile-header {
display: block;
}
.catalog-section__aside_open .wrap-filter {
display: block;
}
.wrap-filter {
margin: 0;
padding: 60px 40px 0 40px;
height: 100%;
overflow: scroll;
}
}
@media only screen and (max-width: 767px) {
.wrap-filter {
padding: 60px 18px 0 18px;
}
}
.filter-catalog {
line-height: 1.4;
}
.filter-catalog .filter-catalog {
margin: 12px 0 0 12px;
display: none;
}
.filter-catalog__item {
position: relative;
margin-bottom: 14px;
}
.filter-catalog__item > span {
width: 100%;
display: inline-block;
position: relative;
}
.filter-catalog__item_act > span > .filter-catalog__link {
color: #113EE0;
}
.filter-catalog__item_open > .filter-catalog {
display: block;
}
.filter-catalog__item_open > span > .filter-catalog-toogle:before {
background-color: #BAC2CD;
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
}
.filter-catalog__item_open > span > .filter-catalog-toogle:after {
background-color: #BAC2CD;
}
.filter-catalog__link {
width: 100%;
padding: 0px 20px 0px 0;
display: inline-block;
position: relative;
color: #1A1A1A;
}
@media (hover: hover) {
.filter-catalog__link:hover {
text-decoration: none;
}
}
.filter-catalog-toogle {
margin: 0;
padding: 0;
max-height: 20px;
width: 20px;
height: 100%;
position: absolute;
top: 50%;
right: 0;
background: transparent;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
border: none;
cursor: pointer;
}
.filter-catalog-toogle:after {
content: '';
width: 10px;
height: 2px;
position: absolute;
top: 50%;
right: 0px;
background: currentColor;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.filter-catalog-toogle:before {
content: '';
width: 10px;
height: 2px;
position: absolute;
top: 50%;
right: 0;
background: currentColor;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
-o-transition: transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
@media (hover: hover) {
.filter-catalog-toogle:hover {
opacity: 0.5;
}
}
.filter-range-inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.filter-range-inputs__col {
width: calc(50% - 10px);
}
.filter-range-inputs__title {
margin-bottom: 10px;
font-size: 12px;
color: #94A0B1;
}
.wrap-filter-range-input {
position: relative;
}
.filter-range-input {
padding: 0 20px;
width: 100%;
height: 56px;
background: #F4F4F8;
font-size: 15px;
border: none;
border-radius: 6px;
text-align: left;
}
.filter-range-input::-webkit-input-placeholder {
color: #94A0B1;
}
.filter-range-input::-ms-input-placeholder {
color: #94A0B1;
}
.filter-range-input::placeholder {
color: #94A0B1;
}
.filter-range-slider {
margin: 24px 0;
}
.filter-range-slider-body {
width: 100%;
height: 2px;
position: relative;
background: #E4EBF3;
}
.filter-range-slider-left {
width: 15px;
height: 15px;
position: absolute;
top: 50%;
left: 40px;
background: #2858FF;
border-radius: 100%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: 2px solid #fff;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
-o-transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
@media (hover: hover) {
.filter-range-slider-left:hover {
-webkit-transform: translate(0, -50%) scale(1.2);
-ms-transform: translate(0, -50%) scale(1.2);
transform: translate(0, -50%) scale(1.2);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
}
.filter-range-slider-range {
height: 2px;
position: absolute;
top: 0;
left: 44px;
right: 105px;
background: #2858FF;
}
.filter-range-slider-right {
width: 15px;
height: 15px;
position: absolute;
top: 50%;
right: 100px;
background: #2858FF;
border-radius: 100%;
border: 2px solid #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
-webkit-transition: -webkit-transform 200ms ease-in-out;
transition: -webkit-transform 200ms ease-in-out;
-o-transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
@media (hover: hover) {
.filter-range-slider-right:hover {
-webkit-transform: translate(0, -50%) scale(1.2);
-ms-transform: translate(0, -50%) scale(1.2);
transform: translate(0, -50%) scale(1.2);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
}
.filter-section {
margin-bottom: 24px;
padding-bottom: 25px;
border-bottom: 1px solid #D1D8E1;
}
.filter-section__count {
margin-left: 15px;
font-size: 12px;
color: #94A0B1;
}
.filter-section_noborder {
margin-bottom: 25px;
padding-bottom: 0;
border-bottom: 0;
}
.filter-section__scroll {
max-height: 195px;
overflow-y: auto;
}
.filter-section_open .filter-section__title {
margin-bottom: 16px;
}
.filter-section_open .filter-section__title:before {
background-color: #BAC2CD;
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
}
.filter-section_open .filter-section__title:after {
background-color: #BAC2CD;
}
.filter-section_open .filter-section-toggle {
display: block;
}
.filter-section_notitle .filter-section-toggle {
display: block;
}
.filter-section__title {
margin: 0 0 0 0;
padding: 0 25px 0 0;
display: block;
position: relative;
font-size: 16px;
font-weight: 500;
color: #1A1A1A;
text-decoration: none;
}
.filter-section__title:after {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
right: 5px;
background: currentColor;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.filter-section__title:before {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
right: 5px;
background: currentColor;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
-o-transition: transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
@media (hover: hover) {
.filter-section__title:hover {
text-decoration: none;
opacity: 0.8;
}
}
.filter-section-toggle {
display: none;
}
.filter-section__body {
padding: 0;
background: #fff;
}
.filter-section__body .field {
margin-bottom: 14px;
}
.filter-section__body .field-input-radio,
.filter-section__body .field:last-child {
margin-bottom: 0;
}
.filter-section-search {
padding: 0 0 16px 0;
position: relative;
}
.filter-section-search-btn {
width: 20px;
height: 100%;
position: absolute;
top: 50%;
left: 5px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.filter-section-search .ico-cat-search {
position: absolute;
width: 14px;
height: 14px;
top: 50%;
left: 50%;
color: #94A0B1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.filter-section-search__input {
padding: 0 15px 0 35px;
width: 100%;
height: 39px;
background: #F4F4F8;
font-size: 14px;
border: none;
border-radius: 6px;
text-align: left;
}
.filter-section-search__input:focus {
outline: none;
}
.filter-section-search__input::-webkit-input-placeholder {
color: #94A0B1;
}
.filter-section-search__input::-ms-input-placeholder {
color: #94A0B1;
}
.filter-section-search__input::placeholder {
color: #94A0B1;
}
.wrap-filter-section-search__input {
position: relative;
}
.filter-section__scroll .simplebar-track.simplebar-vertical {
width: 4px;
border-radius: 4px;
}
.filter-section__scroll .simplebar-track {
background: #F4F4F8;
border-radius: 5px;
}
.filter-section__scroll .simplebar-scrollbar:before {
background: #2858FF;
border-radius: 5px;
}
.wrap-filter-selected {
margin-bottom: 20px;
}
.filter-selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.filter-selected__body {
margin-bottom: -9px;
}
.filter-selected__item {
margin: 0 8px 9px 0;
padding: 13px 36px 13px 16px;
height: auto;
display: inline-block;
font-size: 14px;
position: relative;
text-align: center;
vertical-align: middle;
white-space: nowrap;
line-height: 1;
color: #1A1A1A;
background: #F4F4F8;
border-radius: 25px;
text-decoration: none;
-webkit-transition: border 0.2s ease-out;
-o-transition: border 0.2s ease-out;
transition: border 0.2s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (hover: hover) {
.filter-selected__item:hover {
color: #2858FF;
text-decoration: none;
}
}
.filter-selected__item_act {
color: #2858FF;
background: #fff;
}
.ico-filter-selected-close {
width: 10px;
height: 10px;
position: absolute;
top: 50%;
right: 18px;
display: inline-block;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media (hover: hover) {
.ico-filter-selected-close:hover {
color: #113EE0;
}
}
@media only screen and (max-width: 767px) {
.wrap-filter-selected {
display: none;
}
}
.filter-tags__item {
margin: 0 7px 7px 0;
padding: 5px 4px;
max-width: 100%;
height: auto;
display: inline-block;
font-size: 14px;
position: relative;
text-decoration: none;
text-transform: lowercase;
vertical-align: middle;
overflow: hidden;
line-height: 1.3;
color: #1A1A1A;
background: #fff;
cursor: pointer;
-webkit-transition: border 0.2s ease-out;
-o-transition: border 0.2s ease-out;
transition: border 0.2s ease-out;
border: 2px solid #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media (hover: hover) {
.filter-tags__item:hover {
text-decoration: none;
color: #2858FF;
border-color: #2858FF;
}
}
.filter-tags__item_act {
color: #2858FF;
background: #fff;
border-color: #2858FF;
}
.fenix-doc-table {
width: 100%;
}
.fenix-doc-table-head__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.fenix-doc-table-head__row {
display: none;
}
}
.fenix-doc-table-item {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
border-bottom: 1px solid #D1D8E1;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.fenix-doc-table-item {
margin-bottom: 8px;
padding: 18px;
border-radius: 5px;
background: #F4F4F8;
border-bottom: none;
}
}
@media (hover: hover) {
.fenix-doc-table-item:hover {
background: #fff;
border-color: #fff;
border-radius: 5px;
-webkit-box-shadow: -14px 0px 0px 0px #fff, 14px 0px 0px 0px #fff, 0 -1px 0px 1px #F4F4F8, 0px 4px 10px rgba(86, 91, 121, 0.1);
box-shadow: -14px 0px 0px 0px #fff, 14px 0px 0px 0px #fff, 0 -1px 0px 1px #F4F4F8, 0px 4px 10px rgba(86, 91, 121, 0.1);
}
}
.fenix-doc-table-item:last-child {
border-bottom: none;
}
.fenix-doc-table-item__row {
padding-top: 10px;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.fenix-doc-table-item__row:last-child {
padding-top: 16px;
}
@media only screen and (max-width: 767px) {
.fenix-doc-table-item__row {
padding-top: 0;
padding-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.fenix-doc-table-item__row:last-child {
padding-top: 0;
}
}
.fenix-doc-table-item__th {
padding: 0 5px 20px 5px;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
vertical-align: top;
}
.fenix-doc-table-item__th span {
padding-right: 15px;
display: inline-block;
position: relative;
}
.fenix-doc-table-item__th span .catalog-table-sort {
position: absolute;
top: 3px;
right: 0;
}
.fenix-doc-table-item-col__name {
width: 150px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
word-break: break-word;
}
.fenix-doc-table-item-col__sections {
width: 200px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.fenix-doc-table-item-col__model {
width: 100%;
word-break: break-word;
}
.fenix-doc-table-item-col__date {
width: 120px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.fenix-doc-table-item-col__level {
width: 130px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding-right: 0;
}
@media only screen and (max-width: 1024px) {
.fenix-doc-table-item-col__level {
padding-right: 0;
}
}
.fenix-doc-table-item-col__name,
.fenix-doc-table-item-col__sections,
.fenix-doc-table-item-col__model,
.fenix-doc-table-item-col__date,
.fenix-doc-table-item-col__level {
padding-left: 0px;
padding-right: 16px;
}
@media only screen and (max-width: 1024px) {
.fenix-doc-table-item-col__name,
.fenix-doc-table-item-col__sections,
.fenix-doc-table-item-col__model,
.fenix-doc-table-item-col__date,
.fenix-doc-table-item-col__level {
width: 21%;
}
}
@media only screen and (max-width: 1024px) {
.fenix-doc-table-item-col__level {
padding-right: 0;
}
}
@media only screen and (max-width: 1024px) {
.fenix-doc-table-item-col__date {
width: 16%;
}
}
@media only screen and (max-width: 767px) {
.fenix-doc-table-item-col__name,
.fenix-doc-table-item-col__sections,
.fenix-doc-table-item-col__model,
.fenix-doc-table-item-col__date,
.fenix-doc-table-item-col__level,
.fenix-doc-table-item-col__download {
margin-bottom: 16px;
width: 100%;
}
}
.fenix-doc-table-item-col__toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.fenix-doc-table-item-col__toolbar .kebab-dropdown {
margin-left: 24px;
}
.fenix-doc-table__download {
cursor: pointer;
color: #94A0B1;
}
@media (hover: hover) {
.fenix-doc-table__download:hover {
color: #2858FF;
}
}
.fenix-doc-table__lang {
margin-right: 25px;
padding: 2px 6px;
display: inline-block;
color: #94A0B1;
line-height: 1.4;
border: 1px solid #94A0B1;
border-radius: 5px;
text-transform: uppercase;
}
.ico-fenix-doc-download {
margin-right: 10px;
width: 20px;
height: 20px;
display: inline-block;
}
.wrap-fx-footer {
padding: 0 0 50px 0;
background: #fff;
border-top: 1px solid #D1D8E1;
}
.fx-footer {
padding: 37px 40px 0 40px;
max-width: 1440px;
width: 100%;
margin: 0 auto;
}
.fx-footer-copyright {
color: #94A0B1;
}
.fx-footer-copyright a {
color: #94A0B1;
text-decoration: none;
}
@media (hover: hover) {
.fx-footer-copyright a:hover {
text-decoration: underline;
}
}
.wrap-fx-header {
border-bottom: 1px solid #D1D8E1;
}
.fx-header {
padding: 0 40px 0 40px;
max-width: 1440px;
margin: 0 auto;
width: 100%;
height: 84px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
.fx-header {
padding: 0 18px;
height: 58px;
}
}
.fx-header-logo {
margin-top: 5px;
width: 110px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.fx-header-logo img {
vertical-align: baseline;
}
.fx-header-msg {
margin-left: 50px;
color: #94A0B1;
}
@media only screen and (max-width: 1024px) {
.fx-header-msg {
margin-left: 20px;
}
}
@media only screen and (max-width: 767px) {
.fx-header-msg {
display: none;
}
}
.fx-header-nav {
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.fx-header-nav__link {
margin-left: 32px;
color: #1A1A1A;
}
@media (hover: hover) {
.fx-header-nav__link:hover {
color: #2858FF;
}
}
.fx-page {
max-width: 900px;
width: 100%;
}
.phenix-page-title {
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.phenix-page-title {
margin-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.phenix-page-title .btn {
width: 100%;
}
}
.phenix-page-title h1 {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.phenix-page-title h1 {
margin-bottom: 24px;
}
}
.phenix-page-title_edit {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
.phenix-page-title_edit {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.phenix-page-title_edit h1 {
width: 100%;
}
}
.phenix-page-title .kebab-dropdown {
margin-left: 20px;
}
.kebab-dropdown {
display: inline-block;
vertical-align: middle;
}
.kebab-dropdown__link {
width: 24px;
height: 24px;
position: relative;
display: block;
}
.kebab-dropdown__link span {
width: 4px;
height: 4px;
position: absolute;
border-radius: 100%;
background: #B4C1D1;
}
.kebab-dropdown__link span:nth-child(1) {
top: 4px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.kebab-dropdown__link span:nth-child(2) {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.kebab-dropdown__link span:nth-child(3) {
bottom: 4px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media (hover: hover) {
.kebab-dropdown__link:hover span {
background: #1A1A1A;
}
}
.dealer-info {
margin: 0 0 35px 0;
padding-bottom: 23px;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.dealer-info {
margin-bottom: 24px;
padding-bottom: 24px;
}
}
.dealer-info__row {
margin: 0 -12px 0 -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1024px) {
.dealer-info__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.dealer-info__h2 {
margin-bottom: 24px;
font-size: 20px;
}
.dealer-info__col {
padding: 0 12px;
width: 25%;
}
@media only screen and (max-width: 1024px) {
.dealer-info__col {
margin-bottom: 16px;
width: 50%;
}
.dealer-info__col:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.dealer-info__col {
width: 100%;
}
}
.dealer-info__title {
margin-bottom: 7px;
font-size: 12px;
color: #94A0B1;
}
.dealer-info__val {
font-size: 18px;
}
.filter-inline {
margin-bottom: 40px;
padding: 28px 28px 4px 28px;
border: 1px solid #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.filter-inline {
padding: 24px 24px 4px 24px;
}
}
@media only screen and (max-width: 767px) {
.filter-inline {
padding: 16px 16px 4px 16px;
}
}
.filter-inline__head {
padding-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.filter-inline__head {
padding-bottom: 14px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.filter-inline__h {
padding-right: 25px;
position: relative;
font-weight: 500;
font-size: 24px;
color: #1A1A1A;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.filter-inline__h {
margin-bottom: 16px;
font-size: 20px;
}
}
.filter-inline__body {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 300ms ease-in-out;
-o-transition: max-height 300ms ease-in-out;
transition: max-height 300ms ease-in-out;
}
.filter-inline__body .form-row {
padding: 0 0 28px 0;
}
@media only screen and (max-width: 767px) {
.filter-inline__body .form-row {
padding-bottom: 0;
}
}
.filter-inline__body [class*="form-col"] {
margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
.filter-inline__body [class*="form-col"] {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.filter-inline__body [class*="form-col"] {
margin-bottom: 14px;
width: 100%;
}
}
.filter-inline.is--open .filter-inline__body {
max-height: 10000px;
}
.filter-inline.is--open .ico-filter-inline-arrow {
-webkit-transform: translate(0, -50%) rotate(270deg);
-ms-transform: translate(0, -50%) rotate(270deg);
transform: translate(0, -50%) rotate(270deg);
}
.ico-filter-inline-arrow {
width: 6px;
height: 10px;
position: absolute;
top: 50%;
right: 4px;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.lk-filter-title {
margin-bottom: 6px;
font-weight: bold;
font-size: 16px;
}
.lk-filter {
margin-bottom: 35px;
background: #F3F3F3;
}
.lk-filter .search-pane-input,
.lk-filter .field-input {
background: #fff;
}
.lk-filter-head {
padding: 10px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 16px;
line-height: 1.2;
}
.lk-filter-head__toggle {
color: #1A1A1A;
text-decoration: none;
}
.lk-filter-head__toggle.is--open .ico-lk-filter-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
@media (hover: hover) {
.lk-filter-head__toggle:hover {
color: #1A1A1A;
text-decoration: none;
}
}
.lk-filter-body {
padding: 20px 15px 0 15px;
border-top: 1px solid #CECECE;
}
.lk-filter-line {
padding-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lk-filter-line .btn {
padding: 10px 30px 10px 15px;
margin-left: 15px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.lk-filter-line .lk-filter-date {
margin-right: 15px;
}
.lk-filter-line .field-group_inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lk-filter-line .field-group_inline .field {
margin-bottom: 0;
}
.lk-filter-line .field-group_inline .field-input-radio {
margin-right: 15px;
margin-top: 0;
margin-bottom: 0px;
}
.lk-filter-line_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lk-filter-date {
width: 145px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.lk-filter-date__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ico-lk-filter-arrow {
width: 11px;
height: 8px;
display: inline-block;
vertical-align: middle;
-webkit-transition: -webkit-transform 300ms ease;
transition: -webkit-transform 300ms ease;
-o-transition: transform 300ms ease;
transition: transform 300ms ease;
transition: transform 300ms ease, -webkit-transform 300ms ease;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.ico-lk-filter-arrow svg {
stroke: currentColor;
}
.ico-filter-reset {
margin-left: 5px;
width: 10px;
height: 10px;
display: inline-block;
vertical-align: middle;
stroke: currentColor;
}
@media only screen and (max-width: 960px) {
.lk-filter-line_footer {
margin: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.lk-filter-line_footer .field-group_inline {
margin-bottom: 0px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.lk-filter-line .field-group_inline .field {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 760px) {
.lk-filter-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.lk-filter-line .search-pane {
margin-bottom: 14px;
}
.lk-filter-line .lk-filter-date {
margin-right: 0;
margin-bottom: 14px;
}
.lk-filter-line .btn {
margin-left: 0;
}
.lk-filter-line .field-group_inline .field {
width: 100%;
}
}
.lk-order-status {
width: 11px;
height: 11px;
display: inline-block;
border-radius: 100%;
vertical-align: middle;
}
.lk-order-status_ok {
background: #65E500;
}
.lk-order-status_warning {
background: #FFCE21;
}
.lk-order-status_error {
background: #E50020;
}
.lkm-table .lk-order-status {
margin-left: 10px;
margin-right: 15px;
}
.lk-page-teaser {
margin-bottom: 20px;
font-size: 16px;
}
.lk-page-teaser p:last-child {
margin-bottom: 0;
}
.lk-page-footer {
margin-top: 20px;
}
.lk-page-footer .btn {
margin-right: 15px;
}
.manuals-list li {
margin-bottom: 10px;
}
.manuals-list a {
color: #1A1A1A;
text-decoration: underline;
}
@media (hover: hover) {
.manuals-list a:hover {
color: #2858FF;
text-decoration: none;
}
}
.order-history-item {
margin-bottom: 23px;
padding: 13px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
border: 1px solid #EDEDED;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-history-item__col {
padding-right: 10px;
min-width: 105px;
}
.order-history-item__col:last-child {
padding-right: 0;
min-width: 30px;
-ms-flex-item-align: center;
align-self: center;
text-align: right;
}
.order-history-item__title {
display: block;
color: #A1A1A1;
font-size: 14px;
line-height: 1.2;
}
.order-history-item__text {
display: block;
font-weight: bold;
}
.order-history-item__text .lk-order-status {
margin-right: 4px;
vertical-align: 0;
margin-left: -15px;
}
.ico-order-history-more {
width: 13px;
height: 19px;
display: none;
vertical-align: middle;
}
.ico-order-history-more svg {
stroke: #E50020;
}
@media only screen and (max-width: 1200px) {
.order-history-item__title span {
display: block;
}
}
@media only screen and (max-width: 1100px) {
.order-history-item__title span {
display: block;
}
.order-history-more span {
display: none;
}
.order-history-more .ico-order-history-more {
display: inline-block;
}
}
@media only screen and (max-width: 760px) {
.order-history-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.order-history-item__col {
margin-bottom: 12px;
width: 50%;
min-width: 0;
}
.order-history-item__col:last-child {
width: 100%;
text-align: left;
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-history-item__col:nth-child(4) {
width: 100%;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-history-item__col:nth-child(5) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-history-item__title span {
display: inline;
}
.order-history-more span {
display: inline-block;
}
.order-history-more .ico-order-history-more {
display: none;
}
}
.wrap-order-print {
max-width: 1140px;
margin: 0 auto;
font-size: 14px;
color: #000;
}
.wrap-order-print h1,
.wrap-order-print h2,
.wrap-order-print h3,
.wrap-order-print h4 {
margin: 0;
padding: 0;
font-weight: bold;
color: #000;
}
.wrap-order-print h1 {
margin-bottom: 0;
font-size: 24px;
}
.wrap-order-print h2 {
margin-top: 24px;
margin-bottom: 16px;
font-size: 18px;
}
.wrap-order-print h3 {
margin-top: 24px;
margin-bottom: 14px;
font-size: 14px;
}
.wrap-order-print h4 {
margin-top: 24px;
margin-bottom: 14px;
font-size: 14px;
}
.oprder-print-list li {
margin-bottom: 4px;
}
.order-print-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.order-print-col {
width: 50%;
}
.order-print-col:first-child {
padding-right: 30px;
}
.order-print-comment {
font-size: 12px;
}
.order-table {
width: 100%;
font-size: 12px;
border: 1px solid #000;
page-break-after: always;
}
.order-table th,
.order-table td {
padding: 5px;
border: 1px solid #000;
}
.order-table th:first-child,
.order-table td:first-child {
font-size: 14px;
}
.order-table th:last-child,
.order-table td:last-child {
width: 25%;
}
@media print {
.wrap-order-print {
width: 100%;
}
}
.payers-table {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.payers-table {
min-width: 910px;
}
}
@media only screen and (max-width: 767px) {
.payers-table {
min-width: 0;
}
}
.payers-table .field {
margin-bottom: 0;
display: inline-block;
}
@media only screen and (max-width: 1024px) {
.payers-table .is--th,
.payers-table .is--td {
max-width: 220px;
}
.payers-table .is--th .badge-status,
.payers-table .is--td .badge-status {
white-space: nowrap;
}
}
.payers-table .is--th span:not([class]),
.payers-table .is--td span:not([class]) {
max-width: 250px;
display: inline-block;
}
@media only screen and (max-width: 1024px) {
.payers-table .is--th span:not([class]),
.payers-table .is--td span:not([class]) {
max-width: 220px;
}
}
@media only screen and (max-width: 767px) {
.payers-table .is--th span:not([class]),
.payers-table .is--td span:not([class]) {
max-width: none;
display: block;
}
}
.payers-table .is--th:last-child,
.payers-table .is--td:last-child {
text-align: center;
}
@media only screen and (max-width: 767px) {
.payers-table .is--th:last-child,
.payers-table .is--td:last-child {
text-align: left;
}
}
.personal-nav {
padding: 60px 0 0 0;
max-width: 60px;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background: #fff;
border-right: 1px solid #D1D8E1;
z-index: 20;
-webkit-transition: max-width 300ms ease;
-o-transition: max-width 300ms ease;
transition: max-width 300ms ease;
}
.personal-nav a {
color: #94A0B1;
}
.personal-nav.is--hover {
max-width: 100%;
min-width: auto;
}
@media (hover: hover) {
.personal-nav:hover {
max-width: 100%;
min-width: auto;
}
}
.personal-nav.is--hover .personal-nav-list__text {
opacity: 1;
}
@media (hover: hover) {
.personal-nav:hover .personal-nav-list__text {
opacity: 1;
}
}
.personal-nav.is--hover .personal-nav-list__link:after,
.personal-nav.is--hover .personal-nav-list__link:before {
opacity: 1;
}
@media (hover: hover) {
.personal-nav:hover .personal-nav-list__link:after,
.personal-nav:hover .personal-nav-list__link:before {
opacity: 1;
}
}
.personal-nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
.personal-nav-list__link {
padding-right: 17px;
display: block;
position: relative;
}
.personal-nav-list__item {
padding: 0 0 0 0;
white-space: nowrap;
}
.personal-nav-list__item_dropdown .personal-nav-list__link:after {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
left: calc(100% - 30px);
opacity: 0;
background: currentColor;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: opacity 300ms ease 100ms;
-o-transition: opacity 300ms ease 100ms;
transition: opacity 300ms ease 100ms;
}
.personal-nav-list__item_dropdown .personal-nav-list__link:before {
content: '';
width: 14px;
height: 2px;
position: absolute;
top: 50%;
left: calc(100% - 30px);
opacity: 0;
background: currentColor;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transition: opacity 300ms ease 100ms;
-o-transition: opacity 300ms ease 100ms;
transition: opacity 300ms ease 100ms;
}
@media (hover: hover) {
.personal-nav-list__item_dropdown:hover .personal-nav-list-dropdown {
max-width: 100%;
}
}
.personal-nav-list__text {
padding-right: 40px;
opacity: 0;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
@media (hover: hover) {
.personal-nav-list__link:hover {
color: #1A1A1A;
}
}
.personal-nav-list-dropdown {
padding-top: 60px;
max-width: 0%;
height: 100%;
position: absolute;
left: calc(100% + 1px);
top: 0;
background: #fff;
overflow: hidden;
-webkit-transition: max-width 300ms ease 200ms;
-o-transition: max-width 300ms ease 200ms;
transition: max-width 300ms ease 200ms;
}
.personal-nav-list-dropdown-list {
padding: 0 20px 0 43px;
}
.personal-nav-list-dropdown-list li {
padding: 19px 0 20px 0;
}
.personal-nav-list-dropdown a {
color: #1A1A1A;
}
@media (hover: hover) {
.personal-nav-list-dropdown a:hover {
text-decoration: none;
color: #1A1A1A;
}
}
.ico-personal-nav {
padding: 20px 16px;
width: 60px;
height: 60px;
display: inline-block;
}
.mobile-personal-nav {
padding: 0;
background: #fff;
z-index: 20;
}
.mobile-personal-nav a {
color: #94A0B1;
}
@media (hover: hover) {
.mobile-personal-nav a:hover {
color: #94A0B1;
}
}
.mobile-personal-nav-list {
font-size: 14px;
font-weight: normal;
overflow: hidden;
}
.mobile-personal-nav-list__item {
padding: 0 ;
margin-bottom: 0;
}
.mobile-personal-nav-list__item:last-child {
margin-bottom: 0;
}
.mobile-personal-nav-list__link {
padding: 17px 0;
padding-left: 44px;
display: block;
position: relative;
color: #1A1A1A;
line-height: 1.3;
}
@media (hover: hover) {
.mobile-personal-nav-list__link:hover {
color: #1A1A1A;
}
}
.mobile-personal-nav-list .ico-personal-nav {
padding: 0;
margin-right: 22px;
width: 20px;
height: 20px;
color: #94A0B1;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width: 1024px) {
.personal-nav {
display: none;
}
}
.personal-offer-item {
padding: 11px 11px 11px 20px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #EDEDED;
}
.personal-offer__body {
margin-right: 25px;
width: 100%;
}
.personal-offer__title {
margin-bottom: 20px;
display: block;
font-size: 18px;
font-weight: bold;
line-height: 21px;
color: #1A1A1A;
}
.personal-offer__title a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.personal-offer__title a:hover {
color: #2858FF;
text-decoration: none;
}
}
.personal-offer__text {
margin-bottom: 14px;
display: block;
font-size: 14px;
}
.personal-offer__text p:last-child {
margin-bottom: 0;
}
.personal-offer__more {
color: #2858FF;
text-decoration: underline;
}
@media (hover: hover) {
.personal-offer__more:hover {
color: #2858FF;
text-decoration: none;
}
}
.personal-offer__img {
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
overflow: hidden;
-o-object-fit: contain;
object-fit: contain;
}
.personal-offer__img img {
width: 410px;
height: 320px;
}
@media only screen and (max-width: 1100px) {
.personal-offer-item {
padding: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.personal-offer__body {
margin-right: 0;
margin-bottom: 20px;
}
.personal-offer__img {
width: 100%;
}
.personal-offer__img img {
height: 200px;
width: 100%;
}
}
@media only screen and (max-width: 1000px) {
.personal-offer__img img {
width: auto;
}
}
@media only screen and (max-width: 760px) {
.personal-offer__img {
width: 100%;
}
.personal-offer__img img {
height: 160px;
width: 100%;
}
}
.table-control-pane {
margin-bottom: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.table-control-pane {
margin-bottom: 24px;
}
}
.table-control-pane .field-input-radio {
margin-bottom: 0;
}
.table-control-pane .field,
.table-control-pane .btn {
margin-bottom: 0;
margin-right: 24px;
}
@media only screen and (max-width: 767px) {
.table-control-pane .field,
.table-control-pane .btn {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.table-control-pane .btn {
margin-top: 16px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.table-control-pane .btn:first-child {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.table-control-pane .field {
margin-top: 24px;
}
}
.users-table .is--td:last-child {
padding-right: 0;
}
@media only screen and (max-width: 1024px) {
.lk-log-table,
.users-table {
min-width: 910px;
overflow: scroll;
}
}
@media only screen and (max-width: 767px) {
.lk-log-table,
.users-table {
min-width: 0;
overflow: visible;
}
}
@media only screen and (max-width: 1024px) {
.lk-log-table .is--td,
.users-table .is--td {
max-width: 220px;
}
.lk-log-table .is--td .badge-status,
.users-table .is--td .badge-status {
white-space: nowrap;
}
}
@media only screen and (max-width: 767px) {
.lk-log-table .is--td,
.users-table .is--td {
max-width: none;
}
}
.lk-log-table,
.payers-table,
.users-table {
width: 100%;
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 767px) {
.payers-table .is--th,
.users-table .is--th,
.payers-table .is--td,
.users-table .is--td {
max-width: 100%;
}
}
.payers-table .is--th:last-child,
.users-table .is--th:last-child,
.payers-table .is--td:last-child,
.users-table .is--td:last-child {
text-align: center;
}
@media only screen and (max-width: 767px) {
.payers-table .is--th:last-child,
.users-table .is--th:last-child,
.payers-table .is--td:last-child,
.users-table .is--td:last-child {
text-align: left;
}
}
.files-table__date {
width: 205px;
}
@media only screen and (max-width: 767px) {
.files-table__date {
width: 100%;
}
}
.files-table__ex {
width: 300px;
}
@media only screen and (max-width: 767px) {
.files-table__ex {
width: 100%;
}
}
.files-table__toolbar {
width: 40px;
}
.sales-list {
margin: 0 -12px 16px -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sales-list-item {
padding: 32px 28px;
width: calc(33.3% - 24px);
margin-left: 12px;
margin-right: 12px;
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #F4F4F8;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.sales-list-item {
margin-bottom: 16px;
padding: 16px;
}
}
@media only screen and (max-width: 767px) {
.sales-list-item {
margin-bottom: 8px;
width: 100%;
}
}
.sales-list-item__title {
font-size: 24px;
font-weight: 500;
line-height: 1;
}
@media only screen and (max-width: 1024px) {
.sales-list-item__title {
font-size: 18px;
}
}
.sales-list-item__val {
color: #2858FF;
font-size: 32px;
line-height: 1;
}
.abount-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #F4F4F8;
border-radius: 5px;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.abount-promo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.abount-promo__body {
padding: 60px 60px 12px 60px;
}
@media only screen and (max-width: 1024px) {
.abount-promo__body {
padding: 22px;
}
}
@media only screen and (max-width: 767px) {
.abount-promo__body {
padding: 24px 16px 0 16px;
}
}
.abount-promo__h2 {
margin: 0 0 24px 0;
font-size: 32px;
font-weight: 500;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.abount-promo__h2 {
font-size: 24px;
}
}
.abount-promo__text {
margin-bottom: 62px;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.abount-promo__text {
margin-bottom: 47px;
font-size: 14px;
}
}
.abount-promo__text p {
margin-bottom: 26px;
}
.abount-promo__advantage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.abount-promo__advantage {
font-size: 14px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.abount-promo__advantage li {
margin-bottom: 48px;
padding-top: 30px;
padding-right: 32px;
width: 50%;
position: relative;
}
@media only screen and (max-width: 767px) {
.abount-promo__advantage li {
width: 100%;
margin-bottom: 24px;
padding-top: 24px;
}
}
.abount-promo__advantage li:before {
content: '';
width: 40px;
height: 6px;
position: absolute;
top: 0;
left: 0;
background: #2858FF;
}
.abount-promo__img {
width: 525px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
position: relative;
font-variant: normal;
}
@media only screen and (max-width: 1024px) {
.abount-promo__img {
width: 100%;
height: 225px;
}
}
@media only screen and (max-width: 767px) {
.abount-promo__img {
height: 292px;
}
}
.abount-promo__img img {
width: 100%;
height: 100%;
top: 0;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
}
.abount-promo__img img.abount-promo__img-logo {
width: 300px;
height: auto;
position: absolute;
top: 195px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.abount-promo__img img.abount-promo__img-logo {
width: 172px;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
@media only screen and (max-width: 1024px) {
.abount-promo__img img {
-o-object-position: 0 87%;
object-position: 0 87%;
}
}
.about-main-promo {
min-height: 494px;
position: relative;
background: #f5f5f7 url(/local/templates/general//daichi-layout/build/css/../images/about/about_main_img_1024-_1.png) no-repeat right 0;
background-size: cover;
}
@media only screen and (max-width: 1024px) {
.about-main-promo {
margin-top: 20px;
background-position: center 0;
}
}
@media only screen and (max-width: 767px) {
.about-main-promo {
padding: 40px 18px 0 18px;
margin: 0 -20px;
min-height: 458px;
background: #f5f5f7 url(/local/templates/general//daichi-layout/build/css/../images/about/about-main-img-767.jpg) no-repeat center bottom;
background-size: cover;
}
}
.about-main-promo-logo {
width: 133px;
margin-bottom: 25px;
}
.about-main-promo__text {
max-width: 520px;
position: absolute;
top: 50%;
left: 80px;
font-size: 32px;
font-weight: 500;
line-height: 1.3;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width: 1024px) {
.about-main-promo__text {
max-width: 440px;
left: 40px;
}
}
@media only screen and (max-width: 767px) {
.about-main-promo__text {
max-width: 100%;
position: static;
text-align: center;
font-size: 20px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.about-second-promo {
min-height: 380px;
position: relative;
background: #F4F4F8 url(/local/templates/general//daichi-layout/build/css/../images/about/about-second-img.jpg) no-repeat right 0;
background-size: contain;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.about-second-promo {
min-height: 640px;
background-position: 122px center;
}
}
@media only screen and (max-width: 767px) {
.about-second-promo {
padding-top: 170px;
min-height: 0;
background-position: right -15px;
background-size: auto 200px;
}
}
.about-second-promo__body {
max-width: 600px;
display: block;
position: absolute;
top: 50%;
left: 40px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width: 1024px) {
.about-second-promo__body {
max-width: 264px;
}
}
@media only screen and (max-width: 767px) {
.about-second-promo__body {
padding: 16px;
max-width: none;
position: static;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.about-second-promo__title {
margin-bottom: 20px;
display: block;
font-size: 32px;
font-weight: 500;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.about-second-promo__title {
margin-bottom: 15px;
font-size: 18px;
}
}
.about-second-promo__text {
margin-bottom: 20px;
display: block;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.about-second-promo__text {
font-size: 16px;
}
}
.about-second-promo__btn {
display: block;
}
.about-second-promo__btn .btn {
width: 100%;
max-width: 265px;
}
@media only screen and (max-width: 767px) {
.about-second-promo__btn .btn {
padding: 13px 15px;
width: 100%;
}
}
.index-section {
margin-bottom: 80px;
}
.index-section:last-child {
margin-bottom: 0;
}
.index-section__h2 {
margin-bottom: 28px;
font-size: 32px;
}
@media only screen and (max-width: 767px) {
.index-section__h2 {
margin-bottom: 24px;
font-size: 20px;
line-height: 1.3;
}
}
.index-section__h2 a {
color: #1A1A1A;
text-decoration: none;
}
@media (hover: hover) {
.index-section__h2 a:hover {
color: #113EE0;
text-decoration: none;
}
}
@media (hover: hover) {
.index-section__h2 a:hover .is--mark {
color: #113EE0;
}
}
.index-section__h2 .is--mark {
color: #2858FF;
}
.index-section__h2-more {
display: none;
}
@media only screen and (max-width: 767px) {
.index-section__h2-more {
display: block;
}
}
.wrap-index-section__h2 {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.wrap-index-section__h2 {
margin-bottom: 24px;
line-height: 1.3;
}
}
.wrap-index-section__h2 .index-section__h2 {
margin-bottom: 0;
}
.main-slider-section {
max-height: 494px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
.main-slider-section {
max-height: none;
height: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.main-slider-section__main {
width: calc(100% - 345px);
max-width: 1014px;
overflow: hidden;
}
.main-slider-section__main .slick-dotted.slick-slider,
.main-slider-section__main .wrap-main-slider {
margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
.main-slider-section__main {
width: 100%;
max-width: none;
overflow: visible;
}
}
.main-slider-section__aside {
margin-left: 24px;
width: 323px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
border-radius: 5px;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.main-slider-section__aside {
margin-top: 80px;
margin-left: 0;
width: 100%;
}
}
@media only screen and (max-width: 1024px) {
.section-main__auth .main-slider-section__aside {
display: none;
}
}
.privilege-slider {
max-height: 360px;
overflow: hidden;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.privilege-slider {
max-height: 396px;
}
}
@media only screen and (max-width: 767px) {
.privilege-slider {
max-height: 477px;
}
}
.privilege-slider-nav {
padding-top: 24px;
margin: 0 -10px 24px -10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.privilege-slider-nav {
overflow-x: scroll ;
}
}
.privilege-slider-nav:before {
content: '';
width: calc(100% - 20px);
height: 2px;
position: absolute;
top: calc(100% - 3px);
left: 10px;
background: #F3F3F3;
}
.privilege-slider-nav-item {
margin: 0 10px;
width: 100%;
position: relative;
text-align: center;
}
.privilege-slider-nav-item__act .privilege-slider-nav-item__link {
color: #2858FF;
}
.privilege-slider-nav-item__act .privilege-slider-nav-item__link:after {
content: '';
background: #2858FF;
}
.privilege-slider-nav-item__link {
padding: 0 15px 24px 15px;
width: 100%;
display: block;
color: #1A1A1A;
}
@media (hover: hover) {
.privilege-slider-nav-item__link:hover {
color: #2858FF;
text-decoration: none;
}
}
.privilege-slider-nav-item__link:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
top: calc(100% - 3px);
left: 0;
background: #F3F3F3;
}
.privilege-slider-item {
height: 360px;
}
@media only screen and (max-width: 1024px) {
.privilege-slider-item {
height: 396px;
}
}
@media only screen and (max-width: 767px) {
.privilege-slider-item {
height: 477px;
}
}
.privilege-slider-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.singup-promo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #F4F4F8;
border-radius: 5px;
overflow: hidden;
}
.singup-promo__body {
padding: 45px 40px;
width: 50%;
}
.singup-promo__images {
width: 50%;
position: relative;
overflow: hidden;
}
.singup-promo__images img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.singup-promo__h2 {
font-size: 32px;
display: block;
line-height: 1.2;
font-weight: 500;
margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.singup-promo__h2 {
font-size: 25px;
}
}
.singup-promo__text {
color: #94A0B1;
display: block;
font-size: 16px;
margin-bottom: 21px;
}
@media only screen and (max-width: 767px) {
.singup-promo {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
border-radius: 5px;
overflow: hidden;
}
.singup-promo .btn {
width: 100%;
}
.singup-promo__body {
padding: 23px 16px;
width: 100%;
}
.singup-promo__images {
width: 100%;
height: 168px;
}
.singup-promo__images img {
position: static;
}
.singup-promo__h2 {
font-size: 18px;
}
}
.smart-singup {
padding: 30px 28px 28px 28px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
border: 1px solid #F4F4F8;
}
.smart-singup__title {
margin-bottom: 10px;
font-weight: 500;
font-size: 32px;
line-height: 1.16;
}
@media only screen and (max-width: 760px) {
.smart-singup__title {
font-size: 20px;
}
}
.smart-singup__text {
color: #94A0B1;
}
.smart-singup__input {
margin-top: auto;
margin-bottom: 17px;
}
@media only screen and (max-width: 1024px) {
.smart-singup__input {
width: 100%;
margin-top: 24px;
margin-bottom: 0;
padding-right: 187px;
position: relative;
}
}
@media only screen and (max-width: 760px) {
.smart-singup__input {
padding-right: 0;
}
}
.smart-singup__input .field {
margin-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
.smart-singup__input .field {
margin-bottom: 0;
}
}
@media only screen and (max-width: 760px) {
.smart-singup__input .field {
margin-bottom: 16px;
}
}
.smart-singup__input .btn {
width: 100%;
}
@media only screen and (max-width: 1024px) {
.smart-singup__input .btn {
width: 171px;
position: absolute;
top: 24px;
right: 0;
}
}
@media only screen and (max-width: 760px) {
.smart-singup__input .btn {
margin-bottom: 20px;
width: 100%;
position: static;
}
}
.smart-singup__footer {
color: #94A0B1;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.smart-singup__footer {
margin-bottom: 7px;
margin-left: 26px;
text-align: left;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 54px;
}
}
@media only screen and (max-width: 767px) {
.smart-singup__footer {
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
text-align: center;
}
}
.wrap-smart-singup-footer {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (max-width: 1024px) {
.wrap-smart-singup-footer {
margin-top: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media only screen and (max-width: 760px) {
.wrap-smart-singup-footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.subscription-pane {
margin-bottom: 80px;
padding: 32px;
border: 1px solid #E5E9EC;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.subscription-pane .field {
margin-bottom: 0;
}
.subscription-pane-header {
margin-right: 12px;
width: calc(50% - 12px);
font-weight: 500;
}
.subscription-pane__text {
display: block;
font-size: 20px;
}
.subscription-pane-body {
margin-left: 12px;
width: calc(50% - 12px);
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.subscription-pane-body a {
color: #2858FF;
}
.wrap-subscription-form-input {
padding-right: 164px;
position: relative;
}
.subscription-form-input {
margin: 0;
padding: 0 15px;
width: 100%;
height: 56px;
position: relative;
line-height: 1;
font-family: "SuisseIntl", Arial, serif;
font-size: 15px;
font-weight: normal;
text-transform: none;
border: 1px solid #F4F4F8;
border-radius: 6px;
color: #1A1A1A;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F4F4F8;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.subscription-form-input::-webkit-input-placeholder {
color: #94A0B1;
}
.subscription-form-input::-ms-input-placeholder {
color: #94A0B1;
}
.subscription-form-input::placeholder {
color: #94A0B1;
}
.btn.subscription-form-btn {
width: 140px;
position: absolute;
top: 0;
right: 0;
}
@media only screen and (max-width: 1024px) {
.subscription-pane {
padding: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.subscription-pane-header {
margin-bottom: 24px;
width: 100%;
margin-right: 0;
}
.subscription-pane-body {
width: 100%;
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.subscription-pane {
padding: 24px 16px;
}
.wrap-subscription-form-input {
padding-right: 0;
}
.subscription-pane-header {
margin-bottom: 16px;
}
.subscription-form-input {
margin-bottom: 16px;
}
.btn.subscription-form-btn {
width: 100%;
position: static;
}
}
.faq-accordion-item {
background: #fff;
border-bottom: 1px solid #F4F4F8;
}
.faq-accordion-item:first-child {
border-top: 1px solid #F4F4F8;
}
.faq-accordion-item__title {
position: relative;
font-size: 18px;
font-weight: 500;
color: #1A1A1A;
line-height: 1.2;
}
.faq-accordion-item__title a {
padding: 24px 0;
display: block;
position: relative;
color: currentColor;
}
.faq-accordion-item__title a:after {
content: '';
width: 22px;
height: 2px;
position: absolute;
top: 50%;
right: 0;
background: currentColor;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.faq-accordion-item__title a:before {
content: '';
width: 22px;
height: 2px;
position: absolute;
top: 50%;
right: 0;
background: currentColor;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
-o-transition: transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
-webkit-transform: translate(0, -50%) rotate(90deg);
-ms-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
@media (hover: hover) {
.faq-accordion-item__title a:hover {
color: #113EE0;
text-decoration: none;
}
}
.faq-accordion-item_open a:before {
-webkit-transform: translate(0, -50%) rotate(0deg);
-ms-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg);
}
.faq-accordion-item_open .faq-accordion-item__body {
max-height: 9000px;
}
.faq-accordion-item__body {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 300ms ease;
-o-transition: max-height 300ms ease;
transition: max-height 300ms ease;
}
.faq-accordion-item__body p:last-child {
margin-bottom: 0;
}
.faq-accordion-item__content {
padding: 24px 0;
}
.glossary-sections {
padding-left: 90px;
padding-bottom: 20px;
margin-bottom: 55px;
position: relative;
border-bottom: 1px solid #e6ecf2;
}
.glossary-sections__all {
display: block;
position: absolute;
top: -5px;
left: 0;
line-height: 1;
}
.glossary-sections-all-link {
padding: 4px 12px 6px 12px;
display: inline-block;
font-size: 18px;
line-height: 1;
font-weight: bold;
color: #1A1A1A;
background: #e6ecf2;
border-radius: 3px;
}
@media (hover: hover) {
.glossary-sections-all-link:hover {
color: #1A1A1A;
text-decoration: none;
opacity: 0.8;
}
}
.glossary-alphabet {
margin: 0 -10px 15px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1;
font-size: 18px;
text-transform: uppercase;
}
.glossary-alphabet li {
margin: 0 10px 10px 10px;
font-weight: 600;
color: #b9c1ce;
}
.glossary-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.glossary-item {
width: 25%;
margin-bottom: 50px;
font-weight: 600;
}
.glossary-item__h {
margin-bottom: 20px;
display: block;
font-size: 30px;
line-height: 1;
}
.glossary-item-list li {
margin-bottom: 10px;
}
@media only screen and (max-width: 780px) {
.glossary-item {
width: 33.3%;
}
}
@media only screen and (max-width: 640px ) {
.glossary-sections {
padding-left: 0;
padding-bottom: 20px;
}
.glossary-sections__all {
margin-bottom: 20px;
position: static;
}
.glossary-item {
width: 100%;
}
}
.order-detail-h1 {
margin: 0 0 39px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.order-detail-h1 {
margin-bottom: 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.order-detail-h1 .h1 {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.order-detail-h1 .h1 {
margin-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.order-detail-h1 .badge-status {
margin-left: 16px;
}
@media only screen and (max-width: 767px) {
.order-detail-h1 .badge-status {
margin-left: 0;
width: 100%;
}
}
.wrap-order-detail-list {
margin-bottom: 24px;
width: 100%;
}
.order-detail-list-item {
padding: 10px 0 10px 0;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item {
padding: 18px;
margin-bottom: 8px;
background: #F4F4F8;
border-radius: 5px;
border-bottom: none;
}
}
.order-detail-list-item__mobile-status {
display: none;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__mobile-status {
width: 100%;
display: block;
margin-bottom: 16px;
}
}
.order-detail-list-item__mobile-status .badge-status {
width: 100%;
}
.order-detail-list-item .price-pane-cart__summ {
font-weight: normal;
}
.order-detail-list-item__head {
padding: 10px 0 10px 0;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
vertical-align: top;
border-bottom: none;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__head {
display: none;
}
}
.order-detail-list-item__head:first-child {
padding-left: 0;
}
.order-detail-list-item__head .order-detail-list-item__index,
.order-detail-list-item__head .order-detail-list-item__title {
font-size: 12px;
}
.order-detail-list-item__head .order-detail-list-item__img {
height: auto;
background: transparent;
}
.order-detail-list-item__body {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.order-detail-list-item__msg {
padding-top: 23px;
color: #B4C1D1;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__msg {
padding-top: 0;
}
}
.order-detail-list-item__index {
padding-right: 24px;
width: 49px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__index {
display: none;
}
}
.order-detail-list-item__img {
margin-right: 24px;
width: 75px;
height: 75px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: #fff;
}
.order-detail-list-item__img img {
width: 100%;
height: 100%;
position: absolute;
-o-object-fit: contain;
object-fit: contain;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__img {
margin-right: 0;
margin-bottom: 16px;
}
}
.order-detail-list-item__title {
padding-right: 34px;
width: 100%;
min-width: 120px;
font-size: 14px;
}
.order-detail-list-item__title a {
color: #1A1A1A;
}
@media (hover: hover) {
.order-detail-list-item__title a:hover {
color: #113EE0;
}
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__title {
margin-right: 0;
margin-bottom: 16px;
}
}
.order-detail-list-item__stock {
width: 23%;
min-width: 110px;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__stock {
margin-right: 0;
width: 100%;
margin-bottom: 16px;
}
}
.order-detail-list-item__price {
padding-right: 24px;
width: 144px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
text-align: right;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__price {
margin-right: 0;
margin-bottom: 0;
width: 100%;
text-align: left;
}
}
.order-detail-list-item__amount {
padding-right: 24px;
width: 120px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 767px) {
.order-detail-list-item__amount {
margin-right: 0;
width: 100%;
margin-bottom: 16px;
}
}
.order-detail-list-item__toolbar {
width: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.order-detail-list-item__toolbar a {
margin-left: 22px;
}
.order-detail-list-item__toolbar a:first-child {
margin-left: 0;
}
.order-detail-list-item__msg {
width: 100%;
}
.order-detail-list-item__msg .is--mark {
color: #FC4242;
}
.order-detail-list-item__delete {
width: 19px;
height: 19px;
display: inline-block;
}
.order-detail-list-item__favorite {
width: 18px;
height: 21px;
display: inline-block;
}
.order-detail-list-item__favorite .ico-svg {
fill: transparent;
}
.order-detail-list-item__delete,
.order-detail-list-item__favorite {
color: #B4C1D1;
}
@media (hover: hover) {
.order-detail-list-item__delete:hover,
.order-detail-list-item__favorite:hover {
color: #113EE0;
}
}
@media only screen and (max-width: 767px) {
.cart-stock__item_status {
display: none;
}
}
.ico-cart-stock {
margin-right: 12px;
width: 24px;
height: 20px;
display: inline-block;
color: #94A0B1;
}
.order-complete-progress {
margin-bottom: 24px;
}
.order-detail-table {
width: 100%;
}
.order-detail-checkout-link {
padding: 12px 10px ;
width: 41px;
height: 42px;
display: inline-block;
color: #1A1A1A;
text-decoration: none;
vertical-align: middle;
}
@media (hover: hover) {
.order-detail-checkout-link:hover {
color: #2858FF;
text-decoration: none;
}
}
.order-detail-table .order-detail-checkout-link {
margin-left: 6px;
}
.order-detail-summary {
font-size: 16px;
}
.order-detail-summary-item {
margin-bottom: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.order-detail-summary-item {
margin-top: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.order-detail-summary-item:first-child {
margin-top: 0;
}
.order-detail-summary-item span:first-child {
font-size: 12px;
color: #94A0B1;
}
}
.order-detail-summary-item_total {
margin-top: 24px;
margin-bottom: 0;
line-height: 1;
font-size: 24px;
}
@media only screen and (max-width: 767px) {
.order-detail-summary-item_total {
font-size: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-detail-summary-item_total span:first-child {
font-size: 20px;
color: #1A1A1A;
}
}
@media only screen and (max-width: 767px) {
.order-detail-summary {
padding: 18px;
background: #F4F4F8;
border-radius: 5px;
}
}
.table-order-stock-comlite {
margin-bottom: 28px;
width: 100%;
}
.order-detail-picku-addr {
margin-bottom: 24px;
}
.order-detail-picku-addr:last-child {
margin-bottom: 0;
}
.order-detail-picku-addr span {
display: block;
color: #94A0B1;
}
.order-stock-progress {
margin-bottom: 24px;
}
.order-stock-progress__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-stock-progress__val {
line-height: 1;
font-size: 36px;
color: #2858FF;
}
.order-stock-progress__date {
text-align: right;
}
.order-stock-progress__date span {
display: block;
color: #94A0B1;
}
.order-stock-progress__bar {
margin: 14px 0;
width: 100%;
height: 4px;
overflow: hidden;
border-radius: 4px;
background: #D1D8E1;
}
.order-stock-progress__bar span {
height: 4px;
display: block;
background: #2858FF;
}
.order-stock-progress__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.order-stock-progress__footer span {
font-style: 14px;
color: #94A0B1;
}
.order-stock-progress__footer span:last-child {
text-align: right;
}
.wrap-brand-slider {
position: relative;
}
.brand-slider {
margin: 0 -12px;
padding: 0 12px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
@media only screen and (max-width: 1024px) {
.brand-slider {
margin: 0 -40px 0 -12px;
padding: 0 0 0 12px;
}
}
@media only screen and (max-width: 767px) {
.brand-slider {
margin: 0 -18px 0 -8px;
padding: 0 0 0 8px;
}
}
.brand-slider .brand-slider-item {
margin: 0 12px;
width: 200px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.brand-slider.slick-initialized {
display: block;
overflow: visible;
}
.brand-slider__h2 {
margin-bottom: 28px;
font-size: 32px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.brand-slider__h2 {
margin-bottom: 24px;
font-size: 20px;
}
}
.brand-slider.slick-initialized .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.brand-slider .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.brand-slider .slick-list,
.brand-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.brand-slider .slick-track {
margin-left: 0;
margin-right: 0;
}
.brand-slider-arrow {
width: 80px;
position: absolute;
top: 23px;
right: 0;
}
.brand-slider-arrow-prev,
.brand-slider-arrow-next {
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
color: #1A1A1A;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 2;
}
.brand-slider-arrow-prev[aria-disabled=true],
.brand-slider-arrow-next[aria-disabled=true] {
color: #D1D8E1;
}
.brand-slider-arrow-prev .ico-svg,
.brand-slider-arrow-next .ico-svg {
width: 20px;
height: 14px;
vertical-align: top;
}
@media (hover: hover) {
.brand-slider-arrow-prev:hover .ico-svg,
.brand-slider-arrow-next:hover .ico-svg {
stroke: #2858FF;
}
}
.brand-slider-arrow-prev {
left: 0;
}
.brand-slider-arrow-prev .ico-svg {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.brand-slider-arrow-next {
right: 0;
}
@media only screen and (max-width: 767px) {
.brand-slider-arrow {
display: none;
}
}
.order-list-table {
width: 100%;
}
.order-list-table-head__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.order-list-table-head__row {
display: none;
}
}
.order-list-table-item {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
border-bottom: 1px solid #D1D8E1;
}
@media only screen and (max-width: 767px) {
.order-list-table-item {
width: 100%;
margin-right: 24px;
padding: 18px;
margin-bottom: 8px;
border-bottom: none;
background: #F4F4F8;
border-radius: 5px;
}
}
@media (hover: hover) {
.order-list-table-item:hover {
background: #fff;
border-color: #fff;
border-radius: 5px;
-webkit-box-shadow: -14px 0px 0px 0px #fff, 14px 0px 0px 0px #fff, 0 -1px 0px 1px #F4F4F8, 0px 4px 10px rgba(86, 91, 121, 0.1);
box-shadow: -14px 0px 0px 0px #fff, 14px 0px 0px 0px #fff, 0 -1px 0px 1px #F4F4F8, 0px 4px 10px rgba(86, 91, 121, 0.1);
}
}
.order-list-table-item:last-child {
border-bottom: none;
}
.order-list-table-item__row {
padding-top: 10px;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.order-list-table-item__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
}
}
.order-list-table-item__row:last-child {
padding-top: 16px;
}
@media only screen and (max-width: 767px) {
.order-list-table-item__row:last-child {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0;
}
}
.order-list-table-item__th {
padding: 0 5px 20px 5px;
font-size: 12px;
font-weight: normal;
color: #94A0B1;
vertical-align: top;
}
.order-list-table-item-col__mobile-badge {
display: none;
}
@media only screen and (max-width: 767px) {
.order-list-table-item-col__mobile-badge {
margin-bottom: 16px;
display: block;
}
}
.order-list-table-item-col__first {
padding-left: 5px;
padding-right: 24px;
width: 223px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 1024px) {
.order-list-table-item-col__first {
width: 180px;
}
}
@media only screen and (max-width: 767px) {
.order-list-table-item-col__first {
margin-bottom: 16px;
padding-right: 0;
padding-left: 0;
width: 100%;
}
.order-list-table-item-col__first .is--gray {
display: none;
}
}
.order-list-table-item-col__payer {
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.order-list-table-item-col__payer {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
}
.order-list-table-item-col__who {
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.order-list-table-item-col__who {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
}
.order-list-table-item-col__shipment {
padding-left: 5px;
padding-right: 5px;
margin-left: auto;
width: 150px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
@media only screen and (max-width: 1024px) {
.order-list-table-item-col__shipment {
width: 140px;
}
}
@media only screen and (max-width: 767px) {
.order-list-table-item-col__shipment {
margin-bottom: 16px;
padding-left: 0;
padding-right: 0;
margin-left: 0;
text-align: left;
}
}
.order-list-table-item-col__summ {
padding-left: 5px;
padding-right: 5px;
width: 165px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-weight: bold;
text-align: right;
}
@media only screen and (max-width: 1024px) {
.order-list-table-item-col__summ {
width: 145px;
}
}
@media only screen and (max-width: 767px) {
.order-list-table-item-col__summ {
margin-bottom: 16px;
width: 100%;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.order-list-table-item-col__summ .is--link {
margin: 0 0 0 0;
padding: 19px 15px;
height: auto;
min-width: 120px;
position: relative;
display: inline-block;
font-size: 14px;
font-family: "SuisseIntl", Arial, serif;
font-weight: normal;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
line-height: 1;
color: #fff;
background: #2858FF;
border: 2px solid #2858FF;
border-radius: 6px;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: none;
-webkit-transition: background-color, border-color 200ms ease;
-o-transition: background-color, border-color 200ms ease;
transition: background-color, border-color 200ms ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 11px 0px;
}
@media (hover: hover) {
.order-list-table-item-col__summ .is--link:hover {
text-decoration: none;
color: #fff;
background: #113EE0;
border-color: #113EE0;
}
}
.order-list-table-item-col__summ .is--link_border {
background: transparent;
color: #2858FF;
border: 2px solid #F3F3F3;
}
@media (hover: hover) {
.order-list-table-item-col__summ .is--link_border:hover {
color: #2858FF;
border-color: #2858FF;
background: transparent;
}
}
@media (hover: hover) {
.order-list-table-item-col__summ .is--link_border:hover svg {
fill: #fff;
stroke: #fff;
}
}
.order-list-table-item-col__summ .is--link_border-blue {
border-color: #2858FF;
color: #1A1A1A;
}
@media (hover: hover) {
.order-list-table-item-col__summ .is--link_border-blue:hover {
border-color: #2858FF;
}
}
.order-list-table-item-col__summ .is--link_white {
background: transparent;
color: #2858FF;
font-weight: bold;
background: #fff;
border: 2px solid #2858FF;
}
.order-list-table-item-col__summ .is--link_white svg {
fill: #2858FF;
stroke: #2858FF;
}
@media (hover: hover) {
.order-list-table-item-col__summ .is--link_white:hover {
color: #fff;
border-color: #2858FF;
background: #2858FF;
}
}
@media (hover: hover) {
.order-list-table-item-col__summ .is--link_white:hover svg {
fill: #fff;
stroke: #fff;
}
}
.order-list-table-item-col__summ .is--link_upper {
text-transform: uppercase;
}
.order-list-table-item-col__summ .is--link_fluide {
min-width: 0;
}
.order-list-table-item-col__summ .is--link_small {
padding: 11px 14px;
text-transform: none;
font-weight: normal;
}
.order-list-table-item-col__summ .is--link[disabled],
.order-list-table-item-col__summ .is--link_disabled {
opacity: 0.5;
pointer-events: none;
}
.order-list-table-item-col__summ .is--link_ico {
padding-right: 50px;
}
.order-list-table-item-col__summ .is--link_ico > [class^="ico-"] {
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.order-list-table-item-col__summ .is--link_ico:after {
display: none;
}
.order-list-table-item-col__summ .is--link_ico svg {
fill: currentColor;
stroke: currentColor;
}
}
.order-list-table .badge-status {
width: 100%;
}
@media only screen and (max-width: 767px) {
.order-list-table_lk .slick-track {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.order-list-table_lk .order-list-table-head {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: none;
}
}
.order-list-table_lk .order-list-table-item {
height: 100%;
}
@media only screen and (max-width: 767px) {
.order-list-table_lk .order-list-table-item {
margin-right: 8px;
width: 290px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (hover: hover) {
.order-list-table_lk .order-list-table-item:hover {
background: #F4F4F8;
border-color: #F4F4F8;
}
}
}
@media only screen and (max-width: 767px) {
.order-list-table_lk .order-list-table-item__row:last-child {
height: 100%;
}
.order-list-table_lk .order-list-table-item__row:last-child .order-list-table-item-col__summ {
margin-bottom: 0;
margin-top: auto;
}
}
.wrap-order-list-tabl-h {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wrap-order-list-tabl-h .panel__more {
margin-top: 0;
margin-right: 10px;
}
.wrap-order-list-tabl-h .h1 {
margin-bottom: 0;
}
.ico-order-list-status {
margin-right: 12px;
width: 22px;
height: 22px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
vertical-align: 1px;
}
.order-list-status {
padding-left: 34px;
position: relative;
display: inline-block;
}
.order-list-status_blue {
color: #2858FF;
}
.order-list-status_gray {
color: #94A0B1;
}
.order-list-table__who {
display: block;
color: #94A0B1;
}
.order-shipment-status_ok .ico-order-payment-status,
.order-payment-status_ok .ico-order-payment-status {
color: #2858FF;
}
.order-shipment-status_ok .ico-order-payment-status .ico-svg,
.order-payment-status_ok .ico-order-payment-status .ico-svg {
width: 10px;
}
.order-shipment-status_wait,
.order-payment-status_wait {
color: #94A0B1;
}
.order-shipment-status {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ico-order-shipment-status,
.ico-order-payment-status {
margin-right: 10px;
width: 21px;
height: 21px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
.price-pane {
position: relative;
font-size: 24px;
color: #1A1A1A;
}
.price-pane_product {
font-size: 36px;
}
.price-pane__current {
display: block;
}
@media only screen and (max-width: 1024px) {
.price-pane {
font-size: 18px;
}
}
.price-pane-cart {
text-align: right;
line-height: 1.5;
}
.price-pane-cart__summ {
display: block;
color: #1A1A1A;
font-weight: bold;
}
.price-pane-cart__count {
display: block;
color: #94A0B1;
}
@media only screen and (max-width: 767px) {
.price-pane-cart {
text-align: left;
}
}
.price-pane-old {
margin-bottom: 20px;
}
.price-pane-old__title {
font-size: 12px;
color: #94A0B1;
}
.price-pane-old__value {
font-size: 14px;
color: #1A1A1A;
}
.price-pane__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.price-pane__col {
margin-left: 24px;
}
.price-pane__col:first-child {
margin-left: 0;
}
.product-art {
padding: 9px 14px;
min-width: 123px;
display: inline-block;
color: #444;
font-size: 11px;
text-align: center;
background: #F3F3F3;
line-height: 1.2;
}
.product-bage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-bage img {
max-width: 80px;
}
.product-bage_grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.product-bage_grid img {
max-width: 35px;
}
.product-bage_list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.product-bage_list img {
max-width: 26px;
}
.product-bage_card .product-bage__item {
margin-right: 0;
margin-bottom: 18px;
}
.product-bage_card img {
max-width: 100%;
}
.product-bage__item {
margin-right: 5px;
}
.product-bage_plain {
display: block;
}
.product-bage_plain-pc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-bage_plain-mobile {
display: none;
}
.product-bage-plain__item {
margin-bottom: 4px;
margin-right: 4px;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.product-bage-plain__item > span {
padding: 4px 7px;
display: inline-block;
font-size: 11px;
font-weight: bold;
line-height: 1;
background: #2858FF;
color: #fff;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
border-radius: 2px;
}
.product-bage-plain__item > span > span {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media only screen and (max-width: 1100px) {
.product-bage_card .product-bage__item {
margin-left: 5px;
margin-bottom: 0;
width: 32px;
}
}
@media only screen and (max-width: 700px) {
.product-bage_plain-pc {
display: none;
}
.product-bage_plain-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.product-card {
margin-bottom: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-card__prop-sel.form-row {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.product-card__set {
line-height: 1.6;
margin-bottom: 10px;
}
.product-card__aside {
margin-top: 5px;
width: 48%;
position: relative;
max-width: 653px;
border: 2px solid #F4F4F8;
}
.product-card__favorite {
position: absolute;
top: 5px;
right: 0;
}
.product-card__sale {
position: absolute;
top: 24px;
left: 18px;
z-index: 2;
}
.product-card__h1 {
padding-right: 20px;
margin-bottom: 24px;
color: #1A1A1A;
font-size: 32px;
font-weight: 500;
line-height: 38px;
}
.product-card__main {
padding-left: 40px;
width: 52%;
position: relative;
}
.product-card__msg {
padding: 15px 20px;
background: #F3F3F3;
}
.product-card-img .slick-dots {
bottom: -11px;
}
.product-card-img-slider-prev,
.product-card-img-slider-next {
width: 36px;
height: 36px;
color: #D1D8E1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
border: 1px solid #D1D8E1;
cursor: pointer;
background: #fff;
}
.product-card-img-slider-prev .ico-svg,
.product-card-img-slider-next .ico-svg {
width: 7px;
height: 11px;
}
.product-card-img-slider-prev {
position: absolute;
top: 50%;
left: 17px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.product-card-img-slider-next {
position: absolute;
top: 50%;
right: 17px;
-webkit-transform: translate(0, -50%) rotate(180deg);
-ms-transform: translate(0, -50%) rotate(180deg);
transform: translate(0, -50%) rotate(180deg);
}
.product-card-img-item {
display: none;
}
.product-card-img-item a {
display: block;
}
.product-card-img-item a:after {
content: '';
padding-bottom: 73.5%;
height: 0;
display: block;
position: relative;
}
.product-card-img-item img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-card-img-item_act {
display: block;
}
.product-card-img-item img {
margin: 0 auto;
}
.product-card-img-item-noimg {
padding: 100% 0 0 0;
width: 100%;
display: block;
position: relative;
}
.product-card-img-item-noimg img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-card__badge {
position: absolute;
top: -40px;
right: 0;
}
.product-card__amount {
margin: 0 0 54px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-card__amount .price-pane {
margin-right: 14px;
}
.product-card .price-pane-old {
margin-bottom: 11px;
}
.product-card .price-pane-old__title {
margin-bottom: 7px;
}
.product-card-props {
margin: 0 -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-card-props li {
padding-left: 48px;
margin: 0 12px 26px 12px;
min-height: 30px;
width: calc(50% - 24px);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.3;
}
.product-card-props .ico-product-props {
width: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.product-card-props_dot li {
padding-left: 20px;
}
.product-card-props_dot li:after {
content: '';
width: 7px;
height: 7px;
position: absolute;
top: calc(50% + 1px);
left: 0;
border-radius: 100%;
border: 2px solid #2858FF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.product-card__detail {
margin-bottom: 20px;
font-size: 12px;
color: #a7a7a7;
line-height: 1.4;
}
.product-card__detail b {
font-weight: normal;
color: #444444;
}
.product-card__detail li {
margin-bottom: 5px;
}
.product-card__description {
margin-bottom: 75px;
}
.product-card__description .alert_gray {
padding: 32px 35px;
}
.product-card__description .tabs-head {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-card__description .tabs-head_short {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.product-card-noimg {
padding-bottom: 78.8%;
position: relative;
}
.product-card-noimg img {
max-width: 350px;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.product-props-list {
margin: 0 -12px 12px -12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product-props-list-item {
width: calc(25% - 24px);
margin: 0 12px 24px 12px;
}
.product-props-list__title {
padding-left: 48px;
margin: 0 0 0 0;
min-height: 30px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.3;
}
.product-props-list__descr {
padding-left: 48px;
display: block;
color: #94A0B1;
}
.product-props-list .ico-product-props {
width: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.product-props-list_dot li {
padding-left: 20px;
}
.product-props-list_dot li:after {
content: '';
width: 7px;
height: 7px;
position: absolute;
top: calc(50% + 1px);
left: 0;
border-radius: 100%;
border: 2px solid #2858FF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media only screen and (max-width: 1100px) {
.product-card__main {
padding-right: 0;
}
}
@media only screen and (max-width: 1024px) {
.product-card__description .tabs-head-item {
padding: 0 1% 26px 1%;
}
}
@media only screen and (max-width: 960px) {
.product-card {
margin-bottom: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.product-card__aside {
width: 100%;
margin: 0 0 40px 0;
}
.product-card__main {
width: 100%;
padding-left: 0;
}
.product-card-img {
margin-bottom: 25px;
}
.product-props-list-item {
width: calc(33.3% - 24px);
margin: 0 12px 24px 12px;
}
}
@media only screen and (max-width: 780px) {
.product-card-img-slider-prev,
.product-card-img-slider-next {
display: none !important;
}
.product-card__sale {
top: 10px;
left: 10px;
}
.product-card__aside {
margin: 0 0 24px 0;
}
.product-card__h1 {
font-size: 24px;
}
.price-pane_product {
font-size: 24px;
}
.product-props-list-item {
width: calc(50% - 24px);
margin: 0 12px 24px 12px;
}
}
@media only screen and (max-width: 760px) {
.product-card__description .tabs-head-item {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.product-card__prop-sel {
margin-bottom: 46px;
}
.product-card-props {
margin-left: 0;
margin-right: 0;
}
.product-card-props li {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.product-props-list-item {
width: 100%;
margin: 0 12px 24px 12px;
}
}
.product-feature-list {
margin-bottom: 40px;
max-width: 860px;
font-size: 15px;
}
.product-feature-list li {
margin-bottom: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.product-feature-list li {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.product-feature-list li span:first-child {
padding: 0 20px 0 0;
width: 50%;
color: #94A0B1;
background: #fff;
z-index: 1;
}
.product-feature-list li span:last-child {
width: 50%;
background: #fff;
z-index: 1;
padding-left: 20px;
}
@media only screen and (max-width: 700px) {
.product-feature-list li span:last-child {
text-align: right;
}
}
.product-sale {
width: 56px;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #40DA90;
border-radius: 100%;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.product-sale_red {
background: #FC4242;
}
.product-sale__text {
color: #fff;
font-size: #1A1A1A;
line-height: 1.2;
}
/* End */
/* Start:/local/templates/general//additional.css?1743070655100961*/
.popups-plugin {
display: block;
}
.popups-plugin.center .popup-pane__footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.price-not-defined {
padding: 0 20px 0 0;
text-decoration: underline;
}
.catalog-grid-item-footer__bottom .price-not-defined {
padding: 0;
}
.error-field {
border-color: red;
}
.catalog-empty .pager-toolbar {
display: none;
}
.hidden {
display: none;
}
.badge-status.order-status-N,
.badge-status.order-status-DG,
.badge-status.order-status-DW,
.badge-status.order-status-CO,
.badge-status.badge-status_pink {
width: 185px;
color: #1a1a1a;
}
.badge-status.order-status-DP {
width: 188px;
color: #1a1a1a;
padding: 6px 0px;
}
.badge-status.order-status-DR,
.badge-status.order-status-F {
width: 188px;
color: #fff;
}
#frmCatalogFilters .field-input-radio.disabled {
display: none;
}
.phoenix-filter-empty .pager-toolbar {
display: none;
}
@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Swiper 8.0.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: March 4, 2022
*/
@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");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -o-linear-gradient(
right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -o-linear-gradient(
bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: -o-linear-gradient(
top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-lock {
display: none;
}
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(
--swiper-pagination-bullet-width,
var(--swiper-pagination-bullet-size, 8px)
);
height: var(
--swiper-pagination-bullet-height,
var(--swiper-pagination-bullet-size, 8px)
);
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets
.swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 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%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-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, 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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-slide-visible .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
-o-transition-property: transform, opacity, height;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
.reset-list {
padding: 0;
margin: 0;
list-style-type: none;
}
body {
padding: 0;
margin: 0 auto;
min-width: 320px;
position: relative;
font: normal 14px "SuisseIntl", Arial, serif;
line-height: 1.5;
color: #1a1a1a;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
body.js-no-scroll {
overflow: hidden;
}
.container {
max-width: 1440px;
width: 100%;
/*padding: 0 40px;*/
margin: 0 auto;
}
@media (max-width: 767px) {
.container {
padding: 0 18px;
}
}
.section-title {
font-size: 32px;
line-height: 38px;
font-weight: 500;
color: #1a1a1a;
margin: 0;
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
white-space: nowrap;
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.brand-chip {
min-width: 100px;
min-height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid #f4f4f8;
border-radius: 4px;
-webkit-transition: border-color 0.2s;
-o-transition: border-color 0.2s;
transition: border-color 0.2s;
}
.brand-chip img {
max-width: 80px;
max-height: 48px;
}
.brand-chip:hover {
cursor: pointer;
border-color: #e6e6ef;
}
.brand-chip.active {
border-color: #2858ff;
}
.button-message {
padding: 24px;
border-radius: 5px;
background-color: #f4f4f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.button-message__text {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #6c7684;
padding-right: 24px;
}
.button-message__btn.button {
padding-left: 32px;
padding-right: 32px;
margin-left: auto;
}
@media (max-width: 767px) {
.button-message {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.button-message__text {
padding-right: 0;
margin: 0 0 24px;
}
.button-message__btn.button {
width: 100%;
}
}
.button,
.button-light {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #fff;
display: inline-block;
padding: 20px;
background-color: #2858ff;
border: none;
border-radius: 5px;
color: #fff;
text-align: center;
-webkit-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
}
.button:disabled,
.button-light:disabled {
opacity: 0.5;
}
.button:not(:disabled):hover,
.button-light:not(:disabled):hover {
cursor: pointer;
color: #fff;
background-color: #113ee0;
}
.button-light {
padding: 18px;
border: 2px solid #2858ff;
background-color: #fff;
color: #1a1a1a;
}
.button-light:not(:disabled):hover {
color: #2858ff;
background-color: #fff;
}
.btn-arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3px 0;
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #2858ff;
background-color: transparent;
border: none;
}
.btn-arrow span:last-of-type {
display: none;
}
.btn-arrow span:first-child {
display: block;
}
.btn-arrow svg {
width: 24px;
height: 24px;
display: block;
margin-bottom: 2px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn-arrow:hover {
cursor: pointer;
color: #113ee0;
}
.btn-arrow.opened span:first-child {
display: none;
}
.btn-arrow.opened span:last-of-type {
display: block;
}
.btn-arrow.opened svg {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.btn-large {
display: block;
padding: 29px;
width: 100%;
font-size: 16px;
line-height: 23px;
font-weight: 500;
color: #1a1a1a;
background-color: #fff;
border: 1px solid #d1d8e1;
border-radius: 5px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.btn-large:hover {
cursor: pointer;
color: #113ee0;
border-color: #113ee0;
}
.button.subscribed {
background-color: #f4f4f8;
color: #6c7684;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button.subscribed:hover {
background-color: #f4f4f8;
color: #2858ff;
}
.button.subscribed::before {
content: "";
display: block;
width: 24px;
height: 24px;
margin-right: 16px;
background-image: url("/local/templates/general//../education_center/img/check-grey.svg");
background-repeat: no-repeat;
background-size: contain;
}
.categories {
max-width: 100%;
}
.categories__title {
font-size: 18px;
line-height: 29px;
font-weight: 600;
color: #1a1a1a;
/*margin: auto auto 16px;*/
width: calc(100% - 80px);
}
.categories__types-hidden {
display: none;
}
.categories__type-list {
list-style: none;
margin: 0;
padding: 0;
}
.categories__item {
display: inline-block;
width: 100%;
}
.categories__item:not(:last-child) {
margin: 0 0 6px;
}
.categories__list-wrap {
width: 100%;
}
.categories__type {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0 10px 10px 0;
}
.categories__type:first-child {
/*margin-left: 40px; */
}
.categories__type:last-child {
margin-right: 40px;
}
.categories__type-btn {
font-size: 14px;
line-height: 22px;
font-weight: 400;
color: #6c7684;
padding: 5px 10px;
background-color: #f4f4f8;
border-radius: 5px;
border: none;
-webkit-transition: color 0.2s, background-color 0.2s;
-o-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
}
.categories__type-btn:hover {
cursor: pointer;
background-color: #e6e6ef;
color: #1a1a1a;
}
.categories__type-btn.active {
color: #fff;
background-color: #2858ff;
}
.categories__toggle-btn {
margin-top: 6px;
margin-left: 40px;
}
@media (max-width: 767px) {
.categories__title {
width: calc(100% - 36px);
}
.categories__type:first-child {
margin-left: 18px;
}
.categories__type:last-child {
margin-right: 18px;
}
.categories__toggle-btn {
margin-left: 18px;
}
}
/* @font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Regular.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Regular.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Book.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Book.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-UltraLight.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-UltraLight.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Black.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Medium.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-BlackItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-BlackItalic.woff") format("woff");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-SemiBoldItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-SemiBoldItalic.woff") format("woff");
font-weight: 600;
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Thin.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-BookItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-BookItalic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Light.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-SemiBold.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-SemiBold.woff") format("woff");
font-weight: 600;
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-BoldItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-BoldItalic.woff") format("woff");
font-weight: bold;
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Bold.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Bold.woff") format("woff");
font-weight: bold;
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-MediumItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-MediumItalic.woff") format("woff");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-Italic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-Italic.woff") format("woff");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-ThinItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-ThinItalic.woff") format("woff");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-UltraLightItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-UltraLightItalic.woff") format("woff");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "SuisseIntl";
src: url("/local/templates/general//../fonts/SuisseIntl-LightItalic.woff2") format("woff2"),
url("/local/templates/general//../fonts/SuisseIntl-LightItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
font-display: swap;
} */
.catalogs-flyers {
padding-bottom: 80px;
}
.catalogs-flyers__content {
padding-top: 30px;
}
.catalogs-flyers__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.catalogs-flyers__item {
max-width: calc((100% - 120px) / 6);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 0 26px;
}
.catalogs-flyers__item:not(:nth-child(6n)) {
margin-right: 24px;
}
.catalogs-flyers__card-img-block {
position: relative;
width: 100%;
padding-top: 141%;
background-color: #f4f4f8;
border-radius: 4px;
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
overflow: hidden;
margin: 0 0 15px;
}
.catalogs-flyers__card-img-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.catalogs-flyers__card-link-download,
.catalogs-flyers__card-link-preview {
position: absolute;
right: 10px;
top: 10px;
width: 36px;
height: 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
border-radius: 50%;
color: #94a0b1;
-webkit-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
.catalogs-flyers__card-link-download svg,
.catalogs-flyers__card-link-preview svg {
width: 24px;
height: 24px;
}
.catalogs-flyers__card-link-download:hover,
.catalogs-flyers__card-link-preview:hover {
color: #1a1a1a;
}
.catalogs-flyers__card-link-preview {
top: 51px;
}
.catalogs-flyers__card-title {
font-size: 14px;
line-height: 21px;
font-weight: 400;
color: #1a1a1a;
margin: 0 0 5px;
}
.catalogs-flyers__card-size {
font-size: 14px;
line-height: 21px;
font-weight: 400;
color: #94a0b1;
}
@media (max-width: 1150px) {
.catalogs-flyers__item {
max-width: calc((100% - 96px) / 5);
}
.catalogs-flyers__item:nth-child(n) {
margin-right: 0;
}
.catalogs-flyers__item:not(:nth-child(5n)) {
margin-right: 24px;
}
}
@media (max-width: 950px) {
.catalogs-flyers__item {
max-width: calc((100% - 72px) / 4);
}
.catalogs-flyers__item:nth-child(n) {
margin-right: 0;
}
.catalogs-flyers__item:not(:nth-child(4n)) {
margin-right: 24px;
}
}
@media (max-width: 800px) {
.catalogs-flyers__item {
max-width: calc((100% - 48px) / 3);
}
.catalogs-flyers__item:nth-child(n) {
margin-right: 0;
}
.catalogs-flyers__item:not(:nth-child(3n)) {
margin-right: 24px;
}
}
@media (max-width: 520px) {
.catalogs-flyers__item {
max-width: calc((100% - 24px) / 2);
}
.catalogs-flyers__item:nth-child(n) {
margin-right: 0;
}
.catalogs-flyers__item:not(:nth-child(2n)) {
margin-right: 24px;
}
}
.events-catalog {
padding-top: 30px;
padding-bottom: 80px;
}
.events-catalog__popular {
padding-top: 22px;
}
.events-catalog__popular-container {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.events-catalog__search {
margin: 0 0 24px;
}
.title-block__title-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.title-block__title-btn h1 {
font-size: 32px;
line-height: 38px;
font-weight: 500;
color: #1a1a1a;
margin: 0 0 24px;
}
.title-block__btn {
width: 266px;
}
@media (max-width: 1024px) {
.title-block__title-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 767px) {
.title-block__btn {
width: 100%;
}
}
.js-amount-btn-delete {
cursor: pointer;
}
.select2-daich-dropdown .select2-results {
padding-bottom: 10px;
overflow-y: hidden;
}
.select2-daich-dropdown .select2-results__options {
max-height: 150px;
overflow-y: auto;
padding-bottom: 0;
}
.programs-catalog__popular .categories__type:first-child {
margin-left: 0px !important;
}
.wrap-field-input--select-phone {
position: absolute;
top: 24px;
left: 0;
width: 87px;
height: 56px;
}
.field-input--select-phone-placeholder {
position: absolute;
top: 18px;
left: 108px;
font-size: 15px;
line-height: 1.5;
color: #94a0b1;
}
.wrap-field-input--select-phone {
position: absolute;
top: 24px;
left: 0;
width: 87px;
height: 56px;
}
.field-input--select-phone-placeholder {
position: absolute;
top: 18px;
left: 108px;
font-size: 15px;
line-height: 1.5;
color: #94a0b1;
}
.wrap-field-input--select-phone {
position: absolute;
top: 24px;
left: 0;
width: 87px;
height: 56px;
}
.field-input--select-phone-placeholder {
position: absolute;
top: 18px;
left: 108px;
font-size: 15px;
line-height: 1.5;
color: #94a0b1;
pointer-events: none;
}
.select2-container.select2-container--select-phone {
width: 100% !important;
height: 100%;
border-right: 1.5px solid #b4c1d1;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.select2-container.select2-container--select-phone .select2-selection {
height: 100%;
background-color: transparent;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
}
.select2-container.select2-container--select-phone
.select2-selection__rendered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.select2-container.select2-container--select-phone
.select2-selection__rendered
img {
width: 27px;
height: 20px;
}
.select2-container.select2-container--select-phone .select2-selection__arrow {
height: 100%;
right: 15px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.select2-container.select2-container--select-phone .select2-selection__arrow b {
border: none;
width: 11px;
height: 6px;
margin-top: -3px;
margin-left: -6px;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,");
}
.select2-container.select2-container--select-phone.select2-container--open {
background-color: #b4c1d1;
}
.select2-container.select2-container--select-phone.select2-container--open
.select2-selection__arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.field-input--select-phone {
padding-left: 107px;
}
.field-input--select-phone:focus + .field-input--select-phone-placeholder {
display: none;
}
.select2-dropdown.select2-container--select-phone-dropdown {
width: 322px !important;
}
.select2-container--default .select2-container--select-phone-dropdown {
padding: 16px;
border: none;
background: #ffffff;
-webkit-box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.select2-container--default
.select2-container--select-phone-dropdown
.select2-search__field {
padding: 12px 50px;
border: none;
background-color: #f4f4f8;
border-radius: 22px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: left 19px top 11px;
}
.select2-container--default
.select2-container--select-phone-dropdown
.select2-results__option {
color: #1a1a1a;
padding: 8px 0;
}
.select2-container--default
.select2-container--select-phone-dropdown
.select2-results__option
span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 1.5;
}
.select2-container--default
.select2-container--select-phone-dropdown
.select2-results__option
span
img {
width: 27px;
height: 20px;
margin-right: 16px;
}
.select2-container--default
.select2-container--select-phone-dropdown
.select2-results__option--selected {
background-color: #fff;
color: #1a1a1a;
}
.select2-container--default
.select2-container--select-phone-dropdown
.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #fff;
color: #2858ff;
}
body.fancybox-active {
height: 100%;
}
.amount-buy-btn.is-blocked {
background: #ccced5;
color: #fff !important;
cursor: default;
}
a.catalog-table-item__link,
a.catalog-series-table__link {
font-size: 12px;
line-height: 18px;
-ms-flex-item-align: center;
align-self: center;
min-height: auto;
padding-top: 5px;
}
.catalog-table-item__avalible,
.catalog-series-table__avalible {
font-size: 12px;
}
.catalog-table-item__old-price {
font-size: 12px;
}
.catalog-series-table__num {
font-size: 12px;
}
.catalog-table-item__price,
.catalog-series-table__price,
.catalog-series-table__old {
font-size: 14px;
}
.is--th {
font-size: 12px;
}
.catalog-table-item__avalible p,
.catalog-series-table__avalible p {
margin: 0;
line-height: 120%;
}
.catalog-table-item__avalible p:not(:last-child),
.catalog-series-table__avalible p:not(:last-child) {
margin-bottom: 2px;
}
.catalog-table-item__avalible p.is--city,
.catalog-series-table__avalible p.is--city {
color: #6c7684;
}
.catalog-table-item.is--not-available .catalog-table-item__title,
.catalog-table-item.is--not-available .catalog-table-item__link,
.catalog-table-item.is--not-available .catalog-table-item__avalible,
.catalog-table-item.is--not-available .catalog-table-item__old-price,
.catalog-table-item.is--not-available .catalog-table-item__price {
color: #6c7684;
}
.catalog-table-item.is--not-available .catalog-table-item__link:hover {
color: #113ee0;
}
tr.is--not-available .catalog-series-table__link,
tr.is--not-available .catalog-series-table__avalible,
tr.is--not-available .catalog-series-table__price {
color: #6c7684;
}
tr.is--not-available .catalog-series-table__link:hover {
color: #113ee0;
}
.catalog-series-table td {
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.catalog-series-table td {
padding: 0;
}
}
.catalog-series-table th.catalog-series-table__price,
.catalog-series-table td.catalog-series-table__price {
text-align: left;
}
@media only screen and (max-width: 767px) {
.catalog-series-table .slick-initialized .slick-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-series-table .slick-initialized .slick-slide td:last-child {
margin-top: auto;
}
.catalog-series-table .slick-initialized .catalog-series-table__head {
display: none;
}
}
.cart-stock__item .is--stock,
.cart-stock__item .is--city {
font-size: 12px;
padding-top: 16px;
padding-bottom: 16px;
display: inline-block;
}
.cart-stock__item .is--city {
color: #6c7684;
}
@media only screen and (max-width: 767px) {
.cart-stock__item .is--city,
.cart-stock__item .is--stock {
padding-top: 0;
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.cart-stock__item .is--city:nth-of-type(2),
.cart-stock__item .is--stock:nth-of-type(2) {
padding-top: 3px;
}
}
.cart-stock__item .is--city:nth-of-type(n + 3),
.cart-stock__item .is--stock:nth-of-type(n + 3) {
margin-left: 8px;
}
.cart-stock__item .is--city:nth-of-type(n + 3)::before,
.cart-stock__item .is--stock:nth-of-type(n + 3)::before {
content: "/";
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.cart-stock__item .is--city:nth-of-type(n + 3),
.cart-stock__item .is--stock:nth-of-type(n + 3) {
margin-top: 5px;
width: 100%;
margin-left: 36px;
}
.cart-stock__item .is--city:nth-of-type(n + 3)::before,
.cart-stock__item .is--stock:nth-of-type(n + 3)::before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.cart-stock__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.price-pane-old__value {
margin-bottom: 2px;
}
.price-pane-old__value.is--city {
color: #6c7684;
}
.catalog-table .is--td {
height: 78px;
}
.catalog-table-slider-item_td {
height: 78px;
}
.api-page__promo {
padding: 48px;
background-color: #f4f4f8;
border-radius: 5px;
margin: 0 0 80px;
background-image: url("/local/templates/general//front/build/img/api-promo.png");
background-size: 51% auto;
background-position: right bottom;
background-repeat: no-repeat;
}
@media (max-width: 1024px) {
.api-page__promo {
padding-top: 64.5%;
background-size: 100% auto;
background-position: top -30px center;
}
}
@media (max-width: 767px) {
.api-page__promo {
padding: 24px;
padding-top: 66.2%;
background-position: top -10px center;
}
}
.api-page__promo-content {
width: 49%;
max-width: 540px;
}
@media (max-width: 1024px) {
.api-page__promo-content {
width: 100%;
max-width: 688px;
}
}
.api-page__promo-title {
font-size: 48px;
line-height: 115%;
font-weight: 500;
margin: 0 0 16px;
}
@media (max-width: 767px) {
.api-page__promo-title {
font-size: 24px;
line-height: 130%;
}
}
.api-page__promo-desc {
font-size: 16px;
line-height: 150%;
color: #6c7684;
margin: 0 0 36px;
}
@media (max-width: 767px) {
.api-page__promo-desc {
font-size: 14px;
line-height: 150%;
margin: 0 0 24px;
}
}
.api-page__promo-btn {
min-width: 261px;
}
@media (max-width: 767px) {
.api-page__promo-btn {
width: 100%;
padding-top: 11px;
padding-bottom: 11px;
min-width: auto;
}
}
.api-page__promo-btn-sended {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 46px;
background-color: #fff;
border-radius: 5px;
font-size: 14px;
line-height: 120%;
font-weight: 500;
color: #6c7684;
pointer-events: none;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
}
@media (max-width: 767px) {
.api-page__promo-btn-sended {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 16px;
padding-right: 16px;
}
}
.api-page__promo-btn-sended span {
padding-top: 2px;
}
.api-page__promo-btn-sended::before {
content: "";
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #6c7684;
margin-right: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
background-size: 11px auto;
}
.api-page__promo-btn-received {
padding: 13px 16px;
background-color: #fff;
border-radius: 5px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (max-width: 767px) {
.api-page__promo-btn-received {
width: 100%;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
}
.api-page__promo-btn-received:hover {
cursor: pointer;
}
.api-page__promo-btn-received-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 20px;
margin-right: auto;
}
.api-page__promo-btn-received-content span {
font-size: 10px;
line-height: 150%;
}
.api-page__promo-btn-received-content span:first-child {
color: #6c7684;
}
.api-page__promo-btn-received::before {
content: "Скопировано";
position: absolute;
bottom: calc(100% + 5px);
left: 50%;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
background-color: #fff;
padding: 5px 20px;
font-size: 10px;
line-height: 150%;
color: #6c7684;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s, -webkit-transform 0.3s;
-o-transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, transform 0.3s, visibility 0s 0.3s,
-webkit-transform 0.3s;
}
.api-page__promo-btn-received.copied::before {
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.api-page__promo-btn-received::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: 5px 0;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.api-page__promo-btn-received:hover::after {
background-image: url('data:image/svg+xml;utf8,');
}
.api-page h2 {
font-size: 32px;
line-height: 115%;
margin: 0 0 32px;
}
@media (max-width: 767px) {
.api-page h2 {
font-size: 24px;
line-height: 130%;
}
}
.api-page h3 {
font-size: 24px;
line-height: 130%;
margin: 0 0 32px;
}
@media (max-width: 767px) {
.api-page h3 {
font-size: 20px;
line-height: 130%;
}
}
.api-page__block {
margin-bottom: 100px;
}
@media (max-width: 767px) {
.api-page__block {
margin-bottom: 80px;
}
}
.api-page__part:not(:last-child) {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.api-page__part:not(:last-child) {
margin-bottom: 64px;
}
}
.api-page__note {
margin: 24px 0;
}
.api-page__code + .api-page__table-block {
margin-top: 48px;
}
.api-page__code-block {
overflow-x: auto;
width: calc(100% + 80px);
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
padding: 0 40px;
}
@media (max-width: 767px) {
.api-page__code-block {
width: calc(100% + 36px);
-webkit-transform: translateX(-18px);
-ms-transform: translateX(-18px);
transform: translateX(-18px);
padding: 0 18px;
}
}
.api-page__code-block .api-page__code {
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
.api-page__code {
font-size: 16px;
line-height: 150%;
padding: 24px;
background-color: #f4f4f8;
word-break: break-all;
}
.api-page__code.no-break {
word-break: unset;
}
.api-page__code pre,
.api-page__code pre code {
font-family: "SuisseIntl", Arial, serif;
margin: 0;
}
.api-page__code pre .red,
.api-page__code pre code .red {
color: #fc4242;
}
.api-page__code pre .blue,
.api-page__code pre code .blue {
color: #2858ff;
}
.api-page__code pre .green,
.api-page__code pre code .green {
color: #40da90;
}
.api-page__code-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.api-page__code-link:not(:last-child) {
margin-bottom: 16px;
}
.api-page__code-link span {
word-break: break-all;
}
.api-page__code-link-icon {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
background-image: url('data:image/svg+xml;utf8,');
}
.api-page__table-block {
overflow-x: auto;
width: calc(100% + 80px);
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
padding: 0 40px;
}
@media (max-width: 767px) {
.api-page__table-block {
width: calc(100% + 36px);
-webkit-transform: translateX(-18px);
-ms-transform: translateX(-18px);
transform: translateX(-18px);
padding: 0 18px;
}
}
.api-page__table-block table {
table-layout: fixed;
width: 100%;
border-collapse: separate;
border-spacing: 0 8px;
min-width: 860px;
}
.api-page__table-block table col {
width: 17.3%;
}
.api-page__table-block table col:first-child {
width: 18.8%;
min-width: 200px;
}
.api-page__table-block table col:nth-child(5) {
width: 29.3%;
}
.api-page__table-block table td,
.api-page__table-block table th {
padding: 0;
padding-right: 24px;
text-align: left;
vertical-align: middle;
}
.api-page__table-block table td:first-child,
.api-page__table-block table th:first-child {
padding-left: 20px;
}
.api-page__table-block table td:nth-child(5),
.api-page__table-block table th:nth-child(5) {
padding-right: 20px;
}
.api-page__table-block table th {
padding-bottom: 16px;
font-size: 12px;
line-height: 120%;
color: #6c7684;
}
.api-page__table-block table td {
background-color: #f4f4f8;
padding-top: 20px;
padding-bottom: 20px;
}
.api-page__table-block table td:first-child {
border-radius: 5px 0 0 5px;
font-weight: 600;
}
.api-page__table-block table td:last-child {
border-radius: 0 5px 5px 0;
}
.api-page__table-block table td .dot {
line-height: 25px;
}
.api-page__table-block table td .dot::before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #2858ff;
margin-right: 8px;
}
.api-page__table-block table td .small {
display: inline-block;
font-size: 12px;
line-height: 16px;
}
.api-page__table-block table .api-page__table-subtitle {
font-size: 18px;
line-height: 150%;
font-weight: 600;
background-color: #fff;
}
.api-page__table-block table .api-page__table-subtitle:nth-child(n) {
padding: 24px 0;
}
.api-page__note {
font-size: 16px;
line-height: 150%;
color: #6c7684;
}
.api-page__text-block {
font-size: 16px;
line-height: 150%;
color: #1a1a1a;
}
.api-page__modal-body {
text-align: center;
}
.api-page__modal-icon {
display: inline-block;
width: 86px;
height: 86px;
border-radius: 50%;
background-color: #2858ff;
margin: 0 0 36px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: center;
}
.api-page__modal-title {
font-size: 32px;
line-height: 115%;
font-weight: 500;
margin: 0 0 24px;
}
.api-page__modal-desc {
font-size: 14px;
line-height: 150%;
margin: 0;
}
.api-page__api-key-cl .popup-pane__footer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.api-page__api-key-cl .popup-pane__footer .btn {
background-color: #fff;
color: #1a1a1a;
width: 320px;
}
@media (max-width: 767px) {
.api-page__api-key-cl .popup-pane__footer .btn {
width: 100%;
max-width: 320px;
}
}
.api-page__notification {
padding: 24px;
border: 1px solid #d1d8e1;
border-radius: 5px;
margin: 0 0 80px;
}
@media (max-width: 767px) {
.api-page__notification {
margin: 0 0 64px;
padding: 16px;
}
}
.api-page__notification-toggle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.api-page__notification-toggle-text {
font-size: 18px;
line-height: 150%;
color: #6c7684;
font-weight: 600;
padding-right: 40px;
}
.api-page__notification-toggle-item {
display: block;
width: 43px;
height: 2px;
padding: 13px 0;
position: relative;
}
.api-page__notification-toggle-item::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 43px;
height: 2px;
background-color: #6c7684;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: height 0.2s, background-color 0.2s;
-o-transition: height 0.2s, background-color 0.2s;
transition: height 0.2s, background-color 0.2s;
}
.api-page__notification-toggle-item::before {
content: "";
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #6c7684;
-webkit-transition: height 0.2s, width 0.2s, left 0.2s, background-color 0.2s;
-o-transition: height 0.2s, width 0.2s, left 0.2s, background-color 0.2s;
transition: height 0.2s, width 0.2s, left 0.2s, background-color 0.2s;
}
.api-page__notification-toggle-label {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
/* Konqueror HTML */
-moz-user-select: none;
/* Old versions of Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
}
.api-page__notification-toggle-label:hover {
cursor: pointer;
}
.api-page__notification-toggle-label
input:checked
+ .api-page__notification-toggle-item::after {
height: 4px;
background-color: #2858ff;
}
.api-page__notification-toggle-label
input:checked
+ .api-page__notification-toggle-item::before {
left: 17px;
width: 26px;
height: 26px;
background-color: #2858ff;
}
.api-page__notification-time {
max-height: 0px;
overflow: hidden;
-webkit-transition: max-height 0.3s;
-o-transition: max-height 0.3s;
transition: max-height 0.3s;
}
.api-page__notification-time-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 25px;
}
@media (max-width: 767px) {
.api-page__notification-time-inner {
padding-top: 15px;
}
}
.api-page__notification-time-text {
font-size: 16px;
line-height: 150%;
color: #6c7684;
padding: 10px 20px 10px 0;
}
.api-page__notification-time-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.api-page__notification-time-control {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.api-page__notification-time-control .field-select2 {
width: 320px;
margin-right: 16px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.api-page__notification-time-control .field-select2 {
width: 100%;
margin-right: 0;
margin-bottom: 16px;
}
}
.api-page__notification-time-btn {
width: 260px;
}
@media (max-width: 767px) {
.api-page__notification-time-btn {
width: 100%;
}
}
.api-page__notification.opened .api-page__notification-toggle-text {
color: #1a1a1a;
}
.api-page__notification.opened .api-page__notification-time {
max-height: 300px;
}
.header-top-nav__alert {
display: block;
width: 24px;
height: 24px;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top-nav__alert:hover {
cursor: pointer;
}
.header-top-nav__alert svg {
width: 18px;
height: 18px;
fill: #fc4242;
}
.header-city {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-top-nav__item {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.erp-alert .popup-pane__title svg {
width: 24px;
height: 24px;
fill: #fc4242;
}
.erp-alert .popup-pane__title span {
vertical-align: middle;
}
.erp-alert .wrap-popup-pane {
max-width: 970px;
}
.erp-alert .popup-pane__footer {
display: none;
}
.erp-alert .popup-pane__title {
margin-bottom: 32px;
}
.erp-alert .erp-alert-icon {
display: inline-block;
width: 24px;
height: 24px;
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
margin-right: 12px;
}
.erp-alert .erp-alert-title {
font-size: 32px;
line-height: 115%;
}
.alert_info {
padding-right: 50px;
}
.alert_info.warning {
background-color: #fff1f1;
color: #1a1a1a;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.alert_warning-icon {
width: 24px;
height: 24px;
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.alert_warning-icon svg,
.erp-alert-icon svg {
width: 18px;
height: 18px;
fill: #fc4242;
}
.alert.alert_info.common {
background-color: rgba(40, 88, 255, 0.1);
color: #1a1a1a;
}
.alert.alert_info.warning .alert_warning-icon {
margin-top: -3px;
}
.alert.alert_info.no-close {
padding-right: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.alert .alert_info-text {
width: calc(100% - 35px);
color: #1a1a1a;
}
.alert .alert_info-text span + a {
margin-left: 8px;
}
.alert .alert_info-text span + span {
margin-left: 8px;
}
.alert .alert_info-link {
color: #2858ff;
font-weight: 600;
font-size: 14px;
line-height: 150%;
text-decoration: none;
}
.alert .alert_info-link:hover {
color: #113ee0;
}
.alert .alert_info-subtext {
padding-left: 34px;
width: 100%;
font-size: 14px;
line-height: 150%;
color: #1a1a1a;
margin-top: 2px;
}
.alert .alert_info-main {
font-size: 14px;
line-height: 150%;
font-weight: 600;
}
.alert.alert_info.icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.alert .alert_icon {
display: block;
width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
margin-top: -3px;
}
.alert .alert_icon svg {
width: 24px;
height: 24px;
}
.alert .alert_icon.new {
position: relative;
}
.alert .alert_icon.new::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #fc4242;
}
.alert .alert_info-note {
padding-left: 34px;
font-size: 12px;
line-height: 150%;
margin-top: 4px;
color: #6c7684;
}
.radio-chip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.radio-chip label {
display: inline-block;
width: 100%;
}
.radio-chip__error {
width: 100%;
font-size: 12px;
line-height: 16px;
color: #fc4242;
margin: 8px 0 0;
}
.radio-chip__box {
width: 100%;
min-height: 100px;
display: inline-block;
padding: 17px 48px 17px 15px;
border: 2px solid #b4c1d1;
border-radius: 8px;
font-size: 14px;
line-height: 150%;
font-weight: 400;
position: relative;
-webkit-transition: border-color 0.2s, background-color 0.2s;
-o-transition: border-color 0.2s, background-color 0.2s;
transition: border-color 0.2s, background-color 0.2s;
}
@media (max-width: 767px) {
.radio-chip__box {
min-height: auto;
}
}
.radio-chip__text {
display: block;
}
.radio-chip__text.error {
color: #fc4242;
}
.radio-chip__sub-text {
display: block;
font-size: 12px;
line-height: 16px;
margin-top: 4px;
color: #888888;
}
.radio-chip__icon {
display: block;
position: absolute;
top: 16px;
right: 16px;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #d1d8e1;
}
.radio-chip input:not(:checked) + .radio-chip__box:hover {
cursor: pointer;
background-color: #f4f4f8;
}
.radio-chip input:checked + .radio-chip__box {
border-color: #2858ff;
}
.radio-chip input:checked + .radio-chip__box .radio-chip__icon {
background-color: #ffffff;
border: 2px solid #2858ff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.radio-chip input:checked + .radio-chip__box .radio-chip__icon::after {
content: "";
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #2858ff;
}
.cart-section-radios {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -8px;
}
.cart-section-radios .radio-chip {
margin-top: 8px;
width: calc((100% - 16px) / 3);
}
.cart-section-radios .radio-chip:not(:nth-child(3n)) {
margin-right: 8px;
}
@media (max-width: 767px) {
.cart-section-radios .radio-chip {
width: 100%;
}
.cart-section-radios .radio-chip:not(:nth-child(3n)) {
margin-right: 0;
}
}
.cart-summary-price + .cart-summary-note {
text-align: right;
margin-bottom: 24px;
margin-top: -20px;
}
.field-input-radio.with-top-gap {
margin-top: 40px;
}
.order-list-table-item-col__payer .order-list-status {
margin-right: 16px;
margin-bottom: 8px;
}
.header-top-nav__news {
display: inline-block;
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.header-top-nav__news svg {
width: 18px;
height: 20px;
fill: #94a0b1;
}
.header-top-nav__news-counter {
position: absolute;
top: -10px;
right: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 2px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fc4242;
font-size: 12px;
line-height: 12px;
color: #ffffff;
}
.header-top-nav__news.disabled {
pointer-events: none;
}
.header-top-nav__news.disabled svg {
fill: #d1d8e1;
}
.header-top-nav__news.disabled .header-top-nav__news-counter {
display: none;
}
.panel-lk-messages {
margin-bottom: 80px;
}
.panel-lk-messages__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.panel-lk-messages__title .header-top-nav__news {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 22px;
}
.personal-nav {
padding-top: 16px;
}
.personal-nav-list {
overflow-y: auto;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.personal-nav-list::-webkit-scrollbar {
display: none;
}
.ico-personal-nav {
padding-top: 15px;
padding-bottom: 15px;
height: 58px;
}
.order-list-table-item-col__balance {
width: 165px;
padding: 0 5px;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: right;
}
@media (max-width: 1024px) {
.order-list-table-item-col__balance {
/*width: 130px;*/
}
}
@media (max-width: 767px) {
.order-list-table-item-col__balance {
text-align: left;
padding: 0;
margin: 0 0 16px;
}
}
.order-list-table .is--alert {
color: #fc4242;
}
.order-list-table.is--loans .order-list-table-item-col__first {
width: 295px;
}
@media (max-width: 1024px) {
.order-list-table.is--loans .order-list-table-item-col__first {
width: 200px;
}
}
.order-list-table.is--loans .order-list-table-item-col__shipment {
width: 135px;
text-align: right;
}
@media (max-width: 1024px) {
.order-list-table.is--loans .order-list-table-item-col__shipment {
width: 120px;
}
}
@media (max-width: 767px) {
.order-list-table.is--loans .order-list-table-item-col__shipment {
text-align: left;
}
}
.order-list-table.is--loans
.order-list-table-item-col__shipment:not(.order-list-table-item__th) {
font-weight: 600;
}
.order-list-table.is--loans
.order-list-table-item-col__shipment:not(.order-list-table-item__th)
.is--gray,
.order-list-table.is--loans
.order-list-table-item-col__shipment:not(.order-list-table-item__th)
.table-mobile-title {
font-weight: 400;
}
.order-list-table.is--loans
.order-list-table-item-col__balance:not(.order-list-table-item__th) {
font-weight: 600;
}
.order-list-table.is--loans
.order-list-table-item-col__balance:not(.order-list-table-item__th)
.is--gray,
.order-list-table.is--loans
.order-list-table-item-col__balance:not(.order-list-table-item__th)
.table-mobile-title {
font-weight: 400;
}
.order-list-table.is--loans .order-list-table-item-col__summ {
width: 135px;
}
@media (max-width: 1024px) {
.order-list-table.is--loans .order-list-table-item-col__summ {
width: 120px;
}
}
.order-list-table.is--loans .order-list-table-item-col__summ .is--gray,
.order-list-table.is--loans
.order-list-table-item-col__summ
.table-mobile-title {
font-weight: 400;
}
.order-list-table.is--loans
.order-list-table-item
.order-list-table-item-col__first {
font-weight: 600;
}
.order-list-table.is--loans
.order-list-table-item
.order-list-table-item-col__first
.is--gray,
.order-list-table.is--loans
.order-list-table-item
.order-list-table-item-col__first
.table-mobile-title {
font-weight: 400;
}
.order-list-table-item__th.order-list-table-item-col__summ {
font-weight: 400;
}
.order-list-table-item-col__status {
width: 100%;
max-width: 135px;
}
.order-list-table-item-col__status .badge-status {
min-width: auto;
padding-left: 16px;
padding-right: 16px;
}
.order-list-table-item-col__badges {
padding-left: 24px;
margin-right: auto;
}
@media (max-width: 767px) {
.order-list-table-item-col__badges {
padding-left: 0;
}
}
.order-list-status_red {
color: #fc4242;
}
.order-list-table-item.is--closed .order-list-table-item__row:first-child * {
color: #b4c1d1;
}
.badge-status_closed {
background-color: #94a0b1;
color: #ffffff;
}
.loan-agreement__panel {
position: relative;
padding: 32px;
background: -webkit-gradient(
linear,
left top,
right top,
from(#6c7684),
to(#303030)
);
background: -o-linear-gradient(left, #6c7684 0%, #303030 100%);
background: linear-gradient(90deg, #6c7684 0%, #303030 100%);
border-radius: 5px;
color: #fff;
margin: 0 0 40px;
}
.loan-agreement__panel .warning {
color: #fc4242;
}
@media (max-width: 767px) {
.loan-agreement__panel {
padding: 24px;
}
}
.loan-agreement__panel-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0 0 32px;
}
@media (max-width: 767px) {
.loan-agreement__panel-header {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-bottom: 24px;
}
}
.loan-agreement__panel-header .badge-status {
width: auto;
min-width: 135px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
}
@media (max-width: 767px) {
.loan-agreement__panel-header .badge-status {
margin-left: 0;
margin-bottom: 16px;
}
}
.loan-agreement__panel-title {
font-size: 32px;
line-height: 115%;
font-weight: 500;
color: #fff;
margin: 0;
padding-right: 24px;
}
@media (max-width: 767px) {
.loan-agreement__panel-title {
font-size: 24px;
line-height: 130%;
padding-right: 0;
}
}
.loan-agreement__panel-main-row {
margin: 0 0 32px;
}
@media (max-width: 767px) {
.loan-agreement__panel-main-row {
margin-bottom: 24px;
}
}
.loan-agreement__panel-item-title {
font-size: 14px;
line-height: 150%;
color: #fff;
margin: 0 0 4px;
}
@media (max-width: 767px) {
.loan-agreement__panel-item-title {
font-size: 12px;
line-height: 16px;
}
}
.loan-agreement__panel-item-balance span:first-child {
font-size: 24px;
line-height: 115%;
font-weight: 500;
}
@media (max-width: 767px) {
.loan-agreement__panel-item-balance span:first-child {
font-size: 14px;
line-height: 150%;
font-weight: 400;
}
}
.loan-agreement__panel-item-balance span:nth-child(2) {
font-size: 18px;
line-height: 115%;
font-weight: 500;
color: #fff;
opacity: 0.5;
margin-left: 4px;
}
@media (max-width: 767px) {
.loan-agreement__panel-item-balance span:nth-child(2) {
font-size: 14px;
line-height: 150%;
font-weight: 400;
}
}
.loan-agreement__panel-item-value {
font-size: 18px;
line-height: 150%;
font-weight: 500;
color: #fff;
}
@media (max-width: 767px) {
.loan-agreement__panel-item-value {
font-size: 14px;
line-height: 150%;
font-weight: 400;
}
}
.loan-agreement__panel-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-right: 140px;
margin-top: -24px;
}
@media (max-width: 1024px) {
.loan-agreement__panel-row {
padding-right: 0;
}
}
@media (max-width: 767px) {
.loan-agreement__panel-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -16px;
}
}
.loan-agreement__panel-row .loan-agreement__panel-item {
margin-right: 32px;
margin-top: 24px;
}
@media (max-width: 767px) {
.loan-agreement__panel-row .loan-agreement__panel-item {
margin-top: 16px;
}
}
.loan-agreement__panel-icon {
width: 120px;
height: 120px;
position: absolute;
bottom: 32px;
right: 32px;
opacity: 0.2;
}
@media (max-width: 1024px) {
.loan-agreement__panel-icon {
display: none;
}
}
.loan-agreement__panel-icon svg {
width: 120px;
height: 120px;
}
.common-grid-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 2px solid #f4f4f8;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.common-grid-tabs {
border-bottom: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.common-grid-tabs label:not(:last-child) {
margin-right: 25px;
}
}
@media only screen and (max-width: 767px) {
.common-grid-tabs {
margin-bottom: 24px;
}
}
label[for="common-grid-tab-current"],
label[for="common-grid-tab-past"] {
display: inline-block;
padding: 29px 16px 26px;
font-weight: 500;
font-style: 16px;
line-height: 140%;
}
label[for="common-grid-tab-current"]:not(:last-child),
label[for="common-grid-tab-past"]:not(:last-child) {
margin-right: 25px;
}
@media only screen and (max-width: 767px) {
label[for="common-grid-tab-current"],
label[for="common-grid-tab-past"] {
padding: 12px 8px;
text-align: center;
}
label[for="common-grid-tab-current"]:not(:last-child),
label[for="common-grid-tab-past"]:not(:last-child) {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
label[for="common-grid-tab-current"],
label[for="common-grid-tab-past"] {
font-size: 16px;
}
}
label[for="common-grid-tab-current"]:hover,
label[for="common-grid-tab-past"]:hover {
cursor: pointer;
}
#common-grid-current,
#common-grid-past {
display: none;
}
#common-grid-past img {
-webkit-filter: saturate(50%);
filter: saturate(50%);
}
.common-grid-radio#common-grid-tab-current:checked
~ .common-grid-tabs
label[for="common-grid-tab-current"] {
color: #2858ff;
position: relative;
}
.common-grid-radio#common-grid-tab-current:checked
~ .common-grid-tabs
label[for="common-grid-tab-current"]::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: #2858ff;
}
.common-grid-radio#common-grid-tab-current:checked ~ #common-grid-current {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.common-grid-radio#common-grid-tab-past:checked
~ .common-grid-tabs
label[for="common-grid-tab-past"] {
color: #2858ff;
position: relative;
}
.common-grid-radio#common-grid-tab-past:checked
~ .common-grid-tabs
label[for="common-grid-tab-past"]::after {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 2px;
background-color: #2858ff;
}
.common-grid-radio#common-grid-tab-past:checked ~ #common-grid-past {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.common-grid__empty {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: -48px;
padding-left: 12px;
padding-right: 12px;
}
@media only screen and (max-width: 1024px) {
.common-grid__empty {
margin-top: -24px;
}
}
@media only screen and (max-width: 767px) {
.common-grid__empty {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.common-grid__empty-content {
max-width: 553px;
}
@media only screen and (max-width: 1024px) {
.common-grid__empty-content {
max-width: 48.2%;
}
}
@media only screen and (max-width: 767px) {
.common-grid__empty-content {
max-width: none;
text-align: center;
}
}
.common-grid__empty-title {
font-size: 24px;
line-height: 115%;
margin: 0 0 24px;
}
@media only screen and (max-width: 767px) {
.common-grid__empty-title {
font-size: 20px;
}
}
.common-grid__empty-desc {
margin: 0 0 24px;
}
.common-grid__empty-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: -8px;
}
.common-grid__empty-buttons > * {
margin-right: 24px;
margin-top: 8px;
}
@media only screen and (max-width: 1024px) {
.common-grid__empty-buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.common-grid__empty-buttons > * {
margin-right: 0;
width: 230px;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
}
}
@media only screen and (max-width: 767px) {
.common-grid__empty-buttons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.common-grid__empty-img {
max-width: 50%;
}
@media only screen and (max-width: 1024px) {
.common-grid__empty-img {
max-width: 48.2%;
}
}
@media only screen and (max-width: 767px) {
.common-grid__empty-img {
max-width: none;
}
}
.common-grid .common-tags {
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.common-grid__empty-message {
color: #6c7684;
}
.data-table {
padding: 28px;
background-color: #f4f4f8;
border-radius: 5px;
width: 100%;
}
.data-table .warning {
color: #fc4242;
}
@media (max-width: 767px) {
.data-table .is--for-desktop {
display: none;
}
}
@media (min-width: 768px) {
.data-table .is--for-mobile {
display: none;
}
}
@media (max-width: 767px) {
.data-table {
padding: 0;
background-color: #fff;
}
}
.data-table .main {
font-weight: 600;
}
.data-table .good {
color: #40da90;
}
.data-table__head,
.data-table__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.data-table__head > *,
.data-table__row > * {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.data-table.is--debts .data-table__head span:last-child,
.data-table.is--debts .data-table__head span:nth-child(3),
.data-table.is--debts .data-table__row-item:last-child,
.data-table.is--debts .data-table__row-item:nth-child(3) {
text-align: right;
}
.data-table.is--operations .data-table__head span:last-child,
.data-table.is--operations .data-table__head span:nth-child(2),
.data-table.is--operations .data-table__row-item:last-child,
.data-table.is--operations .data-table__row-item:nth-child(2) {
text-align: right;
}
@media (max-width: 767px) {
.data-table .data-table__head span:nth-child(n),
.data-table .data-table__row-item:nth-child(n) {
text-align: left !important;
}
}
.data-table__head {
font-size: 12px;
line-height: 16px;
color: #6c7684;
}
.data-table__head span {
padding-bottom: 10px;
}
.data-table__head span:not(:last-child) {
margin-right: 24px;
}
.data-table__row {
font-size: 14px;
line-height: 150%;
}
.data-table__row:not(:last-child) {
border-bottom: 1px solid #d1d8e1;
}
@media (max-width: 767px) {
.data-table__row {
background-color: #f4f4f8;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 24px;
border-radius: 5px;
}
.data-table__row:not(:last-child) {
border: none;
margin-bottom: 8px;
}
}
.data-table__row-item {
padding: 20px 0;
}
.data-table__row-item:not(:last-child) {
margin-right: 24px;
}
@media (max-width: 767px) {
.data-table__row-item {
padding: 0;
}
.data-table__row-item:not(:last-child) {
margin-bottom: 16px;
}
}
.data-table__row-item-title {
display: block;
font-size: 12px;
line-height: 16px;
color: #6c7684;
margin: 0 0 4px;
}
.alert_warning-icon svg {
color: #fc4242;
}
.panel-item.is--with-button {
padding-right: 40px;
position: relative;
}
.panel-item__button {
width: 24px;
height: 24px;
border: none;
background-color: transparent;
padding: 0;
position: absolute;
top: 0;
right: 0;
}
.panel-item__button:hover {
cursor: pointer;
}
.panel-item__button svg {
width: 24px;
height: 24px;
}
.select2-dropdown {
z-index: 100000;
}
.wrap-popup-pane_payer {
max-width: 756px;
}
.wrap-popup-pane_payer .field-select2 {
width: 100%;
}
.wrap-popup-pane_payer select {
width: 100%;
}
.wrap-popup-pane_payer .select2-container {
width: 100% !important;
}
@media (max-width: 767px) {
.wrap-popup-pane_payer .btn {
width: 100%;
}
}
.contracts__item .radio-chip__box {
min-height: 120px;
}
.order-result {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 55px;
padding-bottom: 20px;
}
@media (max-width: 1024px) {
.order-result {
padding-top: 200px;
}
}
@media (max-width: 767px) {
.order-result {
padding-top: 166px;
}
}
.order-result__icon {
width: 86px;
height: 86px;
border-radius: 50%;
margin: 0 0 36px;
background-repeat: no-repeat;
background-position: center;
}
.order-result__icon.success {
background-color: #2858ff;
background-image: url('data:image/svg+xml;utf8,');
}
.order-result__icon.fail {
background-color: #fc4242;
background-image: url('data:image/svg+xml;utf8,');
}
.order-result__title {
font-size: 32px;
line-height: 115%;
font-weight: 500;
margin: 0 0 24px;
text-align: center;
}
@media (max-width: 767px) {
.order-result__title {
font-size: 20px;
line-height: 120%;
}
}
.order-result__desc {
font-size: 14px;
line-height: 150%;
margin: 0 0 24px;
max-width: 678px;
text-align: center;
}
.order-result__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.order-result__link {
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 767px) {
.order-result__link {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
.order-result__link:not(:last-child) {
margin-bottom: 16px;
}
.pager-toolbar-sort_new.pager-toolbar-sort {
position: relative; }
.pager-toolbar-sort_new .pager-toolbar-sort__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 0;
position: unset; }
.pager-toolbar-sort_new .pager-toolbar-sort__link .icon-24 {
-webkit-transition: .3s ease;
-o-transition: .3s ease;
transition: .3s ease; }
.pager-toolbar-sort_new .pager-toolbar-sort__link .pager-sort-dropdown__project {
position: absolute;
display: none; }
/* B2B-738: disabling */
/*.pager-toolbar-sort_new .pager-toolbar-sort__link.is--active, .pager-toolbar-sort_new .pager-toolbar-sort__link:hover {
color: #113EE0; }*/
.pager-toolbar-sort_new .pager-toolbar-sort__link.is--active .icon-24, .pager-toolbar-sort_new .pager-toolbar-sort__link:hover .icon-24 {
-webkit-transform: rotate(180deg) translateY(1px);
-ms-transform: rotate(180deg) translateY(1px);
transform: rotate(180deg) translateY(1px); }
.pager-toolbar-sort_new .pager-toolbar-sort__link.is--active .pager-sort-dropdown__project, .pager-toolbar-sort_new .pager-toolbar-sort__link:hover .pager-sort-dropdown__project {
min-width: 200px;
max-width: 350px;
z-index: 10;
display: block;
width: 100%;
padding: 0;
right: 0;
top: 0; }
.pager-toolbar-sort_new .pager-toolbar-sort__link.has--arrow {
padding-right: 14px; }
.pager-toolbar-sort_new .pager-toolbar-sort__link.has--arrow + .pager-sort-dropdown {
top: 100% !important;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.pager-toolbar-sort_new .pager-toolbar-sort__link.has--arrow + .pager-sort-dropdown .pager-sort-dropdown-list {
margin-top: 10px; }
.pager-toolbar-sort_new .pager-toolbar-sort__link.has--arrow + .pager-sort-dropdown .pager-sort-dropdown-list li {
margin-bottom: 0; }
.pager-toolbar-sort_new .pager-sort-dropdown-list {
margin-top: 32px;
position: relative;
padding: 12px 16px;
background: #fff;
-webkit-box-shadow: 0 .25rem 1.875rem 0 #1A192626;
box-shadow: 0 .25rem 1.875rem 0 #1A192626; }
.pager-toolbar-sort_new .pager-sort-dropdown-list li a {
color: #1a1a1a;
padding: 4px 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.pager-toolbar-sort_new .pager-sort-dropdown-list li a:hover,
.pager-toolbar-sort_new .pager-sort-dropdown-list li.pager-sort-list_act a {
color: #2858FF; }
.pager-toolbar-sort_new .pager-sort-dropdown {
inset: unset !important;
-webkit-transform: unset !important;
-ms-transform: unset !important;
transform: unset !important;
top: 0;
left: 0;
width: 100%;
padding: 0; }
.icon-24 {
width: 24px;
height: 24px;
display: block; }
/* End */
/* /local/templates/general//daichi-layout/build/css/font/font.css?16831100894167 */
/* /local/templates/general//daichi-layout/build/libs/fancybox/jquery.fancybox.min.css?164078749112795 */
/* /local/templates/general//daichi-layout/build/libs/simplebar/simplebar.css?16407874914158 */
/* /local/templates/general//daichi-layout/build/libs/slick/slick.css?16407874914516 */
/* /local/templates/general//daichi-layout/build/libs/daterange/daterangepicker.css?16407874917659 */
/* /local/templates/general//daichi-layout/build/libs/jqui/jquery-ui.css?164078749112414 */
/* /local/templates/general//daichi-layout/build/libs/select2/css/select2.min.css?164078749116264 */
/* /local/templates/general//daichi-layout/build/css/template_styles.css?1752475641343535 */
/* /local/templates/general//additional.css?1743070655100961 */