.post-ratings {
width: 100%;
opacity: 1; }
.post-ratings-loading {
display: none;
height: 16px;
text-align: left;
}
.post-ratings-image {
border: 0;
}
.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
border: 0;
padding: 0;
margin: 0;
}
.post-ratings-text {
}
.post-ratings-comment-author {
font-weight: normal;
font-style: italic;
}@font-face {
font-family: "Gilroy-SemiBold";
src: local('Gilroy-SemiBold'), local('Gilroy SemiBold'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-SemiBold.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-SemiBold.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-SemiBold.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-SemiBold.ttf) format("truetype");
font-display: fallback;
}
@font-face {
font-family: "Gilroy-Bold";
src: local('Gilroy-Bold'), local('Gilroy Bold'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-Bold.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-Bold.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-Bold.ttf) format("truetype");
font-display: fallback;
}
@font-face {
font-family: "Gilroy-Black";
src: local('Gilroy-Black'), local('Gilroy Black'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-Black.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-Black.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-Black.ttf) format("truetype");
font-display: fallback;
}
@font-face {
font-family: "Gilroy-Regular";
src: local('Gilroy-Regular'), local('Gilroy Regular'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-Regular.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-Regular.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-Regular.ttf) format("truetype");
font-display: fallback;
}
@font-face {
font-family: "Gilroy-Heavy";
src: local('Gilroy-Heavy'), local('Gilroy Heavy'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-Heavy.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-Heavy.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-Heavy.ttf) format("truetype");
font-display: fallback;
}
@font-face {
font-family: "Gilroy-Medium";
src: local('Gilroy-Medium'), local('Gilroy Medium'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-Medium.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-Medium.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-Medium.ttf) format("truetype");
font-display: fallback;
}
@font-face {
font-family: "Gilroy-ExtraBold";
src: local('Gilroy-ExtraBold'), local('Gilroy ExtraBold'), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/woff2/Gilroy-ExtraBold.woff2) format("woff2"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/eot/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/svg/Gilroy-ExtraBold.svg) format("svg"), url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/fonts/ttf/Gilroy-ExtraBold.ttf) format("truetype");
font-display: fallback;
}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)}}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }.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;
}:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*, ::after, ::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus {
outline: 0!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b, strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
code, kbd, pre, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
select {
word-wrap: normal
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1, h1 {
font-size: 2.5rem
}
.h2, h2 {
font-size: 2rem
}
.h3, h3 {
font-size: 1.75rem
}
.h4, h4 {
font-size: 1.5rem
}
.h5, h5 {
font-size: 1.25rem
}
.h6, h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small, small {
font-size: 80%;
font-weight: 400
}
.mark, mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1170px
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td, .table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm td, .table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, .075)
}
.table-primary, .table-primary>td, .table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success, .table-success>td, .table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td, .table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info, .table-info>td, .table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td, .table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning, .table-warning>td, .table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger, .table-danger>td, .table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light, .table-light>td, .table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td, .table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark, .table-dark>td, .table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active, .table-active>td, .table-active>th {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td, .table-dark th, .table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file, .form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: .375rem;
padding-bottom: .375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple], select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col, .form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, .9);
border-radius: .25rem
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center right calc(.375em + .1875rem);
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip {
display: block
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid, .was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip {
display: block
}
.form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip {
display: block
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color: #28a745
}
.form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label {
color: #28a745
}
.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
border-color: #28a745
}
.custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label {
border-color: #28a745
}
.custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip {
display: block
}
.custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
background-repeat: no-repeat;
background-position: center right calc(.375em + .1875rem);
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip {
display: block
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid, .was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip {
display: block
}
.form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip {
display: block
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color: #dc3545
}
.form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
color: #dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before {
border-color: #dc3545
}
.custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label {
border-color: #dc3545
}
.custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip {
display: block
}
.custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select, .form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn.focus, .btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled, .btn:disabled {
opacity: .65
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus, .btn-primary:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus, .btn-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.focus, .btn-success:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus, .btn-info:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus, .btn-warning:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.focus, .btn-danger:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus, .btn-light:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus, .btn-dark:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
color: #28a745;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.focus, .btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus, .btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus, .btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.focus, .btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus, .btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus, .btn-link:focus {
text-decoration: underline;
box-shadow: none
}
.btn-link.disabled, .btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg>.btn, .btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn, .btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
width: 100%
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown, .dropleft, .dropright, .dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus, .dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group, .btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn, .btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
z-index: 1
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control, .input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0
}
.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control, .input-group>.form-control-plaintext+.custom-file, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label, .input-group>.custom-select:focus, .input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-append, .input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn, .input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus, .input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg>.custom-select, .input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.custom-select, .input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg>.custom-select, .input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
display: none
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled~.custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
.custom-range {
width: 100%;
height: calc(1rem + .4rem);
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before, .custom-file-label, .custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus, .nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom: -1px
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar>.container, .navbar>.container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container, .navbar-expand-sm>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container, .navbar-expand>.container-fluid {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container, .navbar-expand>.container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card>.list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.625rem;
margin-bottom: -.75rem;
margin-left: -.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem
}
.card-img {
width: 100%;
border-radius: calc(.25rem - 1px)
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:first-of-type) .card-header:first-child {
border-radius: 0
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0
}
.accordion>.card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card .card-header {
margin-bottom: -1px
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus, a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:focus, a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus, a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus, a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus, a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus, a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus, a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus, a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus, a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus, a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus, a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus, a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus, a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus, a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus, a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus, a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus, a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus, .list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
@media (min-width:576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-sm .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-md .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-lg .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl .list-group-item {
margin-right: -1px;
margin-bottom: 0
}
.list-group-horizontal-xl .list-group-item:first-child {
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl .list-group-item:last-child {
margin-right: 0;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
border-bottom-left-radius: 0
}
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0
}
.list-group-flush .list-group-item:last-child {
margin-bottom: -1px
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0
}
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0;
border-bottom: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
a.close.disabled {
pointer-events: none
}
.toast {
max-width: 350px;
overflow: hidden;
font-size: .875rem;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: .3rem;
border-top-right-radius: .3rem
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: .3rem;
border-bottom-left-radius: .3rem
}
.modal-footer>:not(:first-child) {
margin-left: .25rem
}
.modal-footer>:not(:last-child) {
margin-right: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg, .modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1170px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after, .popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top], .bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow, .bs-popover-top>.arrow {
bottom: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right], .bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
left: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow, .bs-popover-bottom>.arrow {
top: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left], .bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow, .bs-popover-left>.arrow {
right: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
display: block
}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: 0s .6s opacity
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next, .carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50%/100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
.align-baseline {
vertical-align: baseline!important
}
.align-top {
vertical-align: top!important
}
.align-middle {
vertical-align: middle!important
}
.align-bottom {
vertical-align: bottom!important
}
.align-text-bottom {
vertical-align: text-bottom!important
}
.align-text-top {
vertical-align: text-top!important
}
.bg-primary {
background-color: #007bff!important
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color: #0062cc!important
}
.bg-secondary {
background-color: #6c757d!important
}
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {
background-color: #545b62!important
}
.bg-success {
background-color: #28a745!important
}
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
background-color: #1e7e34!important
}
.bg-info {
background-color: #17a2b8!important
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
background-color: #117a8b!important
}
.bg-warning {
background-color: #ffc107!important
}
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
background-color: #d39e00!important
}
.bg-danger {
background-color: #dc3545!important
}
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
background-color: #bd2130!important
}
.bg-light {
background-color: #f8f9fa!important
}
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
background-color: #dae0e5!important
}
.bg-dark {
background-color: #343a40!important
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
background-color: #1d2124!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: transparent!important
}
.border {
border: 1px solid #dee2e6!important
}
.border-top {
border-top: 1px solid #dee2e6!important
}
.border-right {
border-right: 1px solid #dee2e6!important
}
.border-bottom {
border-bottom: 1px solid #dee2e6!important
}
.border-left {
border-left: 1px solid #dee2e6!important
}
.border-0 {
border: 0!important
}
.border-top-0 {
border-top: 0!important
}
.border-right-0 {
border-right: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.border-primary {
border-color: #007bff!important
}
.border-secondary {
border-color: #6c757d!important
}
.border-success {
border-color: #28a745!important
}
.border-info {
border-color: #17a2b8!important
}
.border-warning {
border-color: #ffc107!important
}
.border-danger {
border-color: #dc3545!important
}
.border-light {
border-color: #f8f9fa!important
}
.border-dark {
border-color: #343a40!important
}
.border-white {
border-color: #fff!important
}
.rounded-sm {
border-radius: .2rem!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-top {
border-top-left-radius: .25rem!important;
border-top-right-radius: .25rem!important
}
.rounded-right {
border-top-right-radius: .25rem!important;
border-bottom-right-radius: .25rem!important
}
.rounded-bottom {
border-bottom-right-radius: .25rem!important;
border-bottom-left-radius: .25rem!important
}
.rounded-left {
border-top-left-radius: .25rem!important;
border-bottom-left-radius: .25rem!important
}
.rounded-lg {
border-radius: .3rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-pill {
border-radius: 50rem!important
}
.rounded-0 {
border-radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-block {
display: block!important
}
.d-table {
display: table!important
}
.d-table-row {
display: table-row!important
}
.d-table-cell {
display: table-cell!important
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display: none!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
display: none!important
}
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media print {
.d-print-none {
display: none!important
}
.d-print-inline {
display: inline!important
}
.d-print-inline-block {
display: inline-block!important
}
.d-print-block {
display: block!important
}
.d-print-table {
display: table!important
}
.d-print-table-row {
display: table-row!important
}
.d-print-table-cell {
display: table-cell!important
}
.d-print-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-md-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
@media (min-width:576px) {
.float-sm-left {
float: left!important
}
.float-sm-right {
float: right!important
}
.float-sm-none {
float: none!important
}
}
@media (min-width:768px) {
.float-md-left {
float: left!important
}
.float-md-right {
float: right!important
}
.float-md-none {
float: none!important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left!important
}
.float-lg-right {
float: right!important
}
.float-lg-none {
float: none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left!important
}
.float-xl-right {
float: right!important
}
.float-xl-none {
float: none!important
}
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.position-static {
position: static!important
}
.position-relative {
position: relative!important
}
.position-absolute {
position: absolute!important
}
.position-fixed {
position: fixed!important
}
.position-sticky {
position: -webkit-sticky!important;
position: sticky!important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}
.shadow-none {
box-shadow: none!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.min-vw-100 {
min-width: 100vw!important
}
.min-vh-100 {
min-height: 100vh!important
}
.vw-100 {
width: 100vw!important
}
.vh-100 {
height: 100vh!important
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0)
}
.m-0 {
margin: 0!important
}
.mt-0, .my-0 {
margin-top: 0!important
}
.mr-0, .mx-0 {
margin-right: 0!important
}
.mb-0, .my-0 {
margin-bottom: 0!important
}
.ml-0, .mx-0 {
margin-left: 0!important
}
.m-1 {
margin: .25rem!important
}
.mt-1, .my-1 {
margin-top: .25rem!important
}
.mr-1, .mx-1 {
margin-right: .25rem!important
}
.mb-1, .my-1 {
margin-bottom: .25rem!important
}
.ml-1, .mx-1 {
margin-left: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.mt-2, .my-2 {
margin-top: .5rem!important
}
.mr-2, .mx-2 {
margin-right: .5rem!important
}
.mb-2, .my-2 {
margin-bottom: .5rem!important
}
.ml-2, .mx-2 {
margin-left: .5rem!important
}
.m-3 {
margin: 1rem!important
}
.mt-3, .my-3 {
margin-top: 1rem!important
}
.mr-3, .mx-3 {
margin-right: 1rem!important
}
.mb-3, .my-3 {
margin-bottom: 1rem!important
}
.ml-3, .mx-3 {
margin-left: 1rem!important
}
.m-4 {
margin: 1.5rem!important
}
.mt-4, .my-4 {
margin-top: 1.5rem!important
}
.mr-4, .mx-4 {
margin-right: 1.5rem!important
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important
}
.ml-4, .mx-4 {
margin-left: 1.5rem!important
}
.m-5 {
margin: 3rem!important
}
.mt-5, .my-5 {
margin-top: 3rem!important
}
.mr-5, .mx-5 {
margin-right: 3rem!important
}
.mb-5, .my-5 {
margin-bottom: 3rem!important
}
.ml-5, .mx-5 {
margin-left: 3rem!important
}
.p-0 {
padding: 0!important
}
.pt-0, .py-0 {
padding-top: 0!important
}
.pr-0, .px-0 {
padding-right: 0!important
}
.pb-0, .py-0 {
padding-bottom: 0!important
}
.pl-0, .px-0 {
padding-left: 0!important
}
.p-1 {
padding: .25rem!important
}
.pt-1, .py-1 {
padding-top: .25rem!important
}
.pr-1, .px-1 {
padding-right: .25rem!important
}
.pb-1, .py-1 {
padding-bottom: .25rem!important
}
.pl-1, .px-1 {
padding-left: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.pt-2, .py-2 {
padding-top: .5rem!important
}
.pr-2, .px-2 {
padding-right: .5rem!important
}
.pb-2, .py-2 {
padding-bottom: .5rem!important
}
.pl-2, .px-2 {
padding-left: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.pt-3, .py-3 {
padding-top: 1rem!important
}
.pr-3, .px-3 {
padding-right: 1rem!important
}
.pb-3, .py-3 {
padding-bottom: 1rem!important
}
.pl-3, .px-3 {
padding-left: 1rem!important
}
.p-4 {
padding: 1.5rem!important
}
.pt-4, .py-4 {
padding-top: 1.5rem!important
}
.pr-4, .px-4 {
padding-right: 1.5rem!important
}
.pb-4, .py-4 {
padding-bottom: 1.5rem!important
}
.pl-4, .px-4 {
padding-left: 1.5rem!important
}
.p-5 {
padding: 3rem!important
}
.pt-5, .py-5 {
padding-top: 3rem!important
}
.pr-5, .px-5 {
padding-right: 3rem!important
}
.pb-5, .py-5 {
padding-bottom: 3rem!important
}
.pl-5, .px-5 {
padding-left: 3rem!important
}
.m-n1 {
margin: -.25rem!important
}
.mt-n1, .my-n1 {
margin-top: -.25rem!important
}
.mr-n1, .mx-n1 {
margin-right: -.25rem!important
}
.mb-n1, .my-n1 {
margin-bottom: -.25rem!important
}
.ml-n1, .mx-n1 {
margin-left: -.25rem!important
}
.m-n2 {
margin: -.5rem!important
}
.mt-n2, .my-n2 {
margin-top: -.5rem!important
}
.mr-n2, .mx-n2 {
margin-right: -.5rem!important
}
.mb-n2, .my-n2 {
margin-bottom: -.5rem!important
}
.ml-n2, .mx-n2 {
margin-left: -.5rem!important
}
.m-n3 {
margin: -1rem!important
}
.mt-n3, .my-n3 {
margin-top: -1rem!important
}
.mr-n3, .mx-n3 {
margin-right: -1rem!important
}
.mb-n3, .my-n3 {
margin-bottom: -1rem!important
}
.ml-n3, .mx-n3 {
margin-left: -1rem!important
}
.m-n4 {
margin: -1.5rem!important
}
.mt-n4, .my-n4 {
margin-top: -1.5rem!important
}
.mr-n4, .mx-n4 {
margin-right: -1.5rem!important
}
.mb-n4, .my-n4 {
margin-bottom: -1.5rem!important
}
.ml-n4, .mx-n4 {
margin-left: -1.5rem!important
}
.m-n5 {
margin: -3rem!important
}
.mt-n5, .my-n5 {
margin-top: -3rem!important
}
.mr-n5, .mx-n5 {
margin-right: -3rem!important
}
.mb-n5, .my-n5 {
margin-bottom: -3rem!important
}
.ml-n5, .mx-n5 {
margin-left: -3rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto, .my-auto {
margin-top: auto!important
}
.mr-auto, .mx-auto {
margin-right: auto!important
}
.mb-auto, .my-auto {
margin-bottom: auto!important
}
.ml-auto, .mx-auto {
margin-left: auto!important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0!important
}
.mt-sm-0, .my-sm-0 {
margin-top: 0!important
}
.mr-sm-0, .mx-sm-0 {
margin-right: 0!important
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0!important
}
.ml-sm-0, .mx-sm-0 {
margin-left: 0!important
}
.m-sm-1 {
margin: .25rem!important
}
.mt-sm-1, .my-sm-1 {
margin-top: .25rem!important
}
.mr-sm-1, .mx-sm-1 {
margin-right: .25rem!important
}
.mb-sm-1, .my-sm-1 {
margin-bottom: .25rem!important
}
.ml-sm-1, .mx-sm-1 {
margin-left: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.mt-sm-2, .my-sm-2 {
margin-top: .5rem!important
}
.mr-sm-2, .mx-sm-2 {
margin-right: .5rem!important
}
.mb-sm-2, .my-sm-2 {
margin-bottom: .5rem!important
}
.ml-sm-2, .mx-sm-2 {
margin-left: .5rem!important
}
.m-sm-3 {
margin: 1rem!important
}
.mt-sm-3, .my-sm-3 {
margin-top: 1rem!important
}
.mr-sm-3, .mx-sm-3 {
margin-right: 1rem!important
}
.mb-sm-3, .my-sm-3 {
margin-bottom: 1rem!important
}
.ml-sm-3, .mx-sm-3 {
margin-left: 1rem!important
}
.m-sm-4 {
margin: 1.5rem!important
}
.mt-sm-4, .my-sm-4 {
margin-top: 1.5rem!important
}
.mr-sm-4, .mx-sm-4 {
margin-right: 1.5rem!important
}
.mb-sm-4, .my-sm-4 {
margin-bottom: 1.5rem!important
}
.ml-sm-4, .mx-sm-4 {
margin-left: 1.5rem!important
}
.m-sm-5 {
margin: 3rem!important
}
.mt-sm-5, .my-sm-5 {
margin-top: 3rem!important
}
.mr-sm-5, .mx-sm-5 {
margin-right: 3rem!important
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 3rem!important
}
.ml-sm-5, .mx-sm-5 {
margin-left: 3rem!important
}
.p-sm-0 {
padding: 0!important
}
.pt-sm-0, .py-sm-0 {
padding-top: 0!important
}
.pr-sm-0, .px-sm-0 {
padding-right: 0!important
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0!important
}
.pl-sm-0, .px-sm-0 {
padding-left: 0!important
}
.p-sm-1 {
padding: .25rem!important
}
.pt-sm-1, .py-sm-1 {
padding-top: .25rem!important
}
.pr-sm-1, .px-sm-1 {
padding-right: .25rem!important
}
.pb-sm-1, .py-sm-1 {
padding-bottom: .25rem!important
}
.pl-sm-1, .px-sm-1 {
padding-left: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.pt-sm-2, .py-sm-2 {
padding-top: .5rem!important
}
.pr-sm-2, .px-sm-2 {
padding-right: .5rem!important
}
.pb-sm-2, .py-sm-2 {
padding-bottom: .5rem!important
}
.pl-sm-2, .px-sm-2 {
padding-left: .5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.pt-sm-3, .py-sm-3 {
padding-top: 1rem!important
}
.pr-sm-3, .px-sm-3 {
padding-right: 1rem!important
}
.pb-sm-3, .py-sm-3 {
padding-bottom: 1rem!important
}
.pl-sm-3, .px-sm-3 {
padding-left: 1rem!important
}
.p-sm-4 {
padding: 1.5rem!important
}
.pt-sm-4, .py-sm-4 {
padding-top: 1.5rem!important
}
.pr-sm-4, .px-sm-4 {
padding-right: 1.5rem!important
}
.pb-sm-4, .py-sm-4 {
padding-bottom: 1.5rem!important
}
.pl-sm-4, .px-sm-4 {
padding-left: 1.5rem!important
}
.p-sm-5 {
padding: 3rem!important
}
.pt-sm-5, .py-sm-5 {
padding-top: 3rem!important
}
.pr-sm-5, .px-sm-5 {
padding-right: 3rem!important
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 3rem!important
}
.pl-sm-5, .px-sm-5 {
padding-left: 3rem!important
}
.m-sm-n1 {
margin: -.25rem!important
}
.mt-sm-n1, .my-sm-n1 {
margin-top: -.25rem!important
}
.mr-sm-n1, .mx-sm-n1 {
margin-right: -.25rem!important
}
.mb-sm-n1, .my-sm-n1 {
margin-bottom: -.25rem!important
}
.ml-sm-n1, .mx-sm-n1 {
margin-left: -.25rem!important
}
.m-sm-n2 {
margin: -.5rem!important
}
.mt-sm-n2, .my-sm-n2 {
margin-top: -.5rem!important
}
.mr-sm-n2, .mx-sm-n2 {
margin-right: -.5rem!important
}
.mb-sm-n2, .my-sm-n2 {
margin-bottom: -.5rem!important
}
.ml-sm-n2, .mx-sm-n2 {
margin-left: -.5rem!important
}
.m-sm-n3 {
margin: -1rem!important
}
.mt-sm-n3, .my-sm-n3 {
margin-top: -1rem!important
}
.mr-sm-n3, .mx-sm-n3 {
margin-right: -1rem!important
}
.mb-sm-n3, .my-sm-n3 {
margin-bottom: -1rem!important
}
.ml-sm-n3, .mx-sm-n3 {
margin-left: -1rem!important
}
.m-sm-n4 {
margin: -1.5rem!important
}
.mt-sm-n4, .my-sm-n4 {
margin-top: -1.5rem!important
}
.mr-sm-n4, .mx-sm-n4 {
margin-right: -1.5rem!important
}
.mb-sm-n4, .my-sm-n4 {
margin-bottom: -1.5rem!important
}
.ml-sm-n4, .mx-sm-n4 {
margin-left: -1.5rem!important
}
.m-sm-n5 {
margin: -3rem!important
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -3rem!important
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -3rem!important
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -3rem!important
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto, .mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto, .mx-sm-auto {
margin-left: auto!important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0!important
}
.mt-md-0, .my-md-0 {
margin-top: 0!important
}
.mr-md-0, .mx-md-0 {
margin-right: 0!important
}
.mb-md-0, .my-md-0 {
margin-bottom: 0!important
}
.ml-md-0, .mx-md-0 {
margin-left: 0!important
}
.m-md-1 {
margin: .25rem!important
}
.mt-md-1, .my-md-1 {
margin-top: .25rem!important
}
.mr-md-1, .mx-md-1 {
margin-right: .25rem!important
}
.mb-md-1, .my-md-1 {
margin-bottom: .25rem!important
}
.ml-md-1, .mx-md-1 {
margin-left: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.mt-md-2, .my-md-2 {
margin-top: .5rem!important
}
.mr-md-2, .mx-md-2 {
margin-right: .5rem!important
}
.mb-md-2, .my-md-2 {
margin-bottom: .5rem!important
}
.ml-md-2, .mx-md-2 {
margin-left: .5rem!important
}
.m-md-3 {
margin: 1rem!important
}
.mt-md-3, .my-md-3 {
margin-top: 1rem!important
}
.mr-md-3, .mx-md-3 {
margin-right: 1rem!important
}
.mb-md-3, .my-md-3 {
margin-bottom: 1rem!important
}
.ml-md-3, .mx-md-3 {
margin-left: 1rem!important
}
.m-md-4 {
margin: 1.5rem!important
}
.mt-md-4, .my-md-4 {
margin-top: 1.5rem!important
}
.mr-md-4, .mx-md-4 {
margin-right: 1.5rem!important
}
.mb-md-4, .my-md-4 {
margin-bottom: 1.5rem!important
}
.ml-md-4, .mx-md-4 {
margin-left: 1.5rem!important
}
.m-md-5 {
margin: 3rem!important
}
.mt-md-5, .my-md-5 {
margin-top: 3rem!important
}
.mr-md-5, .mx-md-5 {
margin-right: 3rem!important
}
.mb-md-5, .my-md-5 {
margin-bottom: 3rem!important
}
.ml-md-5, .mx-md-5 {
margin-left: 3rem!important
}
.p-md-0 {
padding: 0!important
}
.pt-md-0, .py-md-0 {
padding-top: 0!important
}
.pr-md-0, .px-md-0 {
padding-right: 0!important
}
.pb-md-0, .py-md-0 {
padding-bottom: 0!important
}
.pl-md-0, .px-md-0 {
padding-left: 0!important
}
.p-md-1 {
padding: .25rem!important
}
.pt-md-1, .py-md-1 {
padding-top: .25rem!important
}
.pr-md-1, .px-md-1 {
padding-right: .25rem!important
}
.pb-md-1, .py-md-1 {
padding-bottom: .25rem!important
}
.pl-md-1, .px-md-1 {
padding-left: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.pt-md-2, .py-md-2 {
padding-top: .5rem!important
}
.pr-md-2, .px-md-2 {
padding-right: .5rem!important
}
.pb-md-2, .py-md-2 {
padding-bottom: .5rem!important
}
.pl-md-2, .px-md-2 {
padding-left: .5rem!important
}
.p-md-3 {
padding: 1rem!important
}
.pt-md-3, .py-md-3 {
padding-top: 1rem!important
}
.pr-md-3, .px-md-3 {
padding-right: 1rem!important
}
.pb-md-3, .py-md-3 {
padding-bottom: 1rem!important
}
.pl-md-3, .px-md-3 {
padding-left: 1rem!important
}
.p-md-4 {
padding: 1.5rem!important
}
.pt-md-4, .py-md-4 {
padding-top: 1.5rem!important
}
.pr-md-4, .px-md-4 {
padding-right: 1.5rem!important
}
.pb-md-4, .py-md-4 {
padding-bottom: 1.5rem!important
}
.pl-md-4, .px-md-4 {
padding-left: 1.5rem!important
}
.p-md-5 {
padding: 3rem!important
}
.pt-md-5, .py-md-5 {
padding-top: 3rem!important
}
.pr-md-5, .px-md-5 {
padding-right: 3rem!important
}
.pb-md-5, .py-md-5 {
padding-bottom: 3rem!important
}
.pl-md-5, .px-md-5 {
padding-left: 3rem!important
}
.m-md-n1 {
margin: -.25rem!important
}
.mt-md-n1, .my-md-n1 {
margin-top: -.25rem!important
}
.mr-md-n1, .mx-md-n1 {
margin-right: -.25rem!important
}
.mb-md-n1, .my-md-n1 {
margin-bottom: -.25rem!important
}
.ml-md-n1, .mx-md-n1 {
margin-left: -.25rem!important
}
.m-md-n2 {
margin: -.5rem!important
}
.mt-md-n2, .my-md-n2 {
margin-top: -.5rem!important
}
.mr-md-n2, .mx-md-n2 {
margin-right: -.5rem!important
}
.mb-md-n2, .my-md-n2 {
margin-bottom: -.5rem!important
}
.ml-md-n2, .mx-md-n2 {
margin-left: -.5rem!important
}
.m-md-n3 {
margin: -1rem!important
}
.mt-md-n3, .my-md-n3 {
margin-top: -1rem!important
}
.mr-md-n3, .mx-md-n3 {
margin-right: -1rem!important
}
.mb-md-n3, .my-md-n3 {
margin-bottom: -1rem!important
}
.ml-md-n3, .mx-md-n3 {
margin-left: -1rem!important
}
.m-md-n4 {
margin: -1.5rem!important
}
.mt-md-n4, .my-md-n4 {
margin-top: -1.5rem!important
}
.mr-md-n4, .mx-md-n4 {
margin-right: -1.5rem!important
}
.mb-md-n4, .my-md-n4 {
margin-bottom: -1.5rem!important
}
.ml-md-n4, .mx-md-n4 {
margin-left: -1.5rem!important
}
.m-md-n5 {
margin: -3rem!important
}
.mt-md-n5, .my-md-n5 {
margin-top: -3rem!important
}
.mr-md-n5, .mx-md-n5 {
margin-right: -3rem!important
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -3rem!important
}
.ml-md-n5, .mx-md-n5 {
margin-left: -3rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto, .my-md-auto {
margin-top: auto!important
}
.mr-md-auto, .mx-md-auto {
margin-right: auto!important
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto, .mx-md-auto {
margin-left: auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0!important
}
.mt-lg-0, .my-lg-0 {
margin-top: 0!important
}
.mr-lg-0, .mx-lg-0 {
margin-right: 0!important
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0!important
}
.ml-lg-0, .mx-lg-0 {
margin-left: 0!important
}
.m-lg-1 {
margin: .25rem!important
}
.mt-lg-1, .my-lg-1 {
margin-top: .25rem!important
}
.mr-lg-1, .mx-lg-1 {
margin-right: .25rem!important
}
.mb-lg-1, .my-lg-1 {
margin-bottom: .25rem!important
}
.ml-lg-1, .mx-lg-1 {
margin-left: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.mt-lg-2, .my-lg-2 {
margin-top: .5rem!important
}
.mr-lg-2, .mx-lg-2 {
margin-right: .5rem!important
}
.mb-lg-2, .my-lg-2 {
margin-bottom: .5rem!important
}
.ml-lg-2, .mx-lg-2 {
margin-left: .5rem!important
}
.m-lg-3 {
margin: 1rem!important
}
.mt-lg-3, .my-lg-3 {
margin-top: 1rem!important
}
.mr-lg-3, .mx-lg-3 {
margin-right: 1rem!important
}
.mb-lg-3, .my-lg-3 {
margin-bottom: 1rem!important
}
.ml-lg-3, .mx-lg-3 {
margin-left: 1rem!important
}
.m-lg-4 {
margin: 1.5rem!important
}
.mt-lg-4, .my-lg-4 {
margin-top: 1.5rem!important
}
.mr-lg-4, .mx-lg-4 {
margin-right: 1.5rem!important
}
.mb-lg-4, .my-lg-4 {
margin-bottom: 1.5rem!important
}
.ml-lg-4, .mx-lg-4 {
margin-left: 1.5rem!important
}
.m-lg-5 {
margin: 3rem!important
}
.mt-lg-5, .my-lg-5 {
margin-top: 3rem!important
}
.mr-lg-5, .mx-lg-5 {
margin-right: 3rem!important
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 3rem!important
}
.ml-lg-5, .mx-lg-5 {
margin-left: 3rem!important
}
.p-lg-0 {
padding: 0!important
}
.pt-lg-0, .py-lg-0 {
padding-top: 0!important
}
.pr-lg-0, .px-lg-0 {
padding-right: 0!important
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0!important
}
.pl-lg-0, .px-lg-0 {
padding-left: 0!important
}
.p-lg-1 {
padding: .25rem!important
}
.pt-lg-1, .py-lg-1 {
padding-top: .25rem!important
}
.pr-lg-1, .px-lg-1 {
padding-right: .25rem!important
}
.pb-lg-1, .py-lg-1 {
padding-bottom: .25rem!important
}
.pl-lg-1, .px-lg-1 {
padding-left: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.pt-lg-2, .py-lg-2 {
padding-top: .5rem!important
}
.pr-lg-2, .px-lg-2 {
padding-right: .5rem!important
}
.pb-lg-2, .py-lg-2 {
padding-bottom: .5rem!important
}
.pl-lg-2, .px-lg-2 {
padding-left: .5rem!important
}
.p-lg-3 {
padding: 1rem!important
}
.pt-lg-3, .py-lg-3 {
padding-top: 1rem!important
}
.pr-lg-3, .px-lg-3 {
padding-right: 1rem!important
}
.pb-lg-3, .py-lg-3 {
padding-bottom: 1rem!important
}
.pl-lg-3, .px-lg-3 {
padding-left: 1rem!important
}
.p-lg-4 {
padding: 1.5rem!important
}
.pt-lg-4, .py-lg-4 {
padding-top: 1.5rem!important
}
.pr-lg-4, .px-lg-4 {
padding-right: 1.5rem!important
}
.pb-lg-4, .py-lg-4 {
padding-bottom: 1.5rem!important
}
.pl-lg-4, .px-lg-4 {
padding-left: 1.5rem!important
}
.p-lg-5 {
padding: 3rem!important
}
.pt-lg-5, .py-lg-5 {
padding-top: 3rem!important
}
.pr-lg-5, .px-lg-5 {
padding-right: 3rem!important
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 3rem!important
}
.pl-lg-5, .px-lg-5 {
padding-left: 3rem!important
}
.m-lg-n1 {
margin: -.25rem!important
}
.mt-lg-n1, .my-lg-n1 {
margin-top: -.25rem!important
}
.mr-lg-n1, .mx-lg-n1 {
margin-right: -.25rem!important
}
.mb-lg-n1, .my-lg-n1 {
margin-bottom: -.25rem!important
}
.ml-lg-n1, .mx-lg-n1 {
margin-left: -.25rem!important
}
.m-lg-n2 {
margin: -.5rem!important
}
.mt-lg-n2, .my-lg-n2 {
margin-top: -.5rem!important
}
.mr-lg-n2, .mx-lg-n2 {
margin-right: -.5rem!important
}
.mb-lg-n2, .my-lg-n2 {
margin-bottom: -.5rem!important
}
.ml-lg-n2, .mx-lg-n2 {
margin-left: -.5rem!important
}
.m-lg-n3 {
margin: -1rem!important
}
.mt-lg-n3, .my-lg-n3 {
margin-top: -1rem!important
}
.mr-lg-n3, .mx-lg-n3 {
margin-right: -1rem!important
}
.mb-lg-n3, .my-lg-n3 {
margin-bottom: -1rem!important
}
.ml-lg-n3, .mx-lg-n3 {
margin-left: -1rem!important
}
.m-lg-n4 {
margin: -1.5rem!important
}
.mt-lg-n4, .my-lg-n4 {
margin-top: -1.5rem!important
}
.mr-lg-n4, .mx-lg-n4 {
margin-right: -1.5rem!important
}
.mb-lg-n4, .my-lg-n4 {
margin-bottom: -1.5rem!important
}
.ml-lg-n4, .mx-lg-n4 {
margin-left: -1.5rem!important
}
.m-lg-n5 {
margin: -3rem!important
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -3rem!important
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -3rem!important
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -3rem!important
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto, .mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto, .mx-lg-auto {
margin-left: auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0!important
}
.mt-xl-0, .my-xl-0 {
margin-top: 0!important
}
.mr-xl-0, .mx-xl-0 {
margin-right: 0!important
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0!important
}
.ml-xl-0, .mx-xl-0 {
margin-left: 0!important
}
.m-xl-1 {
margin: .25rem!important
}
.mt-xl-1, .my-xl-1 {
margin-top: .25rem!important
}
.mr-xl-1, .mx-xl-1 {
margin-right: .25rem!important
}
.mb-xl-1, .my-xl-1 {
margin-bottom: .25rem!important
}
.ml-xl-1, .mx-xl-1 {
margin-left: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.mt-xl-2, .my-xl-2 {
margin-top: .5rem!important
}
.mr-xl-2, .mx-xl-2 {
margin-right: .5rem!important
}
.mb-xl-2, .my-xl-2 {
margin-bottom: .5rem!important
}
.ml-xl-2, .mx-xl-2 {
margin-left: .5rem!important
}
.m-xl-3 {
margin: 1rem!important
}
.mt-xl-3, .my-xl-3 {
margin-top: 1rem!important
}
.mr-xl-3, .mx-xl-3 {
margin-right: 1rem!important
}
.mb-xl-3, .my-xl-3 {
margin-bottom: 1rem!important
}
.ml-xl-3, .mx-xl-3 {
margin-left: 1rem!important
}
.m-xl-4 {
margin: 1.5rem!important
}
.mt-xl-4, .my-xl-4 {
margin-top: 1.5rem!important
}
.mr-xl-4, .mx-xl-4 {
margin-right: 1.5rem!important
}
.mb-xl-4, .my-xl-4 {
margin-bottom: 1.5rem!important
}
.ml-xl-4, .mx-xl-4 {
margin-left: 1.5rem!important
}
.m-xl-5 {
margin: 3rem!important
}
.mt-xl-5, .my-xl-5 {
margin-top: 3rem!important
}
.mr-xl-5, .mx-xl-5 {
margin-right: 3rem!important
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 3rem!important
}
.ml-xl-5, .mx-xl-5 {
margin-left: 3rem!important
}
.p-xl-0 {
padding: 0!important
}
.pt-xl-0, .py-xl-0 {
padding-top: 0!important
}
.pr-xl-0, .px-xl-0 {
padding-right: 0!important
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0!important
}
.pl-xl-0, .px-xl-0 {
padding-left: 0!important
}
.p-xl-1 {
padding: .25rem!important
}
.pt-xl-1, .py-xl-1 {
padding-top: .25rem!important
}
.pr-xl-1, .px-xl-1 {
padding-right: .25rem!important
}
.pb-xl-1, .py-xl-1 {
padding-bottom: .25rem!important
}
.pl-xl-1, .px-xl-1 {
padding-left: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.pt-xl-2, .py-xl-2 {
padding-top: .5rem!important
}
.pr-xl-2, .px-xl-2 {
padding-right: .5rem!important
}
.pb-xl-2, .py-xl-2 {
padding-bottom: .5rem!important
}
.pl-xl-2, .px-xl-2 {
padding-left: .5rem!important
}
.p-xl-3 {
padding: 1rem!important
}
.pt-xl-3, .py-xl-3 {
padding-top: 1rem!important
}
.pr-xl-3, .px-xl-3 {
padding-right: 1rem!important
}
.pb-xl-3, .py-xl-3 {
padding-bottom: 1rem!important
}
.pl-xl-3, .px-xl-3 {
padding-left: 1rem!important
}
.p-xl-4 {
padding: 1.5rem!important
}
.pt-xl-4, .py-xl-4 {
padding-top: 1.5rem!important
}
.pr-xl-4, .px-xl-4 {
padding-right: 1.5rem!important
}
.pb-xl-4, .py-xl-4 {
padding-bottom: 1.5rem!important
}
.pl-xl-4, .px-xl-4 {
padding-left: 1.5rem!important
}
.p-xl-5 {
padding: 3rem!important
}
.pt-xl-5, .py-xl-5 {
padding-top: 3rem!important
}
.pr-xl-5, .px-xl-5 {
padding-right: 3rem!important
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 3rem!important
}
.pl-xl-5, .px-xl-5 {
padding-left: 3rem!important
}
.m-xl-n1 {
margin: -.25rem!important
}
.mt-xl-n1, .my-xl-n1 {
margin-top: -.25rem!important
}
.mr-xl-n1, .mx-xl-n1 {
margin-right: -.25rem!important
}
.mb-xl-n1, .my-xl-n1 {
margin-bottom: -.25rem!important
}
.ml-xl-n1, .mx-xl-n1 {
margin-left: -.25rem!important
}
.m-xl-n2 {
margin: -.5rem!important
}
.mt-xl-n2, .my-xl-n2 {
margin-top: -.5rem!important
}
.mr-xl-n2, .mx-xl-n2 {
margin-right: -.5rem!important
}
.mb-xl-n2, .my-xl-n2 {
margin-bottom: -.5rem!important
}
.ml-xl-n2, .mx-xl-n2 {
margin-left: -.5rem!important
}
.m-xl-n3 {
margin: -1rem!important
}
.mt-xl-n3, .my-xl-n3 {
margin-top: -1rem!important
}
.mr-xl-n3, .mx-xl-n3 {
margin-right: -1rem!important
}
.mb-xl-n3, .my-xl-n3 {
margin-bottom: -1rem!important
}
.ml-xl-n3, .mx-xl-n3 {
margin-left: -1rem!important
}
.m-xl-n4 {
margin: -1.5rem!important
}
.mt-xl-n4, .my-xl-n4 {
margin-top: -1.5rem!important
}
.mr-xl-n4, .mx-xl-n4 {
margin-right: -1.5rem!important
}
.mb-xl-n4, .my-xl-n4 {
margin-bottom: -1.5rem!important
}
.ml-xl-n4, .mx-xl-n4 {
margin-left: -1.5rem!important
}
.m-xl-n5 {
margin: -3rem!important
}
.mt-xl-n5, .my-xl-n5 {
margin-top: -3rem!important
}
.mr-xl-n5, .mx-xl-n5 {
margin-right: -3rem!important
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom: -3rem!important
}
.ml-xl-n5, .mx-xl-n5 {
margin-left: -3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto, .mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto!important
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}
.text-justify {
text-align: justify!important
}
.text-wrap {
white-space: normal!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-light {
font-weight: 300!important
}
.font-weight-lighter {
font-weight: lighter!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-weight-bolder {
font-weight: bolder!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #007bff!important
}
a.text-primary:focus, a.text-primary:hover {
color: #0056b3!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus, a.text-secondary:hover {
color: #494f54!important
}
.text-success {
color: #28a745!important
}
a.text-success:focus, a.text-success:hover {
color: #19692c!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus, a.text-info:hover {
color: #0f6674!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus, a.text-warning:hover {
color: #ba8b00!important
}
.text-danger {
color: #dc3545!important
}
a.text-danger:focus, a.text-danger:hover {
color: #a71d2a!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus, a.text-light:hover {
color: #cbd3da!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus, a.text-dark:hover {
color: #121416!important
}
.text-body {
color: #212529!important
}
.text-muted {
color: #6c757d!important
}
.text-black-50 {
color: rgba(0, 0, 0, .5)!important
}
.text-white-50 {
color: rgba(255, 255, 255, .5)!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none!important
}
.text-break {
word-break: break-word!important;
overflow-wrap: break-word!important
}
.text-reset {
color: inherit!important
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
@media print {
*, ::after, ::before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap!important
}
blockquote, pre {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px!important
}
.container {
min-width: 992px!important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td, .table th {
background-color: #fff!important
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6!important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}.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}:root {
--color-white: #fff;
--color-primary: #232323;
--color-secondary: #41bb41;
--color-light-grey: #dddddd;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body,
html {
margin: 0;
font-family: 'Gilroy-Regular';
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
letter-spacing: 0.32px;
color: var(--color-primary);
-webkit-overflow-scrolling: touch;
}
a {
-webkit-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
color: var(--color-primary);
outline: none !important;
}
a:hover {
text-decoration: none;
color: inherit;
}
fieldset {
border: none;
position: relative;
margin-top: 45px;
}
figure {
margin: 0px;
}
div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
max-width: 100%; }
svg { -webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul,
li {
list-style: none;
margin: 0px;
padding: 0px;
}
h1 {
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
color: var(--color-primary);
font-family: 'Gilroy-Heavy';
margin: 0px;
}
.h2 {
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
color: var(--color-primary);
font-family: 'Gilroy-Heavy';
margin: 0px;
text-align: center;
text-transform: uppercase;
}
.h3 {
margin: 0px;
}
p {
font-size: 24px;
line-height: 36px;
letter-spacing: 0.864px;
color: var(--color-primary);
font-family: 'Gilroy-Regular';
margin: 0px;
padding: 0px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
}
label {
margin: 0px;
}
main {
padding-bottom: 180px;
}
.btn {
height: 90px;
width: 346px;
background-image: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 60px;
position: relative;
padding: 0px;
font-size: 15px;
color: var(--color-primary);
text-transform: uppercase;
border: none;
font-family: 'Gilroy-SemiBold';
letter-spacing: 0.75px;
}
.btn.focus,
.btn:focus,
button:focus {
outline: none;
}
.btn.focus,
.btn:focus {
box-shadow: none;
}
.btn-wrapper {
position: relative;
display: inline-flex;
width: auto;
}
.btn-wrapper:hover:before {
box-shadow: none;
}
.btn-wrapper:before {
content: '';
transition: box-shadow 0.25s ease;
position: absolute;
background: #946f14;
height: 100%;
width: 100%;
border-radius: 60px;
z-index: 0;
bottom: -1px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.6);
}
.c-text--green {
color: var(--color-secondary);
}
.bgc-text--green {
background-color: var(--color-secondary);
}
.c-text--white {
color: var(--color-white);
}
.text-bold {
font-family: 'Gilroy-Black';
color: var(--color-primary);
}
.btn-up {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-secondary);
width: 50px;
height: 50px;
border-radius: 4px;
position: fixed;
bottom: 120px;
right: 30px;
border: none;
appearance: none;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
.btn-up::after {
content: '';
display: block;
width: 40%;
height: 40%;
border-top: 4px solid #ffffff;
border-right: 4px solid #ffffff;
transform: rotate(-45deg);
margin-top: 25%;
}
.btn-up:hover {
cursor: pointer;
background-color: #297529;
}
.btn-up.show {
opacity: 1;
visibility: visible;
}
.container-header {
max-width: 1655px;
margin: 0 auto;
height: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-direction: row;
justify-content: space-between;
}
.header.fixed {
position: sticky;
top: 0;
left: 0;
right: 0;
animation: 0.5s headerTop;
background-color: #ffffff;
z-index: 9999;
}
@keyframes headerTop {
from {
top: -200px;
}
to {
top: 0;
}
}
.header.fixed .container-header {
height: auto;
padding-top: 8px;
padding-bottom: 8px;
}
.header.fixed .header-number {
font-size: 18px;
}
.header.fixed .contacts-address {
font-size: 14px;
}
.header.fixed .header-cart {
margin-bottom: 8px;
font-size: 20px;
}
.header.fixed .container-menu {
height: 44px;
}
.header.fixed .main-navigation_container {
height: 44px;
}
.header.fixed .menu-shapka-menyu-container .menu>.menu-item {
height: 44px;
font-size: 15px;
}
.header-logo {
max-width: 211px;
}
.main-navigation {
position: relative;
background-color: #f6f6f6;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation_container {
height: 65px;
position: relative;
z-index: 2;
}
.container-menu {
max-width: 1550px;
margin: 0 auto;
height: 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fixed-menu {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
z-index: 10;
display: none;
background-color: rgb(255, 255, 255);
box-shadow: 0px 4px 9.8px 0.2px rgba(0, 0, 0, 0.08);
}
.fixed-menu_wrapper {
max-width: 1620px;
margin: 0 auto;
height: 120px;
display: flex;
align-items: center;
justify-content: space-between;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fixed-menu_container {
position: absolute;
top: 118px;
left: -100%;
width: 100%;
max-width: 525px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 4px 9.8px 0.2px rgba(0, 0, 0, 0.08);
transition: left 0.5s;
}
.fixed-menu_container.is-active {
transition: all 0.5s;
left: 0px;
}
.fixed-menu_container:before {
content: '';
position: fixed;
left: 0px;
width: 100%;
}
.fixed-menu_container .menu {
display: flex;
flex-direction: column;
}
.fixed-menu_container .menu-item {
cursor: pointer;
}
.fixed-menu_container .menu-item:after {
content: '';
position: absolute;
height: 2px;
max-width: 315px;
width: 50%;
bottom: 0px;
background: rgba(0, 0, 0, 0.059);
}
.fixed-menu_container .menu-item:last-child:after {
content: none;
}
.fixed-menu_container .menu-item+.menu-item {
margin-left: 0px;
}
.fixed-menu_container .menu-item+.menu-item:before {
content: none;
}
.fixed-menu_container .menu-item {
font-size: 22.56px;
letter-spacing: 0.44px;
font-family: 'Gilroy-Bold';
line-height: 65px;
display: flex;
align-items: center;
}
.fixed-menu_container .menu-item a {
transition: unset;
}
.fixed-menu_container .menu-item:hover a {
color: var(--color-secondary);
z-index: 1;
}
.fixed-menu_container .menu-item:hover span {
color: var(--color-secondary);
z-index: 1;
}
.fixed-menu_container .menu-item:hover:after {
content: none;
}
.fixed-menu_container .menu-item:hover:before {
content: '';
position: absolute;
left: 0px;
width: 100%;
height: 105%;
background-color: #f0f0f0;
}
.fixed-menu_row {
display: flex;
flex-direction: row;
}
.fixed-header_numbers {
display: flex;
flex-direction: column;
margin-right: 85px;
}
.fixed-header_number {
font-size: 20px;
line-height: 20px;
letter-spacing: 0.4px;
}
.fixed-header_number+.fixed-header_number {
margin-top: 15px;
}
.menu-hamburger_wrapper {
display: flex;
align-items: center;
margin-right: 94px;
cursor: pointer;
position: relative;
}
.menu-hamburger .line {
width: 28px;
height: 6px;
background-color: var(--color-primary);
display: block;
margin: 5px auto;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu-hamburger_wrapper:hover .menu-hamburger .line {
background-color: var(--color-secondary);
}
.menu-hamburger_wrapper:hover .menu-hamburger_text {
color: var(--color-secondary);
}
.menu-hamburger.is-active .line {
background-color: var(--color-secondary);
}
.menu-hamburger.is-active+.menu-hamburger_text {
color: var(--color-secondary);
}
.menu-hamburger .line:first-child {
margin-top: 0px;
}
.menu-hamburger .line:last-child {
margin-bottom: 0px;
}
.menu-hamburger:hover {
cursor: pointer;
}
.menu-hamburger.is-active .line:nth-child(2) {
opacity: 0;
}
.menu-hamburger.is-active .line:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
-o-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.menu-hamburger.is-active .line:nth-child(3) {
-webkit-transform: translateY(-14px) rotate(-45deg);
-ms-transform: translateY(-14px) rotate(-45deg);
-o-transform: translateY(-14px) rotate(-45deg);
transform: translateY(-14px) rotate(-45deg);
}
.menu-hamburger_text {
font-size: 22px;
line-height: 22px;
letter-spacing: 0.44px;
font-family: 'Gilroy-Bold';
margin-left: 34px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.menu {
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;
}
.menu-shapka-menyu-container .menu>.menu-item {
height: 65px;
display: flex;
align-items: center;
}
.menu-item {
font-family: 'Gilroy-Bold';
font-size: 17px;
line-height: 24px;
letter-spacing: 0.408px;
position: relative;
}
.menu-item span {
color: var(--color-secondary);
}
.menu-item+.menu-item:before {
content: '';
position: absolute;
background-color: var(--color-light-grey);
width: 1px;
height: 25px;
left: -30px;
}
.menu-item+.menu-item {
margin-left: 60px;
}
.menu-item a:hover {
color: var(--color-secondary);
}
.menu>.menu-item>.sub-menu {
display: none;
position: absolute;
width: 100vw;
max-width: 1545px;
background: rgba(250, 250, 250, 0.95);
border-top: 1px solid rgba(0, 0, 0, 0.1);
left: -126px;
top: 100%;
padding: 24px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
flex-wrap: wrap;
flex-direction: column;
max-height: 500px;
z-index: 999;
box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}
.menu>.menu-item>.sub-menu.active {
display: flex;
}
.sub-menu .menu-item:before {
content: none;
}
.sub-menu .menu-item+.menu-item {
margin-left: 0;
}
.menu>.menu-item>.sub-menu .menu-item .sub-menu {
padding-left: 16px;
font-weight: 400;
}
.menu>.menu-item>.sub-menu .menu-item .sub-menu .menu-item a {
color: #595959;
font-size: 14px;
font-family: 'Gilroy-Regular';
}
.menu>.menu-item>.sub-menu>.menu-item {
margin-bottom: 12px;
}
.fixed-menu_container .sub-menu {
display: none !important;
}
.header-dsc {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.352px;
position: relative;
color: #c4c4c4;
}
.header-dsc:before {
content: '';
position: absolute;
height: 46px;
width: 2px;
background-color: rgba(196, 196, 196, 0.23);
left: -25px;
}
.header-location a {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
letter-spacing: 0.396px;
font-size: 18px;
line-height: 22px;
}
.select-wrapper {
position: relative;
}
.select-city__name:before {
content: '';
display: inline-block;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-30%);
pointer-events: none;
border: 4px solid transparent;
border-top: 6px solid var(--color-secondary);
}
.select-wrapper:before {
content: '';
display: inline-block;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-30%);
pointer-events: none;
border: 4px solid transparent;
border-top: 6px solid var(--color-secondary);
}
.select-city__item {
cursor: pointer;
padding-right: 20px;
}
.header-cities select {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
letter-spacing: 0.396px;
font-size: 18px;
line-height: 22px;
}
.header-cities select:focus {
outline: none;
}
select::-ms-expand {
display: none;
}
.contacts-address {
position: relative;
display: block;
max-width: 350px;
}
.contacts-address:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-maps--green.svg);
background-size: cover;
background-repeat: no-repeat;
width: 18px;
height: 20px;
left: -30px;
}
.contacts-working_wrapper {
display: flex;
flex-direction: row;
}
.contacts-working {
font-size: 12px;
letter-spacing: 0.288px;
line-height: 24px;
}
.contacts-working+.contacts-working {
margin-left: 10px;
}
.contacts-email {
font-size: 12px;
letter-spacing: 0.288px;
line-height: 22px;
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.contacts-email:hover {
opacity: 0.6;
color: var(--color-secondary);
}
.header-numbers {
display: flex;
flex-direction: column;
}
.header-number {
font-size: 20px;
line-height: 100%;
letter-spacing: 0.4px;
}
.header-number:nth-child(3) {
position: relative;
}
.header-number:nth-child(3)::before {
content: '';
position: absolute;
left: -28px;
top: 50%;
transform: translateY(-50%);
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/max-logo.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.header-number+.header-number {
margin-top: 13px;
}
.header-numbers__row {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
margin-top: 13px;
}
.header-numbers__row .header-number:first-child {
position: absolute;
width: 20px;
height: 20px;
left: -28px;
top: -2px;
}
.header-numbers__row .header-number+.header-number {
margin-top: 0px;
}
.header-btn {
font-family: 'Gilroy-SemiBold';
width: 194px;
height: 47px;
border: 2px solid var(--color-secondary);
color: var(--color-secondary);
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
background-color: transparent;
transition: all 0.5s ease;
}
.header-btn:hover {
background-color: #41bb41;
color: #fff;
}
.header-cart_wrapper {
display: flex;
flex-direction: column;
position: relative;
}
.header-cart_wrapper:hover .header-cart {
color: #41bb41;
}
.header-cart {
font-size: 22px;
line-height: 100%;
letter-spacing: 0.44px;
margin-left: 45px;
position: relative;
color: var(--color-primary);
margin-bottom: 15px;
}
.header-cart:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/shopping-cart--green.svg);
background-size: 25px 23px;
background-repeat: no-repeat;
width: 25px;
height: 23px;
left: -45px;
top: 50%;
transform: translateY(-50%);
}
.header-cart_text {
line-height: 22px;
color: #939393;
}
.header-cart_info {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.32px;
color: #939393;
}
.header-count_cart {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
background: #fbb147;
font-size: 13px;
font-family: 'Gilroy-Medium';
letter-spacing: 0.26px;
color: #000;
border-radius: 50%;
top: -12px;
left: 12px;
}
.main-screen {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/main-background.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position-y: -130px;
width: 100%;
height: 900px;
position: relative;
}
.main-screen .pseudoelement_1 {
position: absolute;
right: 0px;
top: 25px;
right: 300px;
}
.main-title {
font-size: 33px;
font-family: 'Gilroy-Heavy';
line-height: 41px;
letter-spacing: 1.353px;
text-transform: uppercase;
padding-top: 80px;
}
.main-title_background-wrapper {
position: relative; }
.main-title_background {
position: relative;
display: inline-flex;
margin-top: 10px;
margin-bottom: 10px;
transform-style: preserve-3d;
}
.main-title_background:after {
content: '';
position: absolute;
display: flex;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/main-title_background.svg);
background-repeat: no-repeat;
background-size: cover;
width: calc(100% + 60px);
height: 100%;
left: -30px;
top: 0px;
transform: translateZ(-1px);
}
.main-dsc_wrapper {
margin-top: 45px;
}
.main-dsc {
font-size: 20px;
line-height: 30px;
letter-spacing: 0.6px;
color: var(--color-primary);
}
.main-cards_wrapper {
margin-top: 40px;
display: flex;
flex-direction: row;
}
.main-card {
max-width: 213px;
width: 100%;
height: 88px;
background-color: var(--color-white);
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
position: relative;
}
.main-card:before {
content: '';
position: absolute;
border: 1px solid rgba(196, 196, 196, 0.2);
border-radius: 8px;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
display: flex;
}
.main-card+.main-card {
margin-left: 11px;
}
.main-card_text {
font-family: 'Gilroy-Bold';
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
margin-left: 20px;
}
.main-card_img {
max-width: 115px;
user-select: none;
}
.main-btn_wrapper {
margin-top: 45px;
}
.main-btn:after {
content: '';
position: absolute;
width: 85px;
height: 67px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/main-btn_background.png);
background-size: cover;
background-repeat: no-repeat;
right: -45px;
}
.site .about {
position: relative;
}
.about-pseudoelement_1 {
position: absolute;
left: -7%;
top: 0px;
}
.about-pseudoelement_2 {
position: absolute;
top: -5%;
left: 22%;
}
.about-pseudoelement_3 {
position: absolute;
top: 10%;
right: 20%;
}
.about-block {
display: flex;
flex-direction: row;
margin-top: 105px;
justify-content: space-between;
}
.about-block_left {
max-width: 625px;
flex: 70%;
}
.about-block_left p {
font-size: 18px;
line-height: 32px;
}
.about-block_right {
flex: 30%;
position: relative;
right: -30px;
}
.about-block_left p+p {
margin-top: 50px;
}
.about-video_wrapper {
margin-top: 45px;
}
.about-video_text {
margin-left: 30px;
font-family: 'Gilroy-Bold';
border-bottom: 1px solid var(--color-primary);
}
.about-video:hover .about-video_text {
color: #ffc458;
border-bottom: 1px solid #ffc458;
}
.about-video_img {
user-select: none;
}
.about-img {
margin-left: auto;
margin-top: -10px;
user-select: none;
}
.about-director_name {
text-align: center;
margin-top: 65px;
font-family: 'Gilroy-Bold';
font-size: 28px;
line-height: 37px;
}
.about-director_position {
font-size: 21px;
line-height: 37px;
color: #646464;
text-align: center;
}
.kinds {
margin-top: 215px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/kinds-background_img.jpg);
background-repeat: no-repeat;
background-size: 100%;
padding-bottom: 230px;
position: relative;
}
.kinds-pseudoelement_1 {
position: absolute;
right: 0px;
top: -30%;
}
.kinds-pseudoelement_2 {
position: absolute;
top: 50px;
left: 13%;
}
.kinds .table {
text-align: center;
border-spacing: 0;
margin-top: 120px;
}
.kinds .table-bg {
background: #fff;
border-radius: 20px;
box-shadow: 0 0 50px rgb(0 0 0 / 12%);
position: relative;
z-index: 10;
}
.kinds .table-row--bg-grey {
background: #f8f8f8;
}
.kinds .table-td__header {
position: relative;
padding: 24px;
padding-bottom: 16px;
padding-top: 80px;
width: calc(100% / 6);
}
.kinds .table-td__header {
border-right: 1px solid rgba(0, 0, 0, 0.06);
border-top: none;
}
.kinds .table-td__header:last-child {
border-right: none;
}
.kinds .table-td__header-img {
position: absolute;
max-width: 170px;
height: 80%;
left: 50%;
transform: translateX(-50%);
top: -60px;
object-fit: contain;
}
.kinds .table-td__header-title {
font: 700 24px/29px 'Gilroy-Bold', sans-serif;
margin: 0;
}
.kinds .table-td__header-price {
font: 700 18px/24px 'Gilroy-Bold', sans-serif;
letter-spacing: 0.28px;
color: #41bb41;
margin: 0;
margin-top: 4px;
}
.kinds .table-td__title {
font: 600 18px/24px 'Gilroy-Medium', sans-serif;
}
.kinds .table-td {
padding: 16px 10px;
border-right: 1px solid rgba(0, 0, 0, 0.06);
border-top: none;
width: calc(100% / 6);
}
.kinds .table-td:last-child {
border-right: none;
}
.kinds .table-td__text {
font: 500 16px/21px 'Gilroy-Medium', sans-serif;
}
.kinds .table-td__text small {
display: inline-block;
font-weight: inherit;
font-size: 14px;
line-height: 17px;
}
.products {
position: relative;
}
.products-pseudoelement_1 {
position: absolute;
right: 15%;
top: 20%;
}
.products-pseudoelement_2 {
position: absolute;
top: -10%;
left: 25%;
}
.products-pseudoelement_3 {
position: absolute;
bottom: -5%;
left: 18%;
}
.product-blocks {
margin-top: 90px;
display: flex;
flex-wrap: wrap;
}
.product-block {
display: flex;
flex-direction: column;
width: calc(100% / 3);
background-color: #f6fcff;
position: relative;
padding-bottom: 40px;
justify-content: space-between;
border-radius: 20px;
box-shadow: 0px 15px 30px 1.4px rgba(0, 0, 0, 0.23);
max-width: 336.66px;
}
.site-main .product-block {
width: calc(100% / 3 - 44px);
}
.site-main .btn-more_wrapper {
text-align: center;
}
.product-block:before {
content: '';
position: absolute;
border: 1px solid #f1f1f1;
opacity: 0.6;
top: 9px;
left: 9px;
right: 9px;
bottom: 9px;
border-radius: 20px;
}
.product-block_img-wrapper {
background: var(--color-white);
height: 195px;
vertical-align: middle;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.product-block_img-wrapper:focus {
outline: none;
}
.product-block_img {
display: block;
position: relative;
margin: 0 auto;
user-select: none;
object-fit: contain;
height: 100%;
width: auto;
object-position: center center;
padding-top: 10px;
padding-bottom: 5px;
}
.product-block {
margin-right: 65px;
margin-bottom: 65px;
transition: box-shadow 0.25s ease;
}
.product-block:nth-child(3n + 3) {
margin-right: 0px;
}
.product-block_name--bold {
font-family: 'Gilroy-Bold';
text-transform: capitalize;
font-size: 21px;
letter-spacing: 0.4px;
}
.product-block_info {
padding-left: 30px;
padding-top: 30px;
}
.product-block_labels {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.product-block_label {
font-size: 12px;
padding: 5px 10px;
border-radius: 5px;
}
.product-block .product-block_labels {
z-index: 1;
gap: 4px;
}
.product-block .product-block_label {
padding: 2px 4px;
border-radius: 4px;
font-size: 10px;
}
.label--hit {
color: #fff;
background-color: var(--color-secondary);
}
.label--sale {
color: #fff;
background-color: #fbb147
}
.product-block_name {
text-transform: uppercase;
font-size: 17px;
}
.product-info_size {
margin-top: 20px;
}
.product-info_size-name,
.product-info_weight-name,
.product-info_generate-name,
.product-info_users-name {
font-family: 'Gilroy-ExtraBold';
color: #5f5e5e;
font-size: 15px;
letter-spacing: 0.3px;
position: relative;
padding-left: 25px;
}
.product-info_size-name:before {
content: '';
position: absolute;
left: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-size.svg);
background-repeat: no-repeat;
background-size: cover;
width: 11px;
height: 11px;
top: 50%;
transform: translateY(-50%);
}
.product-info_weight-name:before {
content: '';
position: absolute;
left: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-weight.svg);
background-repeat: no-repeat;
background-size: cover;
width: 15px;
height: 16px;
top: 50%;
transform: translateY(-50%);
}
.product-info_generate-name:before {
content: '';
position: absolute;
left: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-generate.svg);
background-repeat: no-repeat;
background-size: cover;
width: 15px;
height: 15px;
top: 50%;
transform: translateY(-50%);
}
.product-info_users-name:before {
content: '';
position: absolute;
left: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-users.svg);
background-repeat: no-repeat;
background-size: cover;
width: 16px;
height: 15px;
top: 50%;
transform: translateY(-50%);
}
.product-info_size-value,
.product-info_weight-value,
.product-info_generate-value,
.product-info_users-value {
color: #828282;
font-size: 15px;
letter-spacing: 0.3px;
}
.product-info_weight,
.product-info_generate,
.product-info_users {
margin-top: 10px;
}
.product-block_card-btn {
height: 45px;
width: 145px;
font-size: 12px;
letter-spacing: 0.6px;
justify-content: unset;
padding-left: 28px;
padding-right: 25px;
background: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
}
.product-block_card-btn:before {
left: 0px;
}
.product-block_card-btn:after {
content: '';
position: absolute;
right: 25px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/shopping-cart--black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 14px;
height: 12px;
top: 50%;
transform: translateY(-50%);
background-position: center center;
}
.product-block_price {
padding-left: 30px;
margin-top: 18px;
font-family: 'Gilroy-ExtraBold';
font-size: 30px;
letter-spacing: 0.6px;
}
.product-block_more {
margin-left: 25px;
font-size: 14px;
letter-spacing: 0.28px;
font-family: 'Gilroy-Medium';
position: relative;
}
.product-block_more:hover {
opacity: 0.6;
}
.product-block_more:after {
position: absolute;
content: '';
right: -20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/right-arrow--black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 10px;
height: 11px;
top: 50%;
transform: translateY(-50%);
}
.product-block_wrapper {
display: flex;
margin-left: 30px;
margin-top: 18px;
align-items: center;
text-transform: uppercase;
}
.btn-more {
font-size: 24px;
line-height: 100%;
letter-spacing: 0.48px;
font-family: 'Gilroy-Bold';
margin: 0 auto;
position: relative;
border-bottom: 1px solid #232323;
}
.btn-more:hover {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.btn-more:after {
position: absolute;
content: '';
right: -20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 6px;
height: 11px;
top: 50%;
transform: translateY(-50%);
}
.brochure {
position: relative;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/brochure-background.jpg);
width: 100%;
background-repeat: no-repeat;
background-size: cover;
margin-top: 135px;
height: 390px;
display: flex;
}
.brochure-block {
margin-left: 20px;
margin-right: 20px;
margin-top: 80px;
margin-bottom: 80px;
border: 8px solid #c3e6c3;
border-radius: 30px;
position: relative;
height: 205px;
padding-left: 105px;
}
.brochure-title {
font-size: 31px;
text-align: left;
position: absolute;
top: -40px;
left: 85px;
padding-left: 20px;
padding-right: 20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/brochure-background.jpg);
}
.brochure-dsc {
margin-top: 50px;
}
.brochure-btn_wrapper {
position: absolute;
bottom: -45px;
padding-left: 20px;
padding-right: 20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/brochure-background.jpg);
}
.brochure-btn_wrapper:before {
width: calc(100% - 40px);
}
.brochure-img {
max-width: 404px;
max-height: 406px;
position: absolute;
right: 0px;
top: -50%;
user-select: none;
}
.stages {
margin-top: 140px;
z-index: 1;
position: relative;
}
.stage-block {
display: flex;
margin-top: 180px;
justify-content: space-between;
}
.stages .stage-block:nth-child(2) .stage-block_left {
padding-right: 15px;
}
.stage-block:nth-child(odd) {
flex-direction: row-reverse;
}
.stage-block:nth-child(odd) .stage-block_left {
padding-left: 100px;
position: relative;
left: 40px;
}
.stage-block:nth-child(odd) .stage-block_right {
position: relative;
left: -26px;
}
.stage-block:nth-child(odd) .stage-block_title {
text-align: right;
}
.stage-block_left {
width: 55%;
}
.stage-block_right {
width: 45%;
position: relative;
}
.stage-block_title {
font-size: 41px;
line-height: 51px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
letter-spacing: 0.82px;
padding-left: 95px;
position: relative;
}
.stage-block_title:before {
content: '';
position: absolute;
width: 70px;
height: 8px;
background-color: #ffb748;
left: 0px;
top: 20px;
border-radius: 30px;
}
.stage-block p {
margin-top: 45px;
}
.stage-block_img-wrapper {
position: relative;
top: 30px;
display: flex;
}
.stage-block_img-wrapper img {
user-select: none;
object-fit: cover;
object-position: center center;
max-width: 550px;
max-height: 400px;
width: 100%;
height: auto;
border-radius: 15px;
box-shadow: 0px 5px 15px 1px rgba(33, 33, 33, 0.11);
}
.stage-block_img-wrapper:before {
content: '';
position: absolute;
border: 8px solid #ffb748;
width: 100%;
height: 100%;
border-radius: 30px;
left: 60px;
top: -60px;
z-index: -1;
}
.stage-block_number {
position: absolute;
font-family: 'Gilroy-Heavy';
font-size: 355px;
opacity: 0.17;
top: -100px;
line-height: 100%;
left: -70px;
user-select: none;
}
.objects {
margin-top: 50px;
padding-bottom: 100px;
padding-top: 150px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/objects-background.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.objects-simple {
padding-top: 0px;
padding-bottom: 0px;
background: none;
margin-top: 48px;
padding-top: 48px;
padding-bottom: 48px;
}
.objects-simple .objects-background_1,
.objects-simple .objects-leaf_1,
.objects-simple .objects-leaf_2 {
display: none;
}
.objects-simple .object-cards {
margin-top: 48px;
}
.objects-leaf_1 {
position: absolute;
left: 370px;
z-index: 1;
top: 80px;
}
.objects-leaf_2 {
position: absolute;
left: 370px;
z-index: 1;
bottom: 80px;
}
.objects-background_1 {
position: absolute;
top: -230px;
width: 100%;
}
.objects-background_2 {
position: absolute;
bottom: 0px;
width: 100%;
}
.objects .container {
z-index: 1;
position: relative;
}
.objects-pseudoelement {
position: absolute;
top: 5%;
left: 17%;
}
.object-cards {
margin-top: 120px;
display: flex;
padding-bottom: 60px;
} .object-cards .slick-list {
margin: 0 -45px;
}
.object-cards .default-arrow_prev,
.object-cards .default-arrow_next {
position: absolute;
}
.object-cards .default-arrow_prev {
left: -50px;
top: 40%;
z-index: 1;
}
.object-cards .default-arrow_next {
right: -50px;
top: 40%;
transform: translateY(-50%);
}
.object-cards .default-arrow_prev.slick-disabled,
.object-cards .default-arrow_next.slick-disabled {
opacity: 0.3;
}
.object-card {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/substrate.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
display: flex !important;
flex-direction: column;
align-items: center;
margin-left: 45px;
margin-right: 45px;
padding-bottom: 60px;
}
.object-card_title {
margin-top: 105px;
font-size: 35px;
line-height: 51px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.7px;
padding-left: 45px;
padding-right: 45px;
width: 100%;
min-height: 100px;
text-align: center;
}
.object-card_wrapper {
padding-left: 45px;
padding-right: 45px;
width: 100%;
}
.object-card_info {
display: flex;
align-items: baseline;
}
.object-card_info:first-child {
margin-top: 45px;
}
.object-card_info+.object-card_info {
margin-top: 15px;
}
.object-card_name {
font-family: 'Gilroy-ExtraBold';
font-size: 16px;
letter-spacing: 0.34px;
color: #696969;
width: 45%;
}
.object-card_value {
font-size: 15px;
letter-spacing: 0.32px;
color: #696969;
width: 55%;
}
.object-card_slider {
margin-top: 45px;
position: relative;
}
.slider-arrow_prev,
.slider-arrow_next {
appearance: none;
background: none;
border: none;
width: 30px;
height: 30px;
background: var(--color-white);
box-shadow: 0px 4px 8.5px 1.5px rgba(0, 0, 0, 0.09);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.slider-arrow_next:focus,
.slider-arrow_prev:focus {
outline: none;
}
.slider-arrow_prev:before,
.slider-arrow_next:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-slider.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 7px;
height: 13px;
}
.slider-arrow_prev {
left: -15px;
}
.slider-arrow_next {
right: -15px;
}
.slider-arrow_prev:before {
transform: scale(-1, 1);
}
.object-card_btn-wrapper {
margin-top: 30px;
}
.object-card_btn:after {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 6px;
height: 11px;
top: 50%;
right: 20%;
transform: translateY(-50%);
}
.objects .btn-more {
left: 35%;
}
.certificates {
padding-bottom: 200px;
}
.certificates-slider {
margin-top: 105px;
}
.certificates-slider .slick-list {
margin: 0 -30px;
}
.certificates .slick-slide {
margin: 0 30px;
}
.certificates-slide {
height: auto;
z-index: -1;
position: relative;
cursor: pointer;
}
.certificates-slide_img {
width: 100%;
height: auto;
font-size: 12px;
}
.certificates-arrow_prev.slick-disabled,
.certificates-arrow_next.slick-disabled,
.client-arrow_prev.slick-disabled,
.client-arrow_next.slick-disabled {
opacity: 0.3;
}
.certificates-arrow_prev,
.certificates-arrow_next,
.client-arrow_prev,
.client-arrow_next {
appearance: none;
background: none;
border: none;
width: 29px;
height: 46px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.client-arrow_prev,
.client-arrow_next {
top: 35%;
}
.certificates-arrow_next:focus,
.certificates-arrow_prev:focus {
outline: none;
}
.certificates-arrow_prev:before,
.certificates-arrow_next:before,
.client-arrow_prev:before,
.client-arrow_next:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-slider.svg);
background-repeat: no-repeat;
background-size: cover;
width: 29px;
height: 46px;
}
.client-arrow_prev {
left: -70px;
}
.certificates-arrow_prev {
left: -81px;
}
.product-slider .certificates-arrow_prev {
left: -35px;
}
.client-arrow_next {
right: -70px;
}
.certificates-arrow_next {
right: -71px;
}
.product-slider .certificates-arrow_next {
right: -30px;
}
.certificates-arrow_prev:before,
.client-arrow_prev:before {
transform: scale(-1, 1);
}
.clients {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/certificates-background.png);
background-size: cover;
background-repeat: no-repeat;
position: relative;
padding-bottom: 200px;
}
.clients .container {
z-index: 1;
position: relative;
}
.clients-background_1 {
position: absolute;
bottom: 0px;
width: 100%;
}
.client-slider {
margin: 0 -24px;
margin-top: 120px;
}
.client-slide {
padding: 0 24px;
border-radius: 15px;
}
.client-slide img {
border-radius: 15px;
}
.client-slide_name {
margin-top: 24px;
text-align: center;
font-size: 24px;
letter-spacing: 0.6px;
font-family: 'Gilroy-ExtraBold';
}
.client-slide_city {
margin-top: 8px;
text-align: center;
font-size: 18px;
letter-spacing: 0.48px;
}
.client-slide_img-wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.client-slide_img-wrapper:before {
content: '';
position: absolute;
opacity: 0.7;
border-radius: 50%;
background: var(--color-white);
width: 150px;
height: 150px;
}
.client-slide_img-wrapper:after {
content: '';
position: absolute;
border-radius: 50%;
background-color: var(--color-white);
width: 122px;
height: 122px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/slider-play.png);
background-size: cover;
}
.client-btn {
margin: 0 auto;
margin-top: 80px;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.client-btn .btn {
width: 415px;
}
.selection {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/selection-background.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 240px;
position: relative;
}
.selection .selection-leaf_1 {
position: absolute;
z-index: 1;
top: -135px;
left: 250px;
}
.selection .selection-leaf_2 {
z-index: 1;
position: absolute;
right: 250px;
top: 120px;
}
.selection .selection-leaf_3 {
position: absolute;
z-index: 1;
bottom: 100px;
left: 640px;
}
.selection-pseudoelement_1 {
position: absolute;
left: 0px;
bottom: -30%;
}
.selection-title {
text-align: left;
font-size: 36px;
line-height: 45px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
letter-spacing: 0.8px;
text-transform: none;
}
.selection-dsc {
margin-top: 55px;
}
.selection-btn {
margin-top: 70px;
}
.map-wrapper {
margin-top: 95px;
border-radius: 30px;
width: 100%;
}
.footer {
padding-top: 60px;
box-shadow: 0px 2px 74.26px 4.74px rgba(0, 0, 0, 0.08);
position: relative;
background: #fff;
}
.footer-container {
max-width: 1655px;
margin: 0 auto;
}
.footer-menu_wrapper {
display: flex;
flex-direction: row;
}
.menu-company {
width: 15%;
}
.menu-products {
width: 48%;
}
.menu-services {
width: 37%;
}
.footer-title {
font-size: 27px;
letter-spacing: 0.54px;
line-height: 100%;
text-align: left;
font-family: 'Gilroy-ExtraBold';
margin: 0px;
}
.footer-nav {
margin-top: 50px;
}
.footer-menu_item+.footer-menu_item {
margin-top: 10px;
}
.footer-menu_link {
font-size: 18px;
letter-spacing: 0.36px;
}
.footer-menu_link:hover {
color: var(--color-secondary);
}
.footer-info {
background-color: #f9f9f9;
padding-top: 40px;
padding-bottom: 60px;
margin-top: 55px;
}
.footer-column {
display: flex;
flex-direction: column;
}
.footer-column:nth-child(1) {
width: 26%;
}
.footer-column:nth-child(2) {
width: 44%;
}
.footer-column:nth-child(3) {
width: 30%;
}
.copyright-wrapper {
margin-top: 25px;
}
.copyright-text+.copyright-text {
margin-top: 0px;
}
.copyright-text {
font-size: 17px;
line-height: 28px;
letter-spacing: 0.34px;
color: #383838;
}
.footer-row {
display: flex;
flex-wrap: wrap;
}
.footer-text_small {
flex: 50%;
font-size: 12px;
color: #383838;
letter-spacing: 0.24px;
}
.footer-link_wrapper {
flex: 50%;
}
.footer-link {
font-size: 12px;
color: var(--color-secondary);
letter-spacing: 0.24px;
border-bottom: 1px dashed var(--color-secondary);
margin-top: 10px;
transition: border-bottom 0.5s;
}
.footer-link:hover {
border-bottom: 1px dashed transparent;
color: var(--color-secondary);
}
.mt-40 {
margin-top: 40px;
}
.mt-5 {
margin-top: 5px !important;
}
.footer-info_wrapper {
display: flex;
}
.footer-info_title {
font-size: 19px;
line-height: 27px;
font-family: 'Gilroy-ExtraBold';
color: #383838;
letter-spacing: 0.38px;
}
.footer-info_address {
margin-top: 25px;
column-count: 2;
}
.footer-info_addrses-wrapper.w-100 {
width: 100%;
}
.footer-info_addrses-wrapper {
margin-top: 8px;
}
.footer-info_address-name {
font-size: 14px;
letter-spacing: 0.18px;
color: #383838;
line-height: 20px;
}
.footer-info_addrses-wrapper:last-child {
max-width: 320px;
}
.footer-social {
margin-top: 5px;
}
.footer-social+.footer-social {
margin-left: 5px;
}
.footer-social_wrapper {
display: flex;
justify-content: space-between;
}
.footer-social_img {
width: 28px;
height: 28px;
}
.footer-social-block {
margin-top: 18px;
}
.footer-social-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}
.footer-social-grid + .footer-social-grid {
margin-top: 2px;
}
.footer-social-item {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 14px;
border-radius: 20px;
background-color: #fff;
border: 1px solid #ddd;
font-size: 13px;
font-family: 'Gilroy-SemiBold';
color: #383838;
letter-spacing: 0.26px;
text-decoration: none;
transition: all 0.25s;
white-space: nowrap;
}
.footer-social-ico {
width: 16px;
height: 16px;
margin-right: 6px;
flex-shrink: 0;
transition: filter 0.25s;
}
.footer-social-item:hover {
border-color: var(--color-secondary);
color: var(--color-secondary);
background-color: rgba(65, 187, 65, 0.06);
}
.footer-social-item:hover .footer-social-ico {
filter: brightness(0) saturate(100%) invert(62%) sepia(52%) saturate(501%) hue-rotate(79deg) brightness(92%) contrast(89%);
}
.footer-pay-block {
margin-top: 20px;
}
.footer-column--right {
align-items: flex-end;
}
.footer-column--right .footer-pay-block {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
.footer-column--right .footer-call {
width: 100%;
text-align: right;
}
.footer-column--right .footer-call_btn {
margin-left: auto;
}
.footer-pay_wrapper {
margin-top: 20px;
display: flex;
width: 148px;
}
.footer-pay+.footer-pay {
margin-left: 10px;
}
.footer-call_number {
margin-top: 5px;
font-size: 27px;
font-family: 'Gilroy-Bold';
color: var(--color-primary);
letter-spacing: 0.54px;
}
.footer-call_dsc {
font-size: 15px;
letter-spacing: 0.3px;
margin-top: 22px;
}
.footer-email {
margin-top: 15px;
font-size: 14px;
letter-spacing: 0.28px;
}
.footer-call_btn {
margin-top: 30px;
border: 2px solid var(--color-secondary);
display: flex;
font-family: 'Gilroy-SemiBold';
justify-content: center;
align-items: center;
width: 227px;
height: 56px;
border-radius: 30px;
font-size: 19px;
letter-spacing: 0.38px;
color: var(--color-secondary);
}
.footer-call_btn:hover {
background-color: #41bb41;
color: #fff;
}
.page-main,
.calc-page {
background-color: #fafafa;
}
.page-main section:first-child,
.calc-page section:first-child,
.page-product section:first-child,
.page-subproduct section:first-child,
.page-cart section:first-child {
padding-top: 50px;
}
.breadcrumbs_name,
.breadcrumbs .post-page {
color: var(--color-secondary);
font-size: 14px;
letter-spacing: 0.28px;
line-height: 23px;
border-bottom: 1px solid var(--color-secondary);
margin-right: 15px;
}
.breadcrumbs .current-item {
color: var(--color-primary);
font-size: 14px;
line-height: 23px;
letter-spacing: 0.28px;
border: none;
}
.breadcrumbs>span a {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.breadcrumbs>span a:hover {
opacity: 0.6;
}
.breadcrumbs>.breadcrumb-arrow {
opacity: 0.5;
}
.breadcrumbs>span {
color: var(--color-secondary);
font-size: 14px;
letter-spacing: 0.28px;
line-height: 23px;
}
.breadcrumbs>span:last-child {
color: #979797;
font-size: 14px;
line-height: 23px;
letter-spacing: 0.28px;
border: none;
}
.breadcrumb-arrow {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/right-arrow.svg);
background-size: cover;
width: 11px;
height: 10px;
background-repeat: no-repeat;
display: inline-flex;
margin-right: 15px;
}
.page-main h1 {
margin-top: 75px;
text-align: center;
text-transform: uppercase;
}
.contact-table-info-wrapper {
margin-top: 64px;
overflow-x: auto;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 30px;
}
.contact-table-info {
width: 100%;
border-collapse: collapse;
border-style: hidden;
}
.contact-table-info td {
border: 1px solid rgba(210, 210, 210, 0.5);
text-align: center;
vertical-align: middle;
padding: 12px;
}
.contact-table-info thead td {
font-size: 14px;
font-weight: 600;
}
.contact-table-info tbody td {
font-size: 12px;
}
.contact-members {
margin-top: 75px;
}
.contact-member {
min-height: 290px;
width: 100%;
border-collapse: collapse;
border-radius: 30px;
border-style: hidden;
box-shadow: 0 0 0 1px rgba(210, 210, 210, 0.5);
}
.contact-member td {
border: 1px solid rgba(210, 210, 210, 0.5);
}
.contact-member td:first-child {
width: 40%;
}
.contact-member_city {
flex: 40%;
display: flex;
align-items: center;
padding-left: 60px;
font-size: 36px;
letter-spacing: 0.72px;
color: var(--color-primary);
line-height: 40px;
font-family: 'Gilroy-ExtraBold';
}
.contact-member_info {
flex: 60%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 65px;
padding-top: 65px;
padding-bottom: 45px;
}
.contact-member_info-address {
position: relative;
font-size: 20px;
line-height: 32px;
letter-spacing: 0.4px;
padding-left: 35px;
margin-bottom: 16px;
max-width: 75%;
}
.contact-member_info-address:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-maps--green.svg);
background-position: center center;
width: 23px;
height: 27px;
background-repeat: no-repeat;
background-size: cover;
left: 0px;
}
.contact-member_info-number {
font-size: 27px;
line-height: 34px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.54px;
padding-left: 35px;
position: relative;
}
.contact-member_info-number:before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-call.svg);
background-repeat: no-repeat;
background-size: cover;
width: 22px;
height: 22px;
position: absolute;
left: 0px;
top: 50%;
background-position: center center;
transform: translateY(-50%);
content: '';
}
.contact-member_info-wrapper {
margin-top: 40px;
}
.contact-member_info-btn .btn {
width: 183px;
height: 57px;
font-size: 13px;
letter-spacing: 0.65px;
}
.contact-member_info-btn .btn:after {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/btn-call.svg);
background-repeat: no-repeat;
background-size: contain;
width: 15px;
height: 15px;
position: relative;
margin-left: 15px;
content: '';
}
.contact-member_info-email {
font-size: 14px;
line-height: 32px;
letter-spacing: 0.7px;
color: var(--color-secondary);
position: relative;
margin-left: 65px;
padding-bottom: 5px;
border-bottom: 1px dashed var(--color-secondary);
}
.contact-member_info-email:hover {
color: var(--color-secondary);
opacity: 0.6;
}
.contact-member_info-email:before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-writing.svg);
background-repeat: no-repeat;
background-size: contain;
width: 19px;
height: 22px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -30px;
content: '';
}
.question-form {
margin-top: 140px;
position: relative;
}
.question-form_background {
position: absolute;
bottom: -180px;
width: 100%;
}
.question-form_container {
display: flex;
}
.question-form_container .column {
flex: calc(100% / 3);
position: relative;
z-index: 1;
}
.question-form_container .column:nth-child(2) {
z-index: 0;
}
.question-form_title {
text-align: left;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0px;
font-size: 40px;
line-height: 50px;
text-transform: unset;
white-space: nowrap;
}
.question-form_dsc {
font-size: 24px;
line-height: 36px;
letter-spacing: 0px;
margin-top: 80px;
}
.question-form_img {
object-fit: cover;
max-height: 627px;
max-width: 418px;
position: absolute;
top: -100px;
left: -30px;
user-select: none;
}
form br {
display: none;
}
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.input {
width: 100%;
background: none;
border: none;
border-bottom: 1px solid rgba(210, 210, 210, 0.5);
padding-bottom: 15px;
font-size: 15px;
letter-spacing: 0px;
color: #9d9d9d;
position: relative;
}
.input:focus {
outline: none;
}
.input::-webkit-input-placeholder {
font-size: 15px;
}
.input:-ms-input-placeholder {
font-size: 15px;
}
.input::-ms-input-placeholder {
font-size: 15px;
}
.input::placeholder {
font-size: 15px;
}
.title {
margin-bottom: 30px;
font-family: 'Raleway-Regular';
font-size: 15px;
font-weight: normal;
letter-spacing: var(--letter-spacing);
display: block;
}
.submit {
background: none;
border: none;
height: 50px;
width: 200px;
line-height: 50px;
background: var(--color-primary);
color: var(--color-white);
border-radius: 30px;
cursor: pointer;
font-family: 'Raleway-SemiBold';
letter-spacing: var(--letter-spacing);
margin-bottom: 45px;
outline: none;
font-size: 16px;
}
.submit:hover {
background: transparent;
border: 2px solid var(--color-primary);
color: var(--color-primary);
line-height: 46px;
}
.label {
position: absolute;
top: 0px;
left: 0px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 15px;
letter-spacing: 0px;
color: #9d9d9d;
margin-bottom: 0px;
}
.label--active {
font-size: 0.75rem;
-webkit-transform: translate3d(0, -24px, 0);
transform: translate3d(0, -24px, 0);
}
.textarea {
border: none;
border-bottom: 1px solid rgba(210, 210, 210, 0.5);
resize: none;
max-height: 105px;
color: #9d9d9d;
font-size: 15px;
background: none;
}
.textarea:focus {
outline: none;
}
.wpcf7-control-wrap {
z-index: 1;
}
.question-form_second-title {
text-align: left;
font-size: 30px;
line-height: 33px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0px;
text-transform: none;
}
.question-form_wrapper {
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 18px 78.2px 13.8px rgba(0, 0, 0, 0.07);
padding-left: 40px;
padding-right: 50px;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
}
.question-form_wrapper:before {
content: '';
position: absolute;
left: 10px;
right: 10px;
top: 7px;
bottom: 7px;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 15px;
}
form .btn-wrapper {
width: 100%;
}
form .btn {
width: 100%;
min-width: 100%;
}
span.wpcf7-not-valid-tip {
position: absolute;
font-size: 12px;
bottom: -20px;
color: #f00;
}
.wpcf7-validation-errors {
display: none !important;
}
form .btn-wrapper {
margin-top: 25px;
}
.dealer-info {
display: flex;
flex-direction: column;
margin-top: 70px;
}
.default-dsc {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
}
.default-fird_title {
font-size: 30px;
line-height: 40px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.6px;
text-align: left;
}
.dealer-info_title {
margin-top: 80px;
}
.dealer-info_list {
margin-top: 50px;
padding-left: 40px;
}
.dealer-info_list-item {
position: relative;
font-size: 19px;
letter-spacing: 0.38px;
}
.dealer-info_list-item:before {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -40px;
width: 10px;
height: 10px;
background-color: var(--color-secondary);
border-radius: 50%;
}
.dealer-info_list-item+.dealer-info_list-item {
margin-top: 35px;
}
.dealer-steps {
margin-top: 125px;
}
.dealer-steps_title {
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
font-family: 'Gilroy-Heavy';
text-transform: uppercase;
text-align: center;
}
.dealer-step_wrapper {
margin-top: 85px;
display: flex;
flex-direction: column;
}
.dealer-step+.dealer-step {
margin-top: 40px;
}
.dealer-step {
display: flex;
}
.dealer-step_number-wrapper {
width: 5%;
}
.dealer-step_number {
font-size: 24px;
font-family: 'Gilroy-Heavy';
letter-spacing: 0.48px;
line-height: 100%;
color: var(--color-secondary);
}
.defaut-number_list_no_title-item_number {
font-size: 17px;
letter-spacing: 0.34px;
line-height: 24px;
font-family: 'Gilroy-Heavy';
color: var(--color-secondary);
position: absolute;
left: -30px;
}
.default-number_no_title-list {
margin-top: 25px;
margin-left: 30px;
}
.dealer-step_info {
width: 95%;
}
.dealer-step_title {
font-size: 24px;
line-height: 21px;
letter-spacing: 0.48px;
font-family: 'Gilroy-Bold';
}
.default-number_list_no_title-item {
position: relative;
display: flex;
align-items: baseline;
}
.default-number_list_no_title-item_title {
font-size: 17px;
letter-spacing: 0.34px;
line-height: 24px;
}
.default-number_list_no_title-item+.default-number_list_no_title-item {
margin-top: 17px;
}
.dealer-step_dsc {
font-size: 17px;
letter-spacing: 0.34px;
margin-top: 20px;
line-height: 100%;
}
.dealer-step_link {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.dealer-step_link:hover {
color: var(--color-secondary);
opacity: 0.6;
}
.btn-dealer {
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 70px;
}
.btn-dealer .btn {
width: 310px;
}
.dealers-cards {
display: flex;
flex-wrap: wrap;
margin-top: 75px;
}
.dealers-card:nth-child(-n + 4) {
margin-top: 0px;
}
.dealers-card {
width: calc(100% / 4 - 30px);
margin-right: 30px;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 18px 38.7px 4.3px rgba(30, 30, 30, 0.08);
padding-left: 20px;
padding-right: 20px;
padding-bottom: 25px;
padding-top: 30px;
position: relative;
margin-top: 65px;
}
.dealers-card:before {
content: '';
position: absolute;
top: 6px;
left: 6px;
right: 6px;
bottom: 6px;
border-radius: 15px;
border: 1px solid rgba(210, 210, 210, 0.5);
}
.dealers-card:nth-child(4n + 4) {
margin-right: 0px;
}
.dealers-card_img-wrapper {
max-height: 160px;
}
.dealers-card_img {
width: 100%;
object-fit: cover;
}
.dealers-card_info-wrapper {
margin-top: 15px;
}
.dealers-card_name {
font-size: 20px;
letter-spacing: 0.48px;
font-family: 'Gilroy-ExtraBold';
text-transform: uppercase;
}
.dealers-card_contacts {
display: flex;
flex-direction: column;
margin-top: 16px;
padding-left: 20px;
}
.dealers-card_contacts-number {
font-size: 13px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.26px;
position: relative;
}
.dealers-card_contacts-number:before {
content: '';
position: absolute;
left: -20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-call.png);
background-size: cover;
background-repeat: no-repeat;
width: 10px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}
.dealers-card_contacts-site {
font-size: 13px;
color: var(--color-secondary);
letter-spacing: 0.26px;
margin-top: 5px;
position: relative;
}
.dealers-card_contacts-site:before {
content: '';
position: absolute;
left: -20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-global.png);
background-size: cover;
background-repeat: no-repeat;
width: 11px;
height: 11px;
top: 50%;
transform: translateY(-50%);
}
.dealers-card_contacts-city {
font-size: 13px;
letter-spacing: 0.26px;
margin-top: 5px;
position: relative;
}
.dealers-card_contacts-city:before {
content: '';
position: absolute;
left: -20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-map.png);
background-size: contain;
background-repeat: no-repeat;
width: 19px;
height: 13px;
top: 50%;
transform: translateY(-50%);
}
.dealers-card_dsc {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
margin-top: 20px;
}
.delivery-wrapper {
margin-top: 90px;
}
.delivery-container {
display: flex;
}
.delivery-container+.delivery-container {
margin-top: 130px;
}
.delivery-container_left {
flex: 55%;
}
.delivery-dsc {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
}
.delivery-container_right p,
.delivery-wrapper p {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
}
.delivery-container_right p+p,
.delivery-wrapper p+p {
margin-top: 40px;
}
.delivery-container_wrapper {
margin-top: 130px;
}
.delivery-container_right {
flex: 45%;
position: relative;
}
.delivery-img {
position: absolute;
width: auto;
max-width: 711px;
max-height: 381px;
left: -34%;
user-select: none;
}
.delivery-wrapper .delivery-container:nth-child(2) .delivery-container_left {
flex: 40%;
}
.delivery-wrapper .delivery-container:nth-child(2) .delivery-container_right {
flex: 60%;
}
.delivery-wrapper .delivery-container:nth-child(2) .delivery-img {
left: auto;
max-width: none;
max-height: none;
width: 45%;
top: 60%;
left: -8%;
}
.delivery-dsc+.delivery-dsc {
margin-top: 40px;
}
.second-title {
text-transform: none;
font-size: 30px;
line-height: 40px;
letter-spacing: 0.6px;
font-family: 'Gilroy-ExtraBold';
text-align: left;
}
.delivery-second_title {
margin-bottom: 110px;
}
.delivery-addresses {
margin-top: 200px;
}
.delivery-addresses_table-wrapper {
margin-top: 75px;
}
.delivery-addresses_table {
display: flex;
width: 100%;
border-radius: 15px;
border-style: hidden;
box-shadow: 0 0 0 1px #e1e2e3;
}
.table-column {
border-right: 1px solid #e1e1e1;
flex: auto;
}
.table-column:last-child {
border: none;
}
.table-row {
width: 100%;
}
.delivery-addresses_table .table-row:first-child {
background: #5bd05b;
height: 70px;
padding-left: 20px;
display: flex;
align-items: center;
}
.delivery-addresses_table .table-column:first-child .table-row:first-child {
border-top-left-radius: 15px;
}
.delivery-addresses_table .table-column:last-child .table-row:first-child {
border-top-right-radius: 15px;
}
.delivery-addresses_table-title {
color: var(--color-white);
font-size: 16px;
font-family: 'Gilroy-ExtraBold';
}
.delivery-addresses_table-contacts {
display: flex;
flex-direction: column;
justify-content: center;
height: 110px;
padding-left: 40px;
}
.table-contacts_adress {
font-size: 12px;
line-height: 23px;
letter-spacing: 0.24px;
white-space: nowrap;
position: relative;
}
.table-contacts_adress:before {
content: '';
position: absolute;
left: -20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-map.png);
background-repeat: no-repeat;
background-size: cover;
width: 12px;
height: 16px;
}
.table-contacts_number {
font-size: 14px;
line-height: 18px;
letter-spacing: 0.28px;
font-family: 'Gilroy-ExtraBold';
position: relative;
margin-top: 15px;
}
.table-contacts_number:before {
content: '';
position: absolute;
left: -20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-call.png);
background-repeat: no-repeat;
background-size: cover;
width: 11px;
height: 11px;
}
.delivery-addresses_table .table-column:last-child .delivery-addresses_table-title {
font-size: 13px;
line-height: 16px;
letter-spacing: 0.26px;
}
.delivery-addresses_table .table-column:last-child .delivery-addresses_table-title br {
display: block;
line-height: 16px;
content: ' ';
}
.delivery-addresses_table-subtitle {
font-family: 'Gilroy-Regular';
font-size: 13px;
}
.delivery-addresses_content {
display: flex;
width: 100%;
margin-top: 85px;
}
.delivery-addresses_content-dsc {
width: 50%;
padding-left: 90px;
position: relative;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.4px;
}
.delivery-addresses_content-dsc:before {
content: '';
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.delivery-addresses_content-dsc:nth-child(1):before {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/delivery-truck.svg);
width: 62px;
height: 42px;
}
.delivery-addresses_content-dsc:nth-child(2):before {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/box.svg);
width: 56px;
height: 52px;
}
.delivery-regions {
margin-top: 155px;
}
.delivery-regions_list {
display: flex;
margin-top: 55px;
flex-direction: row;
}
.delivery-regions_list-column {
display: flex;
flex-direction: column;
width: 50%;
padding-left: 25px;
}
.delivery-regions_list-item {
position: relative;
font-size: 19px;
letter-spacing: 0.38px;
width: 50%;
white-space: nowrap;
}
.delivery-regions_list-item+.delivery-regions_list-item {
margin-top: 5px;
}
.delivery-regions_list-item:before {
content: '';
position: absolute;
left: -25px;
width: 9px;
height: 9px;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background-color: var(--color-secondary);
}
.delivery-payment {
margin-top: 100px;
background: #e1e2e3;
padding-top: 95px;
padding-bottom: 115px;
}
.delivery-payment_wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 85px;
}
.delivery-payment_column {
width: calc(100% / 5);
display: flex;
flex-direction: column;
align-items: center;
}
.delivery-payment_img-wrapper {
min-height: 90px;
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.delivery-payment_img {
object-fit: cover;
max-width: 90px;
max-height: 90px;
user-select: none;
}
.develiry-payment_text {
font-size: 15px;
line-height: 23px;
letter-spacing: 0.3px;
font-family: 'Gilroy-ExtraBold';
text-align: center;
margin-top: 25px;
min-height: 40px;
}
.service-cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 90px;
}
.default-card {
display: flex;
flex-direction: column;
padding: 6px;
padding-bottom: 30px;
background-color: var(--color-white);
position: relative;
border-radius: 10px;
box-shadow: 0px 18px 38.7px 4.3px rgba(30, 30, 30, 0.08);
cursor: pointer;
position: relative;
}
.default-card:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
}
.service-card {
max-height: 285px;
width: calc(100% / 4 - 30px);
margin-right: 30px;
margin-top: 60px;
}
.service-card:nth-child(4n + 4) {
margin-right: 0px;
}
.default-card_img-wrapper {
width: 100%;
display: flex;
}
.service-card:nth-child(-n + 4) {
margin-top: 0px;
}
.default-card_img {
width: 100%;
object-fit: cover;
object-position: center center;
height: 160px;
max-height: 182px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.default-card_title {
margin-top: 30px;
text-align: center;
font-family: 'Gilroy-ExtraBold';
font-size: 16px;
line-height: 22px;
padding-left: 5px;
padding-right: 5px;
letter-spacing: 0.32px;
}
.service-info_wrapper:first-child {
margin-top: 150px;
}
.service-info_wrapper p+a {
margin-top: 20px;
display: inline-flex;
}
.service-info_wrapper a+a {
margin-left: 20px;
display: inline-flex;
}
.service-info_table {
margin-top: 32px;
}
.default-editor a {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.default-editor a:hover {
border-bottom: 1px solid transparent;
}
.default-second_title,
.default-editor h2 {
font-size: 36px;
line-height: 42px;
letter-spacing: 0.72px;
text-transform: unset;
font-family: 'Gilroy-ExtraBold';
}
.default-editor p>a+a {
margin-left: 20px;
}
.sub-product_editor a>img {
object-fit: cover;
height: auto;
max-height: 100%;
}
.sub-product_editor p+p {
margin-top: 15px;
}
.tab-content table+a>img,
.default-editor table+a img {
margin-top: 20px;
}
.tab-content tbody tr:first-child,
.default-editor tbody tr:first-child {
padding-left: 15px;
padding-right: 15px;
border: none;
background-color: var(--color-secondary);
}
.tab-content tbody tr:first-child td,
.default-editor tbody tr:first-child td {
height: 50px;
color: #fff;
}
.page-product .tab-content p+p {
margin-top: 15px;
}
.tab-content table+h2 {
margin-top: 40px;
}
.tab-content table+p,
.default-editor table+p {
margin-top: 30px;
}
.default-editor p+table {
margin-top: 16px;
}
.tab-content tbody tr td,
.default-editor tbody tr td {
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 15px;
height: 50px;
text-align: center;
}
.tab-content tbody tr,
.default-editor tbody tr {
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.tab-content tbody tr td:last-child,
.default-editor tbody tr td:last-child {
border-right: none;
}
.tab-content tbody tr:first-child td:first-child,
.default-editor tbody tr:first-child td:first-child {
border-top-left-radius: 15px;
}
.tab-content tbody tr:first-child td:last-child,
.default-editor tbody tr:first-child td:last-child {
border-top-right-radius: 15px;
}
.service-info_title {
text-align: left;
}
.service-info_dsc {
margin-top: 45px;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
}
.service-info_container {
margin-top: 70px;
}
.default-third_title,
.default-editor h3 {
font-size: 24px;
line-height: 21px;
letter-spacing: 0.48px;
font-family: 'Gilroy-Bold';
}
.service-info_subtitle {
margin-top: 45px;
}
.service-info_container:nth-child(2) .service-info_dsc {
margin-top: 20px;
}
.default-list_items {
margin-top: 35px;
padding-left: 30px;
}
.default-list_item:first-child {
margin-top: 0px;
}
.default-list_item {
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
position: relative;
margin-top: 15px;
}
.default-list_item:before {
content: '';
position: absolute;
left: -30px;
width: 10px;
height: 10px;
background-color: var(--color-secondary);
border-radius: 10px;
top: 8px;
}
.default-text_border-wrapper {
margin-top: 50px;
display: flex;
}
.default-text_border {
padding-left: 40px;
padding-top: 35px;
padding-bottom: 35px;
padding-right: 40px;
border: 4px solid var(--color-secondary);
border-radius: 10px;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
width: 75%;
}
.works .tabs {
margin-top: 85px;
}
.works .tab-button_container {
display: flex;
}
.works .tab-button {
cursor: pointer;
height: 60px;
width: 153px;
border: 1px solid rgba(210, 210, 210, 0.5);
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.36px;
font-family: 'Gilroy-ExtraBold';
position: relative;
}
.works .tab-button--1 {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.works .tab-button_active.tab-button--1:before {
content: '';
position: relative;
width: 20px;
height: 15px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/work-list--white.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-right: 15px;
}
.works .tab-button--1:before {
content: '';
position: relative;
width: 20px;
height: 15px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/work-list--green.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-right: 15px;
}
.works .tab-button_active {
color: var(--color-white);
background-color: var(--color-secondary);
}
.works .tab-button--2 {
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.works .tab-button_active.tab-button--2:before {
content: '';
position: relative;
width: 16px;
height: 20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-maps--white.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-right: 15px;
}
.works .tab-button--2:before {
content: '';
position: relative;
width: 16px;
height: 20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-maps--green.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-right: 15px;
}
.works .tab-content_container {
margin-top: 60px;
}
.works .tab-content {
display: none;
}
.works .tab-active {
display: block;
}
.work-cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.work-card {
width: calc(100% / 3 - 40px);
margin-right: 40px;
padding: 6px;
background-color: var(--color-white);
position: relative;
border-radius: 10px;
margin-top: 70px;
box-shadow: 0px 18px 38.7px 4.3px rgba(30, 30, 30, 0.08);
padding-bottom: 140px;
}
.work-card:nth-child(-n + 3) {
margin-top: 0px;
}
.work-card:nth-child(3n-3) {
margin-right: 0px;
}
.work-card:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 6px;
top: 6px;
bottom: 6px;
right: 6px;
}
.work-card_slider {
position: relative;
max-height: 230px;
}
.work-arrow_next,
.work-arrow_prev {
position: absolute;
background: var(--color-white);
border-radius: 50%;
width: 38px;
height: 38px;
border: none;
box-shadow: 0px 18px 38.7px 4.3px rgba(30, 30, 30, 0.08);
display: flex;
justify-content: center;
align-items: center;
}
.work-arrow_next:focus,
.work-arrow_prev:focus {
outline: none;
}
.work-arrow_next {
bottom: 13px;
right: 13px;
}
.work-arrow_prev {
bottom: 13px;
right: 55px;
z-index: 1;
}
.work-arrow_prev:before,
.work-arrow_next:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--green.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 9px;
height: 14px;
}
.work-arrow_next:after {
transform: scale(1, 1);
}
.work-arrow_prev:before {
transform: scale(-1, 1);
}
.work-card_img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
min-height: 230px;
max-height: 230px;
object-fit: cover;
object-position: center center;
}
.work-card_wrapper {
display: flex;
flex-direction: column;
padding-top: 24px;
padding-left: 16px;
padding-right: 16px;
}
.work-card_info-title {
font-size: 24px;
line-height: 28px;
letter-spacing: 0.48px;
font-family: 'Gilroy-ExtraBold';
min-height: 56px;
}
.work-card_info {
margin-top: 30px;
display: flex;
align-items: baseline;
}
.work-card_info+.work-card_info {
margin-top: 10px;
}
.work-card_text {
font-family: 'Gilroy-ExtraBold';
font-size: 15px;
line-height: 24px;
letter-spacing: 0.3px;
color: #6c6c6c;
width: 35%;
}
.work-card_value {
width: 65%;
font-size: 11px;
line-height: 16px;
letter-spacing: 0.22px;
color: #6c6c6c;
}
.work-slide img {
max-height: 355px;
margin: 0 auto;
}
.work-card_btn-wrapper {
margin-top: 35px;
position: absolute;
left: 22px;
right: 22px;
bottom: 24px;
}
.work-card_btn-wrapper .btn {
width: 100%;
height: 67px;
font-size: 14px;
letter-spacing: 0.7px;
}
.work-card_btn:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right.png);
background-repeat: no-repeat;
background-size: contain;
width: 5px;
height: 9px;
top: 50%;
right: 15%;
transform: translateY(-50%);
}
.pagination-work {
margin-top: 75px;
display: flex;
justify-content: center;
}
.pagination-number {
font-family: 'Gilroy-ExtraBold';
font-size: 20px;
line-height: 22px;
letter-spacing: 0.4px;
color: var(--color-secondary);
margin-right: 25px;
border-bottom: 2px solid var(--color-secondary);
cursor: pointer;
}
.pagination-number:last-child {
margin-right: 40px;
}
.pagination-number_active {
border: none;
color: #7b7b7b;
}
.pagination-next {
cursor: pointer;
font-family: 'Gilroy-Bold';
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: var(--color-secondary);
letter-spacing: 0.36px;
position: relative;
}
.pagination-next:after {
content: '';
position: absolute;
margin-left: 10px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/pagination-arrow_right.svg);
background-repeat: no-repeat;
background-size: cover;
width: 14px;
height: 14px;
top: 50%;
transform: translateY(-50%);
}
.product-cards {
display: flex;
flex-wrap: wrap;
}
.product-card { width: calc(100% / 4 - 30px);
margin-right: 30px;
margin-top: 60px;
}
.product-card:nth-child(4n + 4) {
margin-right: 0px;
}
.product-card .default-card_img {
width: auto;
height: auto;
max-width: 200px;
max-height: 200px;
object-fit: contain;
}
.product-card .default-card_img-wrapper {
justify-content: center;
min-height: 175px;
max-height: 175px;
}
.default-card_hover {
position: absolute;
content: 'Перейти';
font-family: 'Gilroy-ExtraBold';
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
width: auto;
background: rgba(64, 159, 64, 0.7);
z-index: 1;
justify-content: center;
align-items: center;
border-radius: 10px;
display: none;
}
.default-card_hover-text {
position: relative;
text-align: center;
color: var(--color-white);
font-size: 24px;
line-height: 22px;
}
.default-card_hover-text:after {
content: '';
position: absolute;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/card-arrow_white.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 8px;
height: 14px;
top: 50%;
margin-left: 12px;
transform: translateY(-50%);
}
.default-card:hover .default-card_hover {
display: flex;
}
.categories-wrapper {
margin-top: 20px;
display: flex;
flex-direction: column;
}
.sidebar-title {
text-align: left;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.56px;
font-family: 'Gilroy-ExtraBold';
padding-left: 28px;
}
.categories {
display: flex;
flex-direction: column;
margin-top: 40px;
border-radius: 10px;
box-shadow: 0px 2px 7.2px 0.8px rgba(30, 30, 30, 0.05);
background-color: var(--color-white);
}
.category-link {
height: 56px;
display: flex;
align-items: center;
padding-left: 28px;
border-bottom: 1px solid rgba(35, 35, 35, 0.06);
}
.articles-card {
margin-left: 30px;
display: flex;
margin-top: 80px;
flex-wrap: wrap;
justify-content: space-between;
}
.article-card {
display: flex;
width: calc(100% / 3 - 10px);
margin-top: 15px;
}
.article-card:nth-child(-n + 3) {
margin-top: 0px;
}
.articles-card .default-card_img-wrapper {
max-height: 192px;
position: relative;
}
.default-card_review-wrapper {
display: flex;
margin-top: 15px;
align-items: baseline;
padding-left: 20px;
padding-right: 20px;
justify-content: space-between;
}
.default-card_review-rating {
display: flex;
}
.default-card_review-rating>input {
display: none;
}
.default-card_review-rating>label {
cursor: pointer;
width: 13px;
height: 12px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
transition: 0.3s;
margin-right: 4px;
}
.default-card_review-rating>label:last-child {
margin-right: 0px;
}
.article-card .review-date {
font-size: 12px;
line-height: 22px;
letter-spacing: 0.24px;
color: #aaaaaa;
position: relative;
}
.article-card .review-comment_number {
font-size: 12px;
line-height: 22px;
letter-spacing: 0.24px;
color: #aaaaaa;
position: relative;
margin-left: 30px;
}
.article-card .review-comment_number:before {
content: '';
position: absolute;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/category-comments.svg);
background-repeat: no-repeat;
background-size: cover;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
left: -24px;
}
.article-card .default-card_title {
font-size: 16px;
line-height: 18px;
font-family: 'Gilroy-ExtraBold';
color: #232323;
text-align: left;
padding-left: 20px;
padding-right: 20px;
position: relative;
margin-top: 16px;
}
.article-card .default-card_dsc {
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #aaaaaa;
letter-spacing: 0.24px;
margin-top: 25px;
padding-bottom: 20px;
}
.article-card {
cursor: default;
transition: box-shadow 0.25s ease;
}
.article-card:hover {
box-shadow: 0px 7.5px 15px 1px rgba(0, 0, 0, 0);
}
.article-card .default-card_btn-wrapper {
margin-left: 20px;
margin-right: 20px;
margin-top: 30px;
}
.article-card .default-card_btn {
cursor: pointer;
z-index: 1;
font-size: 12px;
text-transform: uppercase;
position: relative;
line-height: 22px;
padding-bottom: 2px;
letter-spacing: 0.5px;
color: var(--color-secondary);
border-bottom: 1px dashed var(--color-secondary);
padding-right: 15px;
position: absolute;
bottom: 20px;
}
.article-card .default-card_btn:hover {
opacity: 0.6;
}
.article-card .default-card_btn:after {
content: '';
position: absolute;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/pagination-arrow_right.svg);
background-size: cover;
background-repeat: no-repeat;
width: 6px;
height: 8px;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
}
.pagination-article,
.woocommerce-pagination {
display: flex;
justify-content: center;
margin-top: 60px;
}
.woocommerce-pagination ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.woocommerce-pagination li {
margin-right: 24px;
}
.woocommerce-pagination li a {
font-family: 'Gilroy-ExtraBold';
font-size: 20px;
line-height: 22px;
letter-spacing: 0.4px;
color: var(--color-secondary);
border-bottom: 2px solid var(--color-secondary);
cursor: pointer;
}
.woocommerce-pagination li a.next {
cursor: pointer;
font-family: 'Gilroy-Bold';
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: var(--color-secondary);
letter-spacing: 0.36px;
position: relative;
border-bottom: none;
}
.woocommerce-pagination li a.next:after {
content: '';
position: absolute;
margin-left: 10px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/pagination-arrow_right.svg);
background-repeat: no-repeat;
background-size: cover;
width: 14px;
height: 14px;
top: 50%;
transform: translateY(-50%);
}
.woocommerce-pagination li span.current {
border: none;
color: #7b7b7b;
font-family: 'Gilroy-ExtraBold';
font-size: 20px;
line-height: 22px;
letter-spacing: 0.4px;
}
.discount {
margin-top: 35px;
width: 100%;
border-radius: 10px;
max-height: 242px;
position: relative;
max-width: 260px;
}
.discount-wrapper {
position: absolute;
z-index: 1;
padding-top: 23px;
padding-left: 30px;
height: 100%;
display: flex;
flex-direction: column;
align-content: space-between;
width: 100%;
}
.sub-product .discount-wrapper {
background: rgba(0, 0, 0, 0.4);
border-radius: 15px;
}
.sub-product .btn-wrapper_discount {
margin-top: 40px;
}
.sub-product .discount-image {
width: 100%;
border-radius: 15px;
}
.discount-title {
color: var(--color-white);
font-size: 20px;
line-height: 26px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0px;
}
.discount-color--yellow {
color: #ffc85c;
}
.btn-discount {
height: 37px;
font-size: 9px;
letter-spacing: 0.45px;
width: 114px;
}
.btn-wrapper_discount {
width: 114px;
margin-top: 100px;
}
.sub-product .wrapper {
margin-left: 10px;
margin-top: 50px;
}
.sub-product h1 {
text-align: left;
text-transform: uppercase;
display: inline;
}
.product-page {
text-transform: uppercase;
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
color: var(--color-secondary);
font-family: 'Gilroy-Heavy';
margin: 0px;
}
.wrapper-selection {
display: flex;
align-items: center;
margin-top: 30px;
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid rgba(210, 210, 210, 0.5);
border-bottom: 1px solid rgba(210, 210, 210, 0.5);
}
.wrapper-selection .btn {
width: 213px;
height: 55px;
font-size: 9px;
letter-spacing: 0.45px;
}
.wrapper-selection .main-btn:after {
width: 52px;
height: 42px;
right: -28px;
}
.wrapper-selection .selection-list {
margin-left: 100px;
}
.wrapper-selection .selection-list:hover {
opacity: 0.6;
}
.selection-list {
font-size: 11px;
line-height: 23px;
letter-spacing: 0.5px;
color: #222222;
position: relative;
text-transform: uppercase;
border-bottom: 1px dashed #222222;
font-family: 'Gilroy-Bold';
}
.selection-list:before {
content: '';
position: absolute;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-download.svg);
background-size: cover;
background-repeat: no-repeat;
width: 18px;
height: 18px;
left: -29px;
bottom: 0px;
}
.sub-product .product-block {
margin-right: 0px;
width: calc(100% / 3 - 20px);
height: auto;
margin-right: 30px;
margin-top: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
transition: box-shadow 0.25s ease;
}
.sub-product .product-block:hover {
box-shadow: 0px 7.5px 30px 1px rgba(0, 0, 0, 0.09);
}
.sub-product .product-block:nth-child(-n + 3) {
margin-top: 0px;
}
.sub-product .product-block:nth-child(3n + 3) {
margin-right: 0px;
}
.sub-product .product-block_img-wrapper {
height: 135px;
}
.sub-product .product-block_info {
padding-top: 20px;
padding-left: 20px;
padding-right: 10px;
}
.sub-product .product-block_name--bold {
font-size: 15px;
}
.sub-product .product-block_name {
font-size: 12px;
}
.sub-product .product-info_size-name,
.sub-product .product-info_weight-name,
.sub-product .product-info_generate-name,
.sub-product .product-info_users-name {
font-size: 11px;
padding-left: 20px;
}
.sub-product .product-info_size-value,
.sub-product .product-info_weight-value,
.sub-product .product-info_generate-value,
.sub-product .product-info_users-value {
font-size: 11px;
}
.sub-product .product-info_size {
margin-top: 10px;
}
.sub-product .product-block_price {
padding-left: 20px;
font-size: 22px;
margin-top: 12px;
}
.sub-product .product-block_wrapper {
margin-left: 20px;
margin-top: 14px;
padding-bottom: 30px;
}
.sub-product .product-block_more {
font-size: 10px;
margin-left: 10px;
}
.sub-product .product-block_more:after {
width: 8px;
height: 8px;
}
.sub-product .product-block_card-btn {
width: 103px;
height: 32px;
font-size: 9px;
padding-left: 19px;
padding-right: 16px;
}
.sub-product .product-block_card-btn:after {
width: 10px;
height: 10px;
right: 19px;
}
.sub-product .btn-wrapper:not(.add_to_cart_button) .product-block_card-btn:after {
content: none;
}
.sub-product .btn-wrapper:not(.add_to_cart_button) .product-block_card-btn {
padding: 0px;
justify-content: center;
}
.sub-product .btn-wrapper:before {
bottom: -2px;
}
.sub-product .category-link {
height: auto;
padding-top: 18px;
padding-bottom: 18px;
font-size: 14px;
padding-right: 30px;
}
.sub-product .category-link.active {
color: var(--color-secondary);
font-weight: 600;
}
.sub-product .category-link:hover {
color: var(--color-secondary);
}
.filter-buttons {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-top: 50px;
gap: 8px;
max-height: 105px;
overflow: hidden;
}
.filter-buttons.show-all {
overflow: visible;
max-height: none;
}
.filter-button__more {
margin-top: 8px;
font-family: 'Gilroy-SemiBold';
height: 46px;
padding: 0 32px;
border: 2px solid var(--color-secondary);
color: var(--color-secondary);
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 30px;
background-color: transparent;
}
.filter-button__more:hover {
background-color: #41bb41;
color: #fff;
}
.filter-button {
font-size: 14px;
letter-spacing: 0.28px;
border-radius: 30px;
border: 1px solid rgba(210, 210, 210, 0.5);
display: flex;
justify-content: center;
align-items: center;
padding-left: 26px;
padding-right: 26px;
padding-top: 12px;
padding-bottom: 12px;
cursor: pointer;
box-sizing: border-box;
transition: none;
}
.filter-button:hover,
.filter-button.active {
font-size: 14px;
color: var(--color-white);
background-color: var(--color-secondary);
}
.filter-button.active {
cursor: default;
}
.filter-buttons>input {
display: none;
}
input:checked+label {
font-family: 'Gilroy-ExtraBold';
font-size: 14px;
color: var(--color-white);
background-color: var(--color-secondary);
}
.filter-title {
margin-top: 60px;
font-size: 24px;
line-height: 31px;
letter-spacing: 0.48px;
font-family: 'Gilroy-Bold';
text-align: left;
text-transform: none;
}
.filter-block_wrapper {
margin-top: 30px;
}
.filter-block {
cursor: default;
padding: 32px;
flex-direction: row;
}
.filter-block:before {
content: none;
}
.filter-block form {
width: 100%;
display: flex;
}
.filter-block_options {
display: flex;
flex-wrap: wrap;
width: 60%;
max-height: 200px;
overflow: hidden;
position: relative;
}
.sooruzheniya-dlya-ochistki-vody-avtomojki .filter-block_options {
max-height: 200px;
}
.sooruzheniya-dlya-ochistki-vody-avtomojki .filter-block_option:nth-child(3) {
margin-top: 20px;
}
.filter-block_option-all {
transform: scaleY(0);
transform-origin: top;
transition: transform 0.26s ease-in;
width: 100%;
display: flex;
margin-top: 40px;
flex-wrap: wrap;
}
.filter-block_option .berocket_widget_icon {
max-width: 20px;
max-height: 16px;
object-fit: contain;
margin-right: 6px;
width: 100%;
height: 100%;
}
.filter-block_option h3 {
display: flex;
align-items: baseline;
font-size: 12px;
line-height: 20px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.2px;
white-space: nowrap;
}
.filter-block_options--active {
overflow: unset;
max-height: 100%;
}
.filter-block_options--active .filter-block_option-all {
transform: scaleY(1);
}
.filter-block_more {
width: 40%;
}
.filter-block_option {
display: flex;
flex-direction: column;
font-size: 12px;
line-height: 20px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.2px;
width: calc(50% - 16px);
margin: 0 8px;
margin-top: 20px;
}
.filter-block_option .bapf_sfilter {
margin: 0;
}
.filter-block_option:nth-child(-n + 2) {
margin-top: 0px;
}
.filter-block_option .select-wrapper select {
font-size: 11px;
font-family: 'Gilroy-Regular';
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 40px;
border-radius: 10px;
border: 1px solid rgba(30, 30, 30, 0.05);
width: fit-content;
position: relative;
}
.filter-block_option .select-wrapper .berocket_aapf_widget span {
width: fit-content;
position: relative;
}
.filter-block_option .select-wrapper .berocket_aapf_widget span:after {
content: '';
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-30%);
pointer-events: none;
border: 4px solid transparent;
border-top: 6px solid var(--color-secondary);
}
.filter-block_option .select-wrapper:before {
content: none;
}
.filter-block_more .btn-wrapper {
width: auto;
}
.filter-block_more {
padding-right: 23px;
display: flex;
flex-direction: column;
align-items: center;
}
.filter-block_more .bapf_sfilter {
margin: 0;
}
.filter-block_more .btn-wrapper .berocket_aapf_widget {
margin: auto;
}
.filter-block_more .btn-wrapper .berocket_aapf_widget {
background-image: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
border-radius: 60px;
}
.filter-block_more .btn-wrapper .bapf_button {
border: none;
width: 196px;
height: 57px;
font-size: 11px;
letter-spacing: 0.5px;
background-image: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 60px;
position: relative;
padding: 0px;
color: var(--color-primary);
text-transform: uppercase;
border: none;
font-family: 'Gilroy-SemiBold';
}
.filter-block_more .btn-wrapper .bapf_button :focus {
outline: none;
}
.filter-block_options .widget-title {
font-size: 12px;
line-height: 20px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.2px;
}
.filter-block_options .berocket_aapf_widget {
margin: auto;
clear: none;
transform: scale(1, -1);
}
.filter-block_options .widget-title span {
display: flex;
}
.filter-block_options .widget-title span i img {
width: 15px;
object-fit: cover;
object-position: center center;
margin-right: 10px;
}
.filter-block_option ul li>input[type='checkbox']+.berocket_label_widgets:before {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ececec;
box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
border: none;
}
.filter-block_option ul li>input[type='checkbox']:checked+.berocket_label_widgets:before {
content: '' !important;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/check-mark--green.svg);
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
width: 12px;
height: 12px;
}
.berocket_aapf_widget {
transform: none;
}
.filter-block_option ul li>label:hover {
background: transparent;
color: var(--color-primary);
}
.filter-block_option ul li>label {
display: flex;
align-items: center;
font-family: 'Gilroy-Regular';
cursor: pointer;
}
.filter-block_option ul li>input:checked+label {
background: transparent;
color: var(--color-primary);
font-size: 12px;
line-height: 100%;
}
.filter-block_options .berocket_aapf_widget li.slider div.slide {
margin-left: 9px;
}
.filter-block_options .berocket_aapf_widget .left,
.filter-block_options .berocket_aapf_widget .right {
transform: scale(1, -1);
height: auto !important;
padding-top: 15px;
}
.filter-block_options .bapf_slidr input {
border: 1px solid rgba(196, 196, 196, 0.17);
border-radius: 5px;
color: var(--color-primary);
font-size: 11px;
letter-spacing: 0.22px;
padding: 9px;
font-family: 'Gilroy-Regular';
font-style: normal;
width: 80%;
}
.filter-block_options .bapf_slidr input:focus {
outline: none;
box-shadow: none;
}
.filter-block_extended {
font-size: 11px;
font-family: 'Gilroy-Bold';
text-transform: uppercase;
border-bottom: 1px dashed var(--color-primary);
cursor: pointer;
position: relative;
}
.filter-block_extended--active {
color: var(--color-secondary);
border-bottom: 1px dashed var(--color-secondary);
}
.filter-block_extended:hover {
opacity: 0.6;
}
.filter-block_options .ui-slider .ui-state-default,
.filter-block_options .ui-slider .ui-widget-content .ui-state-default,
.filter-block_options .ui-slider .ui-widget-header .ui-state-default {
border: none;
color: var(--color-secondary);
background-color: var(--color-secondary);
outline: none;
width: 9px;
height: 9px;
top: -2.5px;
}
.filter-block_options .ui-slider .ui-widget.ui-widget-content {
border: none;
height: 4px;
background-color: #dfdfe2;
}
.bapf_slidr_main.ui-widget-content .ui-slider-range,
.berocket_filter_price_slider.ui-widget-content .ui-slider-range {
border: none;
height: 4px;
background-color: #dfdfe2;
}
.bapf_slidr_jqrui .bapf_slidr_main {
width: calc(100% - 12px);
margin: 0 0 10px 8px;
}
.filter-block_options .berocket_filter_slider.ui-widget-content .ui-slider-range,
.filter-block_options .berocket_filter_price_slider.ui-widget-content .ui-slider-range {
background-color: var(--color-secondary);
opacity: 0.47;
}
.filter-block_extended:before {
content: '';
position: absolute;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/subproduct-icon_settings.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 16px;
height: 16px;
left: -29px;
transform: rotate(-90deg);
}
.filter-block_extended--active:before {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/subproduct-icon_settings--green.svg);
}
.btn-wrapper .btn-filter {
width: 196px;
height: 57px;
font-size: 11px;
letter-spacing: 0.5px;
}
.filter-block_option .select-wrapper {
width: fit-content;
}
.filter-block_option .select-wrapper:before {
right: 15px;
z-index: 2;
}
.product-sort {
display: flex;
}
.story {
margin-top: 140px;
}
.story-slider {
display: flex;
margin-top: 125px;
margin-right: -15px;
}
.story-slider_nav {
width: 20%;
}
.story-slider_nav .slick-track {
margin-top: -10px;
margin-bottom: -10px;
}
.story-slider_nav .slick-track .slick-slide:first-child {
margin-top: 0px;
}
.story-slider_nav .slick-track .story-slide_nav-number {
height: 36px;
margin-top: 10px;
margin-bottom: 10px;
}
.story-slider_nav .slick-track .slick-current .story-slide_nav-number {
width: 154px;
background-color: #ffd870;
height: 46px;
font-family: 'Gilroy-Black';
display: flex;
justify-content: center;
align-items: center;
padding-left: 0px;
border-radius: 30px;
font-size: 22px;
}
.story-slider_nav .slick-track .slick-current .story-slide_nav-number:before {
content: none;
}
.story-slide_nav-number {
position: relative;
font-family: 'Gilroy-SemiBold';
font-size: 20px;
letter-spacing: 0.4px;
line-height: 29.4px;
padding-left: 30px;
cursor: pointer;
}
.story-slide_nav-number:before {
content: '';
position: absolute;
left: 0px;
background-color: #ffb546;
width: 7px;
height: 7px;
border-radius: 50%;
top: 10px;
}
.story-slider_content {
width: 80%;
}
.story-slide_for {
display: flex !important;
}
.story-slide_for .slider-arrow_prev,
.story-slide_for .slider-arrow_next {
background: var(--color-secondary);
width: 27px;
height: 27px;
}
.story-slide_for .slider-arrow_prev:before,
.story-slide_for .slider-arrow_next:before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-about.svg);
width: 6px;
height: 8px;
background-position: center center;
background-size: cover;
}
.story-slide_for .slider-arrow_prev:before {
transform: scale(-1, 1);
}
.story-slide_for .slider-arrow_next:before {
transform: scale(1, -1);
}
.story-slide_for-column {
width: 50%;
}
.story-slide_for .story-slide_for-column:last-child {
padding-left: 30px;
}
.story-slide_number-wrapper {
display: flex;
justify-content: center;
}
.story_slide-number {
font-size: 27px;
letter-spacing: 0.54px;
color: #484848;
font-family: 'Gilroy-Black';
text-align: center;
line-height: 29.4px;
position: relative;
display: inline-flex;
}
.story-subslide {
display: flex !important;
padding-right: 15px;
}
.story-subslide_img {
width: 100%;
user-select: none;
max-height: 275px;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 10px;
}
.story-slide_dsc {
font-size: 20px;
line-height: 28px;
letter-spacing: 0.4px;
margin-left: 50px;
margin-top: 60px;
}
.story-slide_number-prev,
.story-slide_number-next {
position: absolute;
top: 0px;
width: 20px;
height: 29px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-slider.svg);
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
background-color: initial;
border: none;
outline: none;
cursor: pointer;
}
.story-slide_number-prev {
left: -50px;
transform: scale(-1, 1);
}
.story-slide_number-next {
right: -50px;
}
.story-subslider .slider-arrow_next {
right: 0px;
}
.company {
margin-top: 165px;
position: relative;
}
.company-block {
margin-top: 120px;
display: flex;
}
.company-block_left {
width: 60%;
padding-right: 30px;
}
.company-second_title {
font-size: 30px;
line-height: 40px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.6px;
}
.company-dsc {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
margin-top: 40px;
}
.company-dsc+.company-dsc {
margin-top: 25px;
}
.company-block_right {
width: 40%;
margin-top: 10px;
}
.company-slide {
max-height: 280px;
border-radius: 8px;
}
.company-slide_img {
width: 100%;
object-fit: cover;
object-position: center center;
border-radius: 8px;
max-height: 280px;
}
.company-slider_thumbnail {
margin-top: 10px;
}
.company-slider_thumbnail .slick-list {
margin: 0 -6px;
}
.company-slide_thumbnail {
cursor: pointer;
position: relative;
margin: 0 5px;
}
.slick-current.company-slide_thumbnail:before {
content: none;
}
.company-slide_thumbnail:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(62, 62, 62, 0.73);
border-radius: 8px;
}
.company-slide_thumbnail_img {
border-radius: 8px !important;
max-height: 80px !important;
object-fit: cover;
object-position: center center;
}
.company-slide_img {
width: 100%;
}
.second-company_block,
.third-company_block {
margin-top: 120px;
position: relative;
display: flex;
}
.third-company_block .company-block_right img {
max-height: 364px;
border-radius: 8px;
box-shadow: 0px 1px 102.46px 6.54px rgba(33, 33, 33, 0.07);
user-select: none;
}
.second-company_block .company-block_right {
width: 50%;
}
.second-company_block .company-block_left {
position: relative;
width: 50%;
}
.second-company_block .company-block_left img {
position: absolute;
width: auto;
max-width: 711px;
max-height: 381px;
left: -34%;
user-select: none;
}
.fourth-company_block {
margin-top: 120px;
position: relative;
display: flex;
flex-direction: column;
}
.branches {
margin-top: 165px;
position: relative;
}
.branch-info_wrapper {
margin-top: 100px;
display: flex;
}
.branch-info {
width: 75%;
}
.branch-city {
font-size: 30px;
line-height: 40px;
letter-spacing: 0.6px;
font-family: 'Gilroy-ExtraBold';
}
.branch-contacts {
margin-top: 60px;
display: inline-flex;
flex-direction: column;
}
.branch-contact_address {
font-size: 20px;
letter-spacing: 0.4px;
position: relative;
padding-left: 35px;
}
.branch-contact_address:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-maps--green.svg);
background-position: center center;
width: 23px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
left: 0px;
}
.branch-contact_number {
position: relative;
margin-top: 25px;
font-size: 27px;
line-height: 34px;
letter-spacing: 0.54px;
font-family: 'Gilroy-ExtraBold';
padding-left: 35px;
}
.branch-contact_number:before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-call.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 22px;
height: 22px;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
content: '';
}
.branch-contact_wrapper {
margin-top: 40px;
}
.branch-contact_number-btn .btn {
width: 183px;
height: 57px;
font-size: 13px;
letter-spacing: 0.65px;
}
.branch-contact_number-btn .btn:after {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/btn-call.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 14px;
height: 14px;
position: relative;
margin-left: 15px;
content: '';
}
.branch-contact_email {
font-size: 14px;
line-height: 32px;
letter-spacing: 0.7px;
color: var(--color-secondary);
position: relative;
margin-left: 65px;
padding-bottom: 5px;
border-bottom: 1px dashed var(--color-secondary);
}
.branch-contact_email:before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-writing.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
width: 19px;
height: 22px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -30px;
content: '';
}
.branch-contact_email:hover {
color: var(--color-secondary);
opacity: 0.6;
}
.branch-dsc {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
white-space: nowrap;
margin-top: 40px;
}
.branch-slider_wrapper {
width: 40%;
}
.branch-slider {
margin-top: 10px;
}
.branch-slide_img {
width: 100%;
object-fit: cover;
object-position: center center;
border-radius: 8px;
max-height: 280px;
height: 281px;
user-select: none;
}
.branch-slider_thumbnail {
margin-top: 10px;
}
.branch-slider_thumbnail .slick-list {
margin: 0 -6px;
}
.branch-slide_thumbnail {
cursor: pointer;
margin: 0 5px;
position: relative;
}
.branch-slide_thumbnail:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(62, 62, 62, 0.73);
border-radius: 8px;
z-index: 1;
}
.slick-current.branch-slide_thumbnail:before {
content: none;
}
.branch-slide_thumbnail-img {
border-radius: 8px;
max-height: 80px;
object-fit: cover;
object-position: center center;
cursor: pointer;
position: relative;
user-select: none;
width: 100%;
height: 80px;
}
.branch-image_wrapper {
border-radius: 8px;
box-shadow: 0px 1px 102.46px 6.54px rgba(33, 33, 33, 0.07);
}
.branch-img {
border-radius: 8px;
}
.branch-info_wrapper:nth-child(odd) {
flex-direction: row-reverse;
}
.branch-info_wrapper:nth-child(odd) .branch-info {
margin-left: 90px;
}
.location {
margin-top: 225px;
}
.location-map_wrapper {
margin-top: 100px;
}
.location-map {
border-radius: 8px;
max-height: 635px;
height: 635px;
width: 100%;
}
.team {
margin-top: 240px;
}
.team-carousel {
margin-top: 110px;
}
.team-slide figure {
display: flex;
flex-direction: column;
align-items: center;
}
.team-slide img {
max-width: 175px;
max-height: 175px;
}
.team-carousel .slick-slide {
margin: 0 45px;
}
.team-carousel .slick-list {
margin: 0 -45px;
}
.team-slide figure figcaption {
margin-top: 40px;
}
.team-slide .team-name {
font-size: 20px;
line-height: 100%;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.4px;
text-align: center;
}
.team-slide .team-position {
opacity: 0.8;
font-size: 14px;
letter-spacing: 0.28px;
margin-top: 20px;
text-align: center;
}
.default-arrow_prev,
.default-arrow_next {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-slider.svg);
background-size: 29px 47px;
background-repeat: no-repeat;
width: 29px;
height: 47px;
outline: none;
background-color: inherit;
border: none;
}
.default-arrow_prev {
transform: scale(-1, 1);
}
.team-carousel .default-arrow_prev,
.team-carousel .default-arrow_next {
position: absolute;
top: 60px;
}
.team-carousel .default-arrow_prev {
left: -80px;
}
.team-carousel .default-arrow_next.slick-disabled,
.team-carousel .default-arrow_prev.slick-disabled {
opacity: 0.3;
}
.team-carousel .default-arrow_next {
right: -80px;
}
.partners {
margin-top: 180px;
overflow: hidden;
}
.partners-carousel {
margin-top: 115px;
margin-bottom: 110px;
}
.partners-carousel .slick-slide {
margin: 0 12.5px;
}
.partners-carousel .slick-list {
overflow: unset;
}
.partners-carousel .slick-slide {
opacity: 0;
transition: opacity 0.5s ease;
visibility: hidden;
}
.partners-carousel .slick-slide.slick-active {
opacity: 1;
visibility: visible;
}
.partners-carousel .slick-slide:last-child img {
width: 119px;
}
.partners-carousel .default-arrow_prev {
position: absolute;
left: -80px;
z-index: 1;
top: 70px;
}
.partners-carousel .default-arrow_next {
position: absolute;
right: -70px;
z-index: 1;
top: 70px;
}
.partners-carousel .default-arrow_prev.slick-disabled,
.partners-carousel .default-arrow_next.slick-disabled {
opacity: 0.3;
}
.partners-card {
max-width: 245px;
width: 100%;
height: 190px;
}
.partners-card:focus {
outline: none;
}
.partners-card_wrapper-img {
min-height: 100px;
max-height: 150px;
display: flex;
height: 150px;
justify-content: center;
}
.partners-card_logo-img {
object-fit: contain;
width: 80%;
object-position: center center;
}
.partners-card_modal-link {
font-size: 14px;
font-family: 'Gilroy-Bold';
letter-spacing: 0.7px;
text-align: center;
text-transform: uppercase;
position: relative;
transition: none;
}
.partners-card_modal-link:after {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/right-arrow--black.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 5px;
height: 8px;
top: 50%;
right: 60px;
transform: translateY(-50%);
}
.partners-card:hover .partners-card_modal-link {
color: var(--color-secondary);
}
.partners-card_modal-link:focus {
outline: none;
}
.partners-card:hover .partners-card_modal-link:after {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--green.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 5px;
height: 8px;
}
.partners-modal {
padding: 0px;
border-radius: 15px;
width: 1140px;
padding-left: 65px;
padding-bottom: 80px;
padding-right: 50px;
padding-top: 105px;
position: relative;
overflow: unset;
display: none;
}
.partners-modal_info-logo_img {
position: absolute;
left: 0px;
top: 18px;
width: 372px;
height: 212px;
}
.partners-modal_form-close {
position: absolute;
top: -35px;
right: -50px;
width: 32px;
cursor: pointer;
height: 32px;
}
.partners-modal_info-row {
display: flex;
align-items: baseline;
}
.partners-modal_info-row+.partners-modal_info-row {
margin-top: 30px;
}
.partners-modal_content {
display: flex;
}
.partners-modal_info-text {
font-size: 21px;
line-height: 100%;
font-family: 'Gilroy-Bold';
letter-spacing: 0.42px;
}
.partners-modal_info-value {
margin-left: 15px;
font-size: 19px;
letter-spacing: 0.38px;
}
.partners-modal_info {
width: 60%;
margin-top: 150px;
}
.partners-modal_slider-wrapper {
width: 40%;
margin-top: 70px;
}
.partners-modal_slide {
border-radius: 8px;
box-shadow: 0px 1px 102.46px 6.54px rgba(33, 33, 33, 0.07);
}
.partners-modal_slide-img {
object-fit: cover;
object-position: center center;
border-radius: 8px;
max-height: 310px;
height: 100%;
width: 100%;
}
.partners-modal_slider-thumbnail {
margin-top: 10px;
}
.partners-modal_slider-thumbnail .slick-list {
margin: 0 -6px;
}
.partners-modal_slide-thumbnail {
border-radius: 8px;
margin: 0 6px;
position: relative;
cursor: pointer;
height: 75px;
}
.partners-modal_slide-thumbnail:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(62, 62, 62, 0.73);
border-radius: 8px;
}
.partners-modal_slide-thumbnail.slick-current:before {
content: none;
}
.partners-modal_slide-thumbnail_img {
border-radius: 8px;
width: 100%;
height: 100%;
max-height: 75px;
}
.partners-modal_2 .partners-modal_info-logo_img {
width: 182px;
height: 183px;
left: 64px;
top: 18px;
}
.partners-modal_6 .partners-modal_info-logo_img {
width: 188px;
height: 118px;
left: 65px;
top: 70px;
}
.partners-modal_5 .partners-modal_info {
width: 50%;
}
.partners-modal_5 .partners-modal_slider-wrapper {
width: 50%;
}
.partners-modal_6 .partners-modal_info {
width: 50%;
}
.partners-modal_6 .partners-modal_slider-wrapper {
width: 50%;
}
.partners-modal_2 .partners-modal_info {
width: 50%;
}
.partners-modal_2 .partners-modal_slider-wrapper {
width: 50%;
}
.site-main .location {
margin-top: 0px;
}
.page-main .certificates {
padding-bottom: 0px;
margin-top: 120px;
}
.partners-modal_3 .partners-modal_info {
width: 50%;
}
.partners-modal_3 .partners-modal_image-wrapper {
width: 50%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.partners-modal_video {
position: relative;
max-width: 481px;
max-height: 310px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 8px;
box-shadow: 0px 1px 102.46px 6.54px rgba(33, 33, 33, 0.07);
margin-top: 185px;
}
.partners-modal_video-wrapper video {
max-width: 481px;
max-height: 310px;
border-radius: 8px;
height: 310px;
object-fit: cover;
}
.partners-modal_video-wrapper video:focus {
outline: none;
}
.partners-modal_5 .partners-modal_info-logo_img {
width: 269px;
height: 73px;
top: 87px;
left: 60px;
}
.button-teaser {
position: absolute;
width: 115px;
height: 115px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/play-button.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
cursor: pointer;
}
.partners-modal_3 .partners-modal_info-logo_img {
width: 281px;
height: 137px;
top: 31px;
left: 68px;
}
.partners-modal_image {
border-radius: 8px;
box-shadow: 0px 1px 102.46px 6.54px rgba(33, 33, 33, 0.07);
max-width: 481px;
max-height: 310px;
}
.partners-modal_4 .partners-modal_info-logo_img {
width: 202px;
height: 203px;
top: 11px;
left: 32px;
}
.partners-modal_4 .partners-modal_info {
top: 105px;
}
.partners-modal_4 .partners-modal_info-row:nth-child(3) .partners-modal_info-value {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
}
.calc-page h1 {
margin-top: 105px;
font-size: 36px;
text-transform: uppercase;
text-align: center;
}
.quiz_wrapper {
margin-top: 75px;
}
.quiz-block {
box-shadow: 0px 5px 138.18px 8.82px rgba(33, 33, 33, 0.11);
border-radius: 15px;
display: flex;
position: relative;
}
.quiz-block:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
z-index: 1;
}
.quiz-block_left {
width: 75%;
z-index: 1;
height: 785px;
}
.quiz-step_numbers {
margin-top: 30px;
text-align: center;
font-size: 20px;
letter-spacing: 0px;
line-height: 100%;
}
.quiz-form {
margin-top: 40px;
}
.quiz-form_block-wrapper {
position: relative;
height: 450px;
}
.quiz-form_block {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.showing {
opacity: 1;
z-index: 2;
}
.quiz-form_block:nth-child(3) .quiz-label_radio img,
.quiz-form_block:nth-child(4) .quiz-label_radio img {
max-width: 168px;
max-height: 107px;
width: 100%;
height: 100%;
}
.quiz-form_block:nth-child(3) .quiz-label_radio:before,
.quiz-form_block:nth-child(4) .quiz-label_radio:before {
width: 31px;
height: 31px;
bottom: -18px;
}
.quiz-form_block:nth-child(3) .quiz-label_radio input[type='radio']+span:after,
.quiz-form_block:nth-child(4) .quiz-label_radio input[type='radio']+span:after {
height: 21px;
width: 21px;
bottom: -6px;
top: auto;
}
.quiz-form_block:nth-child(3) .quiz-form_choice,
.quiz-form_block:nth-child(4) .quiz-form_choice {
margin-top: 140px;
padding-left: 0px;
}
.quiz-form_block:nth-child(3) .quiz-text,
.quiz-form_block:nth-child(4) .quiz-text {
font-size: 19px;
line-height: 100%;
color: var(--color-primary);
margin-top: 20px;
}
.quiz-form_block:nth-child(3) .quiz-subtext,
.quiz-form_block:nth-child(4) .quiz-subtext {
font-size: 12px;
line-height: 19px;
margin-top: 12px;
}
.quiz-form_block:nth-child(5) .quiz-label,
.quiz-form_block:nth-child(6) .quiz-label {
width: 240px;
flex-direction: row;
margin: 0 auto;
margin-top: 45px;
}
.quiz-form_block:nth-child(5) .quiz-label:first-child,
.quiz-form_block:nth-child(6) .quiz-label:first-child {
margin-top: 0px;
}
.quiz-form_block:nth-child(5) .quiz-form_choice,
.quiz-form_block:nth-child(6) .quiz-form_choice {
padding-left: 0px;
flex-direction: column;
}
.quiz-form_block:nth-child(5) .quiz-input_radio--hidden,
.quiz-form_block:nth-child(6) .quiz-input_radio--hidden {
display: none;
}
.quiz-form_choice .wpcf7-form-control-wrap {
visibility: hidden;
height: 0px;
width: 0px;
}
.quiz-form_choice input[type='radio']+span:after {
width: 20px;
height: 20px;
}
.quiz-form_choice .radio-134 input[type='radio']+span:after,
.quiz-form_choice .radio-135 input[type='radio']+span:after {
top: 0px;
left: 19px;
}
.quiz-input_radio {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 40px;
width: 40px;
margin-right: 30px;
}
.quiz-input_radio:after {
content: '';
position: absolute;
}
.quiz-input_radio:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #ececec;
box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
}
.quiz-label .wpcf7-form-control-wrap+.quiz-input_radio:after {
display: block;
position: absolute;
height: 20px;
width: 20px;
visibility: hidden;
border-radius: 50%;
background-image: -moz-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
background-image: -webkit-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
background-image: -ms-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
}
.quiz-label .wpcf7-form-control-wrap:focus+span:after {
visibility: visible;
}
.quiz-label_radio .wpcf7-form-control-wrap {
position: absolute;
bottom: -12px;
width: 34px;
height: 34px;
}
.quiz-label_radio .wpcf7-list-item-label {
visibility: hidden;
}
.quiz-label_radio .wpcf7-list-item input {
display: none;
}
form .quiz-label_radio input[type='radio']+span:after {
display: block;
position: absolute;
height: 14px;
width: 14px;
visibility: hidden;
bottom: -2px;
border-radius: 50%;
background-image: -moz-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
background-image: -webkit-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
background-image: -ms-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
}
form .quiz-label_radio input[type='radio']:checked+span:after {
visibility: visible;
}
form .quiz-label span.wpcf7-list-item {
margin: 0px;
}
.quiz-input_container {
display: flex;
align-items: center;
}
.quiz-input_container img {
width: 24px;
height: 31px;
}
.quiz-form_block:nth-child(6) .quiz-input_container img {
width: 15px;
height: 27px;
}
.quiz-form_block:nth-child(6) .quiz-label:nth-child(2) .quiz-input_container img {
width: 21px;
height: 27px;
}
.quiz-input_text-delimiter {
font-size: 23.7px;
font-family: 'Gilroy-Medium';
letter-spacing: 0px;
color: var(--color-secondary);
margin-left: 7px;
}
.quiz-input_text {
font-family: 'Gilroy-ExtraBold';
font-size: 24px;
letter-spacing: 0px;
color: var(--color-primary);
margin-left: 15px;
}
.quiz-title {
font-size: 36px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0px;
text-align: center;
line-height: 50px;
margin-top: 20px;
}
.quiz-title br {
display: block;
}
.quiz-form_block:nth-child(1) .quiz-form_choice {
margin-top: 60px;
}
.quiz-form_choice {
display: flex;
flex-wrap: wrap;
margin-top: 100px;
padding-left: 100px;
}
.quiz-form_block:nth-child(6) .quiz-form_choice {
margin-top: 110px;
}
.quiz-label {
cursor: pointer;
width: calc(100% / 3);
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.quiz-label:nth-child(-n + 3) {
margin-top: 0px;
}
.quiz-radio {
display: none;
}
.quiz-label_radio {
position: relative;
display: flex;
justify-content: center;
}
.quiz-label_radio:after {
content: '';
position: absolute;
}
.quiz-label_radio:before {
content: '';
position: absolute;
width: 22px;
height: 22px;
border-radius: 50%;
background-color: #ececec;
bottom: -12px;
box-sizing: content-box;
border: 6px solid var(--color-white);
}
.quiz-label_radio img {
max-width: 132px;
max-height: 99px;
border-radius: 10px;
}
.quiz-block_right {
width: 25%;
background: #82d082;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
z-index: 1;
}
.quiz-block_right:after {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/quiz-left_quote.png);
background-size: cover;
background-repeat: no-repeat;
width: 96px;
height: 82px;
right: 23px;
top: 23px;
}
.quiz-block_right-title {
margin-top: 50px;
margin-left: 37px;
font-size: 24px;
line-height: 31px;
letter-spacing: 0.48px;
color: #3f3f3f;
font-family: 'Gilroy-Black';
z-index: 2;
position: relative;
}
.quiz-label br {
display: block;
}
.quiz-text {
margin-top: 15px;
font-size: 15px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0px;
line-height: 24px;
text-align: center;
}
.quiz-subtext {
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
text-align: center;
}
.quiz-form_block:nth-child(7) .quiz-title {
margin-top: 20px;
}
.quiz-form_block:nth-child(7) .quiz-subtitle {
font-size: 20px;
line-height: 30px;
letter-spacing: 0px;
color: var(--color-primary);
margin-top: 40px;
text-align: center;
}
.quiz-form_block:nth-child(7) .quiz-subtitle br {
display: block;
}
.quiz-form_block:nth-child(7) .quiz-block_form-wrapper {
margin-left: 75px;
}
.quiz-form_block:nth-child(7) .quiz-block_info {
margin-top: 60px;
display: flex;
}
.quiz-form_block:nth-child(7) .quiz-block_info-img {
width: 74px;
height: 74px;
margin-right: 37px;
user-select: none;
}
.quiz-form_block:nth-child(7) .quiz-block_info-text {
font-size: 20px;
line-height: 30px;
color: var(--color-primary);
letter-spacing: 0px;
}
.quiz-form_block:nth-child(7) .quiz-block_info-text br {
display: block;
}
.quiz-block_container {
display: flex;
margin-top: 70px;
}
.quiz-block_form {
max-width: 350px;
width: 100%;
}
.quiz-block_form fieldset {
margin-top: 15px;
}
.quiz-block_form fieldset+fieldset {
margin-top: 30px;
}
.quiz-form_nav {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
z-index: 2;
position: relative;
}
.quiz-nav_prev {
margin-right: 60px;
font-size: 20px;
font-family: 'Gilroy-Regular';
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
position: relative;
border: none;
background: none;
}
.quiz-nav_prev:focus {
outline: none;
}
.quiz-nav_prev:disabled {
color: initial;
}
.quiz-nav_prev:before {
content: '';
position: absolute;
left: -22px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 7px;
height: 12px;
top: 50%;
right: 20%;
transform: translateY(-50%) scale(-1, 1);
}
.quiz-nav_prev--disable {
opacity: 0.6;
}
.quiz-nav_next {
cursor: pointer;
}
.quiz-nav_next.btn-wrapper {
width: auto;
margin-top: 0px;
}
.quiz-nav_next .btn {
width: 254px;
height: 82px;
}
.quiz-nav_next .btn span {
margin-left: 8px;
}
.quiz-nav_next .btn:after {
position: relative;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 7px;
height: 12px;
margin-left: 18px;
}
.quiz-form_steps {
margin: 50px auto;
display: flex;
max-width: 540px;
justify-content: space-between;
}
.quiz-block_img-wrapper {
margin-left: 60px;
}
.quiz-block_img-wrapper img {
user-select: none;
width: 100%;
max-height: 296px;
max-width: 309px;
position: relative;
top: -51px;
}
.btn-subtext {
font-size: 13px;
letter-spacing: 0.65px;
}
.quiz-block_form .btn {
display: flex;
flex-direction: column;
}
.quiz-block_form .btn-wrapper:after {
position: absolute;
content: '';
width: 95px;
height: 77px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/form-calc.png);
background-size: cover;
background-repeat: no-repeat;
bottom: -9px;
right: -50px;
}
.quiz-block_form fieldset:first-child {
margin-top: 0px;
}
.quiz-block_form input {
border: none;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 30px;
background-color: rgb(248, 248, 248);
box-shadow: inset 0px 0px 33.95px 1.05px rgba(0, 0, 0, 0.06);
border-radius: 10px;
width: 100%;
font-size: 18px;
}
.quiz-block_form input:focus {
outline: none;
}
.quiz-block_form label {
display: flex;
align-items: center;
padding-left: 30px;
}
.quiz-form_step {
width: 60px;
height: 7px;
background-color: #ececec;
border-radius: 10px;
}
.quiz-form_step--active {
background-color: #ffe47d;
}
.quiz-block_gifts {
display: flex;
flex-direction: column;
margin-top: 50px;
}
.quiz-block_gift:first-child {
margin-top: 0px;
}
.quiz-block_gift {
margin-top: 40px;
}
.quiz-block_gift:nth-child(2) .quiz-block_gift-wrapper img {
max-width: 106px;
max-height: 127px;
}
.quiz-block_gift-wrapper {
display: flex;
justify-content: center;
position: relative;
width: 105px;
margin: 0 auto;
}
.quiz-block_gift-wrapper:after {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/quiz-open_gift.png);
background-size: cover;
background-repeat: no-repeat;
width: 33px;
height: 29px;
right: -14px;
bottom: 14px;
}
.quiz-block_gift-wrapper:before {
position: absolute;
content: '';
background: rgba(255, 255, 255, 0.72);
width: 103px;
height: 103px;
bottom: 0px;
z-index: 0;
border-radius: 50%;
}
.quiz-block_gift--lock .quiz-block_gift-wrapper img,
.quiz-block_gift--lock .quiz-block_gift-price {
display: none;
}
.quiz-block_gift--lock .quiz-block_gift-text {
display: none;
}
.quiz-block_gift-steps {
display: none;
}
.quiz-block_gift--lock .quiz-block_gift-steps {
display: block;
}
.quiz-block_gift-wrapper img {
max-height: 125px;
max-width: 87px;
object-fit: cover;
position: relative;
user-select: none;
}
.quiz-block_gift-price {
font-size: 13px;
position: absolute;
text-transform: uppercase;
line-height: 28px;
border-radius: 8px;
letter-spacing: 0.26px;
font-family: 'Gilroy-Bold';
text-decoration: line-through;
bottom: 0px;
left: -35px;
background: #ffd46b;
width: 56px;
height: 28px;
text-align: center;
}
.quiz-block_gift-text {
margin-top: 20px;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.28px;
font-family: 'Gilroy-ExtraBold';
text-align: center;
}
.quiz-block_gift-subtitle {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
color: #474747;
text-align: center;
}
.quiz-block_gift--lock .quiz-block_gift-wrapper {
height: 105px;
align-items: center;
}
.quiz-block_gift--lock .quiz-block_gift-wrapper:after {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/gift-locked.png);
background-size: cover;
background-repeat: no-repeat;
width: 27px;
height: 33px;
right: auto;
bottom: auto;
}
.quiz-form_count-humans {
display: flex;
justify-content: center;
margin-top: 70px;
}
.quiz-form_count-input {
width: 125px;
height: 63px;
text-align: center;
border: none;
box-shadow: inset 0px 0px 33.95px 1.05px rgba(0, 0, 0, 0.06);
color: var(--color-primary);
background: #f8f8f8;
border-radius: 10px;
font-family: 'Gilroy-ExtraBold';
font-size: 30px;
}
.quiz-form_count-text {
margin-left: 30px;
font-size: 24px;
color: var(--color-primary);
line-height: 63px;
}
.quiz-form_count-input::placeholder {
color: var(--color-primary);
}
.quiz-form_count-input:focus {
outline: none;
}
.quiz-form_count {
margin-top: 125px;
display: flex;
align-items: baseline;
justify-content: center;
}
.quiz-form_range-wrapper {
display: flex;
width: 539px;
}
.quiz-form_range-wrapper .wpcf7-form-control-wrap {
width: 100%;
}
.quiz-form_range[type='range'] {
-webkit-appearance: none;
width: 100%;
}
.quiz-form_range[type='range']:focus {
outline: none;
}
.quiz-form_count-first {
margin-right: 20px;
}
.quiz-form_count-last {
margin-left: 20px;
}
.quiz-form_count-first,
.quiz-form_count-last {
font-size: 30px;
line-height: 55px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
}
input[type='range']::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: #d1d1d1;
border-radius: 5.5px;
}
input[type='range']::-webkit-slider-thumb {
height: 31px;
width: 23px;
border-radius: 5px;
background: var(--color-secondary);
cursor: pointer;
-webkit-appearance: none;
margin-top: -14px;
position: relative;
}
input[type='range']:focus::-webkit-slider-runnable-track {
background: #d1d1d1;
}
input[type='range']::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #3071a9;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type='range']::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
}
input[type='range']::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: transparent;
border-color: transparent;
border-width: 16px 0;
color: transparent;
}
input[type='range']::-ms-fill-lower {
background: #2a6495;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type='range']::-ms-fill-upper {
background: #3071a9;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type='range']::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
}
input[type='range']:focus::-ms-fill-lower {
background: #3071a9;
}
input[type='range']:focus::-ms-fill-upper {
background: #367ebd;
}
.quiz-block_form-success {
display: none;
}
.quiz-block_left.quiz-block_left-success {
width: 100%;
}
.quiz-block_form-success {
flex-direction: column;
max-width: 835px;
align-items: center;
margin: 0 auto;
padding-top: 80px;
}
.quiz-block_form-success .quiz-block_title {
font-size: 36px;
line-height: 100%;
letter-spacing: 1.8px;
font-family: 'Gilroy-Extrabold';
}
.quiz-block_form-success .quiz-block_subtitle {
font-size: 20px;
line-height: 30px;
letter-spacing: 0px;
margin-top: 40px;
}
.quiz-block_form-success .quiz-block_gifts-title {
font-size: 30px;
letter-spacing: 0px;
font-family: 'Gilroy-ExtraBold';
}
.quiz-block_form-success .quiz-block_gifts {
margin-top: 0px;
}
.quiz-block_form-success .quiz-block_success-gifts {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
margin-top: 110px;
}
.quiz-block_form-success .quiz-block_gifts-container {
display: flex;
margin-top: 80px;
}
.quiz-block_gift-success {
display: flex;
flex-direction: column;
flex: 1 0;
align-items: center;
}
.quiz-block_gift-success-wrapper {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
justify-content: flex-end;
height: 167px;
}
.quiz-block_gift-success:nth-child(1) img {
width: 115px;
height: 166px;
}
.quiz-block_gift-success:nth-child(2) img {
width: 140px;
height: 167px;
}
.quiz-block_gift-success:nth-child(3) img {
width: 109px;
height: 119px;
}
.quiz-block_gift-success:nth-child(3) .quiz-block_gift-success-wrapper:after {
right: -5px;
bottom: 0px;
}
.quiz-block_gift-success:nth-child(1) .quiz-block_gift-success-wrapper {
width: 115px;
}
.quiz-block_gift-success-price {
font-size: 17px;
position: absolute;
text-transform: uppercase;
line-height: 28px;
border-radius: 8px;
letter-spacing: 0.34px;
font-family: 'Gilroy-Bold';
text-decoration: line-through;
bottom: 0px;
left: -35px;
background: #ffd46b;
width: 74px;
height: 37px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.quiz-block_subtitle br {
display: block;
}
.quiz-block_gift-success-wrapper:after {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/quiz-open_gift.png);
background-size: cover;
background-repeat: no-repeat;
width: 33px;
height: 29px;
right: -14px;
bottom: 14px;
}
.quiz-block_gift-success-text {
font-size: 18px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.36px;
text-align: center;
margin-top: 20px;
}
.page-product {
background: #fafafa;
overflow-x: hidden;
overflow-y: hidden;
}
.product-content {
display: flex;
margin-top: 45px;
}
.product-slider_container {
width: 100%;
max-width: 628px;
}
.product-slider {
box-shadow: 0px 1px 15px 1px rgba(33, 33, 33, 0.07);
height: calc(100% - 112px);
border-radius: 8px;
background: #fff;
position: relative;
}
.product-slider .slick-list,
.product-slider .slick-track {
height: 100%;
}
.product-slider .slick-slide {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-slide {
border-radius: 8px;
}
.product-slider .slick-slide img {
width: 100%;
object-fit: cover;
height: 100%;
border-radius: 8px;
}
.product-slider_thumbnail {
margin-top: 15px;
}
.product-slider_thumbnail .slick-list {
margin: 0 -7.5px;
}
.product-slider_thumbnail .woocommerce-product-gallery__image {
margin: 0 7.5px;
cursor: pointer;
position: relative;
}
.product-slider_thumbnail .woocommerce-product-gallery__image:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(62, 62, 62, 0.73);
border-radius: 8px;
}
.product-slider_thumbnail .slick-current.woocommerce-product-gallery__image:before {
content: none;
}
.product-slider_thumbnail img {
width: 100%;
height: 98px;
border-radius: 8px;
object-fit: cover; }
.product-info_wrapper {
margin-left: 45px;
flex-grow: 1;
border-radius: 10px;
background: #fff;
box-shadow: 0px 5px 15px 1px rgba(33, 33, 33, 0.11);
padding-top: 30px;
position: relative;
padding-bottom: 25px;
}
.product-info_wrapper:before {
content: '';
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.07);
right: 6px;
left: 6px;
top: 6px;
bottom: 6px;
border-radius: 10px;
}
.product-info_container {
max-width: 377px;
margin: 0 auto;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-bottom: 20px;
}
.product-block_outofstock {
font-size: 26px;
color: #dd0000;
font-family: 'Gilroy-Medium';
letter-spacing: 0.4px;
}
.product-block_require {
font-size: 26px;
letter-spacing: 0.4px;
color: var(--color-primary);
font-family: 'Gilroy-Medium';
}
.page-product .product-block_info {
padding-left: 0px;
padding-top: 0px;
}
.product-slider_thumbnail .slider-arrow_prev,
.product-slider_thumbnail .slider-arrow_next {
background: #41bb41;
width: 39px;
height: 39px;
}
.product-slider_thumbnail .slider-arrow_prev:before,
.product-slider_thumbnail .slider-arrow_next:before {
width: 8px;
height: 12px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/card-arrow_white.png);
background-size: cover;
}
.product-slider_thumbnail .slider-arrow_prev:before {
transform: scale(-1, 1);
left: 35%;
}
.product-slider_thumbnail .slider-arrow_next:before {
transform: none;
right: 35%;
}
.product-slider_thumbnail .slider-arrow_prev {
left: -16px;
}
.product-slider_thumbnail .slider-arrow_next {
right: -16px;
}
.product-info_container .product-block_info,
.product-info_container .product-block_row {
position: relative;
}
.page-work .product-block_name,
.page-product .product-block_name {
font-size: 22px;
font-weight: 500;
font-family: 'Gilroy-Regular';
line-height: 32px;
letter-spacing: 0.44px;
}
.page-work .product-block_name--bold,
.page-product .product-block_name--bold {
font-size: 27px;
}
.page-work .product-info_size,
.page-product .product-info_size {
margin-top: 24px;
}
.page-work .product-info_weight,
.page-work .product-info_generate,
.page-work .product-info_users,
.page-product .product-info_weight,
.page-product .product-info_generate,
.page-product .product-info_users {
margin-top: 15px;
}
.page-work .product-block_row,
.page-product .product-block_row {
display: flex;
align-items: baseline;
}
.page-work .product-block_row form,
.page-product .product-block_row form {
width: 100%;
display: flex;
}
.work-product form .btn-wrapper,
.page-product form .btn-wrapper {
align-self: flex-start;
margin-top: 0px;
}
.page-work .product-block_card-btn,
.page-product .product-block_card-btn {
font-size: 14px;
padding-left: 37px;
padding-right: 35px;
}
.page-work .product-block_price,
.page-product .product-block_price {
font-size: 27px;
letter-spacing: 0.54px;
padding-left: 0px;
margin-top: 0px;
}
.page-work .product-block_card-btn,
.work-product .btn-wrapper,
.page-product .product-block_card-btn,
.page-product .btn-wrapper {
width: 183px;
height: 57px;
}
.page-work .product-block_count-label,
.page-product .product-block_count-label {
display: flex;
}
.page-work .product-block_count-text,
.page-product .product-block_count-text {
font-size: 15px;
letter-spacing: 0.3px;
}
.page-work .quantity input,
.page-product .quantity input {
width: 39px;
height: 24px;
border-radius: 5px;
background: #dfdfe2;
border: none;
padding-left: 12px;
font-size: 14px;
letter-spacing: 0.24px;
margin-left: 11px;
}
.page-work .product-block_count-input:focus,
.page-product .product-block_count-input:focus {
outline: none;
}
.page-work .product-block_column:first-child,
.page-product .product-block_column:first-child {
margin-right: 45px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-block_buy {
margin-top: 25px;
}
.product-block_buy-link {
font-size: 12px;
letter-spacing: 0.7px;
line-height: 23px;
font-family: 'Gilroy-Medium';
color: var(--color-secondary);
border-bottom: 1px dashed var(--color-secondary);
text-transform: uppercase;
margin-left: 32px;
position: relative;
padding-bottom: 4px;
transition: opacity 0.5s ease;
}
.product-block_buy-link:hover {
opacity: 0.6;
color: var(--color-secondary);
}
.product-block_buy-link:before {
content: '';
position: absolute;
left: -32px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/secondshopping-cart--green.svg);
background-size: 19px 17px;
width: 19px;
height: 17px;
top: 0px;
}
.product-block_download {
margin-top: 17px;
}
.product-block_download+.product-block_download {
margin-top: 10px;
}
.product-block_download-link {
font-size: 9px;
letter-spacing: 0.45px;
line-height: 18px;
font-family: 'Gilroy-Medium';
color: var(--color-primary);
border-bottom: 1px dashed var(--color-primary);
text-transform: uppercase;
margin-left: 22px;
position: relative;
padding-bottom: 3px;
transition: opacity 0.5s ease;
}
.product-block_download-link:hover {
opacity: 0.6;
}
.product-block_download-link:before {
content: '';
position: absolute;
left: -22px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-download.png);
background-size: 14px 13px;
width: 14px;
height: 13px;
top: 0px;
}
.product-info_container .product-block_row {
display: flex;
justify-content: space-between;
margin-top: 26px;
}
.product-block_icon-img {
width: auto;
align-self: center;
}
.page-work .icon-track,
.page-product .icon-track {
width: 34px;
height: 23px;
object-fit: cover;
}
.page-work .icon-settings,
.page-product .icon-settings {
width: 25px;
height: 25px;
}
.page-work .icon-wallet,
.page-product .icon-wallet {
width: 23px;
height: 23px;
}
.product-block_icon-title {
text-align: center;
font-size: 11px;
line-height: 14px;
letter-spacing: 0px;
margin-top: 10px;
opacity: 0.42;
}
.product-block_figure {
display: flex;
flex-direction: column;
justify-content: center;
}
.product-block_figure-container {
max-width: 300px;
margin: 0 auto;
display: flex;
justify-content: space-between;
width: 100%;
}
.page-product .product-info_size-name:before {
width: 13px;
height: 13px;
}
.page-product .product-info_weight-name:before {
width: 17px;
height: 18px;
}
.page-product .product-info_generate-name:before {
width: 18px;
height: 18px;
}
.page-product .product-info_users-name:before {
width: 15px;
height: 17px;
}
.page-product .product-info_size-name,
.page-product .product-info_weight-name,
.page-product .product-info_generate-name,
.page-product .product-info_users-name {
font-size: 16px;
padding-left: 29px;
letter-spacing: 0.32px;
}
.page-product .product-info_size-value,
.page-product .product-info_weight-value,
.page-product .product-info_generate-value,
.page-product .product-info_users-value {
font-size: 16px;
}
.page-subservices .service-info_container {
margin-top: 105px;
}
.page-subservices h1 {
width: 100%;
}
.subservice-cards {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 90px;
width: 100%;
}
.subservice-card:nth-child(-n + 4) {
margin-top: 0px;
}
.subservice-card {
width: calc(100% / 4 - 30px);
margin-right: 30px;
margin-top: 60px;
}
.subservice-card .default-card_container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.subservice-card .default-card_img {
height: 182px;
object-fit: cover;
width: auto;
margin: 0 auto;
}
.subservice-cards .default-card_title {
margin-top: 30px;
text-align: left;
}
.defaull-card_dsc {
margin-top: 20px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
color: #6c6c6c;
}
.default-card_container {
max-width: 211px;
margin: 0 auto;
}
.default-card_price {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.2px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
margin-top: 20px;
}
.page-product .product-tabs {
margin-top: 40px;
border-radius: 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 5px 15px 5.7px rgba(33, 33, 33, 0.11);
position: relative;
padding: 8px;
}
.page-product .product-tabs:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 8px;
top: 8px;
bottom: 8px;
right: 8px;
}
.page-product .tab-content {
display: none;
}
.page-product .tab--active {
display: block;
}
.tab-content h2 {
font-size: 26px;
line-height: 32px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.48px;
margin-bottom: 30px;
width: 100%;
}
.tab-content .second-title {
font-size: 26px;
line-height: 32px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.48px;
margin-bottom: 30px;
width: 100%;
}
.tab-content p+.second-title {
font-size: 26px;
line-height: 32px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.48px;
margin-bottom: 30px;
width: 100%;
}
.tab-content p+h2 {
margin: 20px 0;
}
.tab-content.tab--5 img {
object-fit: contain;
height: auto;
width: 100%;
}
.page-product .tab-content p {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.28px;
width: 100%;
}
.page-product .tab-content p+p {
margin-bottom: 10px;
}
.page-product img.alignleft {
float: left;
margin-right: 30px;
}
.page-product .tab-content a+ol {
margin-top: 30px;
}
.page-product .tab-content li+li {
margin-top: 10px;
}
.page-product .product-tabs_container a {
color: var(--color-secondary);
border-bottom: 1px dashed var(--color-secondary);
transition: border-bottom 0.5s ease;
}
.page-product .product-tabs_container a:hover {
border-bottom: 1px dashed transparent;
}
.page-product .tab-content img+p+ul li {
display: flex;
margin-top: 5px;
}
.page-product .tab-buttons {
border-bottom: 1px solid rgba(210, 210, 210, 0.5);
}
.tab-content ul {
margin-left: 20px;
margin-bottom: 20px;
}
.tab-content table+ul {
margin-top: 12px;
}
.tab-content ul li {
position: relative;
}
.tab-content ul li:before {
content: '';
position: absolute;
left: -20px;
width: 8px;
height: 8px;
background-color: var(--color-secondary);
border-radius: 8px;
top: 7px;
}
.tab-content ol li {
list-style: none;
position: relative;
counter-increment: list;
}
.tab-content ol li:before {
content: counter(list) '.';
font-size: inherit;
letter-spacing: inherit;
font-family: 'Gilroy-Heavy';
color: var(--color-secondary);
position: relative;
margin-right: 10px;
}
.page-product .tab-content p+ul {
margin-top: 20px;
}
.tab-content ul li+li {
margin-top: 10px;
}
.tab-content p a {
display: flex;
flex-direction: column;
}
.tab-content p a img {
object-fit: contain;
object-position: center center;
max-width: 80%;
height: auto;
margin: 0 auto;
}
.tab-content p a+a {
margin-left: 20px;
}
.tab-content p>a {
display: inline-flex;
}
.tab-content p>a+a {
margin-left: 0px;
}
.page-product .tab-button {
height: 100%;
display: flex;
align-items: center;
cursor: pointer;
font-size: 16px;
letter-spacing: 0.32px;
color: #232323;
position: relative;
}
.page-product .tab-button:hover {
border-bottom: 4px solid #41bb41;
color: #41ba41;
margin-bottom: -4px;
}
.page-product .tab-button.tab-button--active {
border-bottom: 4px solid #41bb41;
color: #41ba41;
margin-bottom: -4px;
}
.page-product .tab-button--1:before {
content: '';
position: relative;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/tab-text-document.png);
background-size: cover;
background-repeat: no-repeat;
width: 12px;
height: 16px;
margin-right: 15px;
}
.page-product .tab-button--2:before {
content: '';
position: relative;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/tab-settings.png);
background-size: cover;
background-repeat: no-repeat;
width: 17px;
height: 17px;
margin-right: 15px;
}
.page-product .tab-button--3:before {
content: '';
position: relative;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/tab-feedback.png);
background-size: cover;
background-repeat: no-repeat;
width: 17px;
height: 15px;
margin-right: 15px;
}
.page-product .tab-button--4:before {
content: '';
position: relative;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/tab-delivery-truck.png);
background-size: cover;
background-repeat: no-repeat;
width: 24px;
height: 16px;
margin-right: 15px;
}
.page-product .tab-button--5:before {
content: '';
position: relative;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/tab-package.png);
background-size: cover;
background-repeat: no-repeat;
width: 18px;
height: 18px;
margin-right: 15px;
}
.page-product .tab-button--6:before {
content: '';
position: relative;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/tab-signs.svg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 18px;
height: 18px;
margin-right: 15px;
}
.page-product .tab-button_container {
display: flex;
max-width: 960px;
margin: 0 auto;
height: 85px;
align-items: center;
justify-content: space-between;
}
.page-product .product-tabs_container {
z-index: 1;
position: relative;
}
.page-product .tab-content_container {
margin-top: 45px;
color: #232323;
font-size: 14px;
letter-spacing: 0.28px;
line-height: 21px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 45px;
overflow: hidden;
}
.page-product .tab-content_readmore {
overflow: hidden;
}
.page-product .tab-content_readmore img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
margin-top: 16px;
margin-bottom: 16px;
}
.page-product .added_to_cart {
display: none;
}
.alert-add-to-cart {
position: fixed;
bottom: 5%;
right: 5%;
text-align: center;
color: #fff;
background: var(--color-secondary);
padding: 15px;
border-radius: 10px;
opacity: 1;
transition: all ease 1s;
z-index: 10;
}
.alert-add-to-cart:hover {
color: #fff;
}
.hidden {
opacity: 0;
transition: all ease 1s;
visibility: hidden;
}
.work-objects {
margin-top: 120px;
position: relative;
}
.work-objects_map {
margin-top: 85px;
}
.breadcrumb-arrow {
margin-left: 15px;
margin-right: 15px;
}
.breadcrumbs_name,
.breadcrumbs .post-page {
margin-right: 0px;
}
.breadcrumbs_name:hover,
.breadcrumbs .post-page:hover {
color: var(--color-secondary);
opacity: 0.6;
}
.page-subproduct .breadcrumbs span a,
.page-product .breadcrumbs span a {
color: var(--color-secondary);
font-size: 14px;
letter-spacing: 0.28px;
line-height: 23px;
border-bottom: 1px solid var(--color-secondary);
}
.page-subproduct .breadcrumbs span a:hover,
.page-product .breadcrumbs span a:hover {
opacity: 0.6;
}
.equipment {
margin-top: 165px;
}
.equipment-cards {
margin-top: 60px;
}
.cross-sells ul.products {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 60px;
}
.equipment-card {
width: calc(100% / 3 - 30px);
cursor: auto;
padding: 0px;
border-radius: 15px;
transition: box-shadow 0.25s ease;
}
.equipment-card:hover,
.product-block:hover {
box-shadow: 0px 7.5px 30px 1px rgba(0, 0, 0, 0.09);
}
.equipment-card:nth-child(even) {
margin: 0 30px;
}
.equipment-card_img-wrapper {
display: flex;
justify-content: center;
height: 195px;
padding: 6px;
z-index: 2;
outline: none;
}
.equipment-card_img {
width: 100%;
object-fit: contain;
object-position: center center;
}
.equipment-card_wrapper {
padding-left: 35px;
padding-top: 30px;
padding-right: 20px;
background-color: #f7fdff;
padding-bottom: 30px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.equipment-card_title {
font-size: 17px;
line-height: 100%;
letter-spacing: 0.34px;
height: 40px;
}
.equipment-card_title--bold {
font-family: 'Gilroy-ExtraBold';
font-size: 21px;
letter-spacing: 0.42px;
}
.equipment-card_dsc {
margin-top: 25px;
line-height: 22px;
font-size: 15px;
color: rgba(35, 35, 35, 0.7);
}
.equipment-card_price {
margin-top: 35px;
font-size: 30px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.6px;
}
.equipment-card_addtocart {
margin-top: 30px;
display: flex;
align-items: center;
}
.equipment-card .btn-wrapper {
width: 144px;
height: 45px;
}
.equipment-card_btn {
width: 144px;
height: 45px;
font-size: 11px;
justify-content: flex-start;
padding-left: 29px;
padding-right: 35px;
}
.equipment-card_btn:after {
content: '';
position: absolute;
right: 25px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/shopping-cart--black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 14px;
height: 12px;
top: 50%;
transform: translateY(-50%);
}
.equipment-card_more {
margin-left: 25px;
font-size: 14px;
letter-spacing: 0.28px;
font-family: 'Gilroy-Medium';
position: relative;
text-transform: uppercase;
transition: opacity 0.5s ease;
}
.equipment-card_more:hover {
opacity: 0.6;
}
.equipment-card_more:after {
position: absolute;
content: '';
right: -20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/right-arrow--black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 10px;
height: 11px;
top: 50%;
transform: translateY(-50%);
}
.related {
margin-top: 125px;
}
.related .product-block_info {
margin-left: 34px;
margin-top: 30px;
margin-right: 15px;
}
.products-blocks { margin-top: 60px;
}
.page-product .related .product-block_name--bold {
font-size: 21px;
letter-spacing: 0.42px;
}
.page-product .related .product-info_size {
margin-top: 20px;
}
.page-product .related .product-block_name {
font-size: 17px;
letter-spacing: 0.34px;
}
.page-product .related .product-block_price {
margin-left: 34px;
margin-top: 20px;
font-size: 30px;
letter-spacing: 0.6px;
}
.page-product .related .product-info_weight,
.page-product .related .product-info_generate,
.page-product .related .product-info_users {
margin-top: 10px;
}
.page-product .related .product-block_card-btn,
.page-product .related .btn-wrapper {
height: 45px;
width: 144px;
}
.page-product .related .product-block_card-btn {
font-size: 11px;
letter-spacing: 0.55px;
padding-left: 29px;
}
.related .product-block_wrapper {
margin-left: 34px;
}
.question-form_man .question-form_img {
max-height: 780px;
max-width: 549px;
top: -69px;
left: -105px;
}
.added_to_cart {
display: none;
}
.page-product .question-form .btn-wrapper {
width: 100%;
height: auto;
margin-top: 25px;
}
.page-cart h1 {
text-align: center;
text-transform: uppercase;
}
.woocommerce-info {
background: none;
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
content: none;
}
.woocommerce-error::after,
.woocommerce-error::before,
.woocommerce-info::after,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-message::before {
content: none;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: none !important;
}
.page-cart,
.page-subproduct {
background-color: #fafafa;
}
.page-cart {
overflow: hidden;
}
.page-cart .woocommerce { margin-top: 45px;
flex-wrap: wrap;
}
.page-cart .woocommerce-cart-form-block {
display: flex;
flex-direction: column;
border-radius: 10px;
box-shadow: 0px 10px 42.63px 6.37px rgba(0, 0, 0, 0.03);
background: #fff;
padding-top: 33px;
padding-left: 43px;
padding-right: 48px;
padding-bottom: 58px;
position: relative;
}
.page-cart .woocommerce-cart-form-block:before {
content: '';
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.04);
top: 7px;
pointer-events: none;
bottom: 7px;
left: 7px;
right: 7px;
border-radius: 10px;
}
.wcibd-buttons-group {
padding: unset;
display: flex;
flex-direction: row;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
#wcibd-delete-all {
display: none;
}
.page-cart #wcibd-chekall {
display: none;
}
.page-cart .septic-cart_checkbox {
position: relative;
display: flex;
cursor: pointer;
width: 31px;
height: 31px;
}
.page-cart form input[type='checkbox']+span:before {
display: flex;
position: absolute;
content: '';
height: 31px;
width: 31px;
box-shadow: inset 0px 0px 10px 0px rgba(223, 223, 226, 1);
left: 0px;
border-radius: 50%;
}
.page-cart .septic-cart_label {
display: flex;
}
.page-cart .septic-cart_label-text {
margin-left: 26px;
font-size: 20px;
letter-spacing: 0.4px;
color: var(--color-primary);
cursor: pointer;
}
.page-cart form input[type='checkbox']+span:after {
display: block;
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/check-mark--green.svg);
background-size: cover;
background-repeat: no-repeat;
width: 17px;
height: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
}
.page-cart form input[type='checkbox']:checked+span:after {
visibility: visible;
}
.page-cart .wcibd-buttons-right {
margin-left: 85px;
}
.page-cart #wcibd-delete-selected {
color: #e96f6f;
font-family: 'Gilroy-Medium';
font-size: 15px;
letter-spacing: 0.75px;
line-height: 26px;
text-transform: uppercase;
background: transparent;
border: none;
border-bottom: 2px dashed #e96f6f;
transition: opacity 0.5s ease;
position: relative;
display: flex;
align-items: center;
}
.page-cart #wcibd-delete-selected:hover {
opacity: 0.6;
}
.page-cart #wcibd-delete-selected:focus {
outline: none;
}
.page-cart .septic-input_wrapper {
position: relative;
display: flex;
}
.page-cart .septic-input_wrapper:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/delete-button--red.svg);
background-size: cover;
background-repeat: no-repeat;
width: 22px;
height: 22px;
left: -36px;
bottom: 0px;
}
.page-cart .woocommerce-cart-allitems {
margin-top: 27px;
display: flex;
align-items: center;
background: #f3f3f3;
padding-left: 35px;
width: 100%;
height: 80px;
}
.page-cart .wooocmerce-cart-allitems_text {
font-size: 24px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
letter-spacing: 1.2px;
line-height: 29px;
}
.page-cart .wcibd-single-item {
display: none;
}
.page-cart .septic-cart_single-label {
position: relative;
margin-right: 20px;
}
.page-cart .septic-cart_single-checkbox {
position: relative;
display: flex;
cursor: pointer;
width: 31px;
height: 31px;
}
.page-cart .woocommerce-notices-wrapper .woocommerce-message {
display: none;
}
.page-cart .cart_item {
display: flex;
flex-direction: row;
width: 100%;
align-items: center;
padding-bottom: 38px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
margin-bottom: 40px;
}
.page-cart .shop_table {
margin-top: 40px;
}
.page-cart .product-thumbnail {
display: flex;
align-items: center;
}
.page-cart .product-thumbnail {
display: flex;
}
.page-cart .product-thumbnail img {
width: 125px;
height: 100px;
border-radius: 10px;
border: 1px solid #e8e8e8;
object-fit: contain;
object-position: center center;
}
.page-cart .product-cart_column {
display: flex;
flex-direction: column;
width: 100%;
flex: 1;
height: 102px;
margin-left: 35px;
}
.page-cart .product-cart_row {
display: flex;
flex-wrap: wrap;
}
.page-cart .product-cart_column .product-cart_row:first-child {
height: 40px;
margin-bottom: 33px;
}
.page-cart .product-cart_column .product-cart_row:nth-child(2) {
display: flex;
justify-content: space-between;
}
.page-cart .product-cart_column .product-cart_row {
height: 28px;
}
.page-cart .product-info_size,
.page-cart .product-info_weight,
.page-cart .product-info_generate,
.page-cart .product-info_users {
width: 50%;
max-width: 260px;
margin-top: 0px;
display: flex;
position: relative;
align-items: center;
}
.page-cart .product-info_size:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-size.svg);
background-size: cover;
background-repeat: no-repeat;
width: 10px;
height: 10px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.page-cart .product-info_weight:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-weight.svg);
background-size: cover;
background-repeat: no-repeat;
width: 14px;
height: 14px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.page-cart .product-info_users:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-users.svg);
background-size: cover;
background-repeat: no-repeat;
width: 14px;
height: 14px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.page-cart .product-info_generate:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-generate.svg);
background-size: cover;
background-repeat: no-repeat;
width: 14px;
height: 14px;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.page-cart .product-info_size,
.page-cart .product-info_weight {
padding-left: 22px;
margin-bottom: 10px;
}
.page-cart .product-info_generate,
.page-cart .product-info_users {
padding-left: 25px;
}
.page-cart .product-info_size-value,
.page-cart .product-info_weight-value,
.page-cart .product-info_generate-value,
.page-cart .product-info_users-value {
font-size: 13px;
letter-spacing: 0.26px;
}
.woocommerce a.remove {
font-size: 11px;
font-family: 'Gilroy-Medium';
letter-spacing: 0.55px;
color: var(--color-primary) !important;
text-transform: uppercase;
border: none;
border-bottom: 1px dashed var(--color-primary);
line-height: 23px;
border-radius: unset;
height: auto;
width: auto;
text-align: left;
font-weight: initial;
transition: opacity 0.5s ease;
}
.woocommerce a.remove:hover {
background: transparent;
color: var(--color-primary) !important;
opacity: 0.6;
}
.page-cart .product-cart_label-text {
color: var(--color-primary);
font-size: 13px;
letter-spacing: 0.26px;
}
.page-cart .quantity input {
width: 39px !important;
height: 24px;
border-radius: 5px; box-shadow: inset 0px 0px 10px 0px rgba(223, 223, 226, 1);
border: none;
padding-left: 12px;
font-size: 14px;
letter-spacing: 0.24px;
margin-left: 11px;
text-align: left !important;
}
.page-cart .quantity input:focus {
outline: none;
}
.page-cart .woocommerce-Price-amount {
font-size: 20px;
letter-spacing: 0.4px;
color: var(--color-primary);
font-family: 'Gilroy-ExtraBold';
}
.page-cart .cart_item:last-child {
margin-bottom: 0px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: none;
width: 100%;
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
margin-left: 30px;
}
.page-cart .cart-collaterals {
display: flex;
flex-direction: column;
border-radius: 10px;
box-shadow: 0px 10px 42.63px 6.37px rgba(0, 0, 0, 0.03);
background: #fff;
padding-top: 43px;
padding-left: 39px;
padding-right: 42px;
padding-bottom: 43px;
position: relative;
align-self: end;
}
.page-cart .cart-collaterals:before {
content: '';
position: absolute;
border: 1px solid rgba(0, 0, 0, 0.04);
top: 7px;
pointer-events: none;
bottom: 7px;
left: 7px;
display: flex;
right: 7px;
border-radius: 10px;
}
.page-cart .cart-subtotal_title {
font-size: 24px;
font-family: 'Gilroy-ExtraBold';
line-height: 29px;
color: var(--color-primary);
letter-spacing: 1.2px;
}
.page-cart .cart-subtotal_table .cart-subtotal_row:nth-child(2) {
display: flex;
justify-content: space-between;
margin-top: 32px;
align-items: baseline;
padding-bottom: 32px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.page-cart .cart-subtotal_table .cart-subtotal_row:nth-child(3) {
margin-top: 24px;
}
.page-cart .cart-subtotal_price span {
font-size: 30px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.6px;
text-transform: uppercase;
}
.page-cart .cart-subtotal_items .wooocmerce-cart-allitems_text {
color: #222222;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.9px;
font-family: 'Gilroy-Regular';
}
.page-cart .cart-subtotal_info {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.36px;
color: #616161;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: transparent;
border: none;
padding: 0;
}
.page-cart .wc-proceed-to-checkout .btn-wrapper a {
height: 75px;
width: 100%;
font-size: 14px;
letter-spacing: 0.7px;
text-align: center;
color: var(--color-primary);
background: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
border-radius: 60px;
font-family: 'Gilroy-SemiBold';
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
border: none;
}
.page-cart .wc-proceed-to-checkout .btn-wrapper a:hover {
color: var(--color-primary);
background: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
border: none;
}
.page-cart .wc-proceed-to-checkout .btn-wrapper a:after {
content: none;
}
.page-cart .woocommerce .cart-subtotal_table a.button:after {
content: none;
}
.cart-totals__coupon {
display: flex;
flex-wrap: wrap;
margin-top: 24px;
margin-bottom: 24px;
}
.cart-totals__coupon-label {
width: 100%;
margin-bottom: 8px;
font: 500 16px/20px 'Gilroy-Medium', sans-serif;
}
.cart-totals__coupon-input {
padding-left: 16px;
flex-grow: 1;
border: 1px solid #e8e8e8;
border-right: none;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
outline: none;
}
.cart-totals__coupon-submit {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
appearance: none;
border: none;
background: var(--color-secondary);
color: #ffffff;
font: 400 14px/14px 'Gilroy-Medium', sans-serif;
padding: 0 16px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.cart-totals__discount {
display: flex;
align-items: center;
margin-top: -8px;
margin-bottom: 24px;
}
.cart-totals__discount .woocommerce-remove-coupon {
margin-left: auto;
font: 400 14px/14px 'Gilroy-Medium', sans-serif;
color: #e96f6f;
}
.cart-totals__discount .page-cart .woocommerce-Price-amount {
width: auto;
}
.page-cart .cart-subtotal_table a:after {
content: none;
border: none;
}
.page-cart .wc-proceed-to-checkout {
margin-top: 32px;
}
.page-cart .wc-credit_wrapper {
margin-top: 32px;
display: flex;
flex-direction: column;
}
.page-cart .wc-credit {
position: relative;
color: var(--color-secondary);
font-size: 15px;
letter-spacing: 0.75px;
line-height: 32px;
border-bottom: 1px dashed var(--color-secondary);
margin-left: 42px;
text-transform: uppercase;
font-family: 'Gilroy-Medium';
align-self: end;
transition: opacity 0.5s ease;
}
.page-cart .wc-credit:hover {
opacity: 0.6;
}
.page-cart .wc-credit:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-credit.svg);
background-size: cover;
background-repeat: no-repeat;
width: 29px;
height: 29px;
left: -42px;
bottom: -2px;
}
.page-cart .wc-credit_info {
font-size: 14px;
line-height: 21px;
letter-spacing: 0.28px;
color: #616161;
margin-top: 0;
font-family: 'Gilroy-Regular';
}
.page-cart .equipment {
margin-top: 50px;
width: 100%;
}
.entry-content_empty .woocommerce {
flex-direction: column;
}
.page-product .product-info_dsc {
font-size: 16px;
color: #828282;
letter-spacing: 0.3px;
margin-top: 24px;
padding-left: 29px;
}
.page-product .product-info_dsc-title {
font-size: 16px;
letter-spacing: 0.32px;
font-family: 'Gilroy-ExtraBold';
color: #5f5e5e;
font-size: 15px;
position: relative;
}
.page-product .product-info_dsc-title:before {
content: '';
position: absolute;
left: -29px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-dsc.svg);
background-repeat: no-repeat;
background-size: cover;
width: 15px;
height: 16px;
top: 50%;
transform: translateY(-50%);
}
.related .product-info_size-name,
.related .product-info_weight-name,
.related .product-info_generate-name,
.related .product-info_users-name {
font-size: 13px;
letter-spacing: 0.26px;
}
.related .product-info_size-value,
.related .product-info_weight-value,
.related .product-info_generate-value,
.related .product-info_users-value {
font-size: 13px;
letter-spacing: 0.26px;
}
.equipment .product-block_card-btn,
.equipment .btn-wrapper {
height: 45px;
width: 145px;
}
.equipment .product-block_card-btn {
height: 45px;
width: 145px;
font-size: 12px;
padding-left: 28px;
padding-right: 25px;
}
.equipment a.button {
border-bottom: none !important;
}
.equipment a.button:after {
content: none !important;
}
.equipment a.button:hover {
border: none;
color: var(--color-primary);
border-bottom: none !important;
}
.equipment a.button:after:hover {
content: none !important;
border: none;
}
.work-objects_map {
width: 100%;
height: 693px;
}
.ymaps-2-1-79-balloon {
width: 380px;
box-shadow: 0px 18px 38.7px 4.3px rgba(30, 30, 30, 0.08);
}
.page-subproduct .form-wppp-select {
display: inline-flex;
margin-top: 60px;
}
.woocommerce-head-container {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
margin-top: 24px;
}
.woocommerce-head-container .berocket_element_above_products_after,
.woocommerce-head-container .berocket_element_above_products {
display: none;
}
.woocommerce-result-count {
display: inline-flex;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.28px;
}
.woocommerce-result-count b {
margin-left: 2px;
}
.page-subproduct .product-sort_label {
font-size: 0;
color: var(--color-primary);
font-family: 'Gilroy-Regular';
letter-spacing: 0.28px;
display: inline-flex;
align-items: center;
}
.page-subproduct .product-sort_label span {
margin-right: 11px;
}
.page-subproduct .product-sort_label select {
font-size: 11px;
letter-spacing: 0.22px;
font-family: 'Gilroy-Regular';
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 30px;
border-radius: 10px;
border: 1px solid rgba(30, 30, 30, 0.05);
width: fit-content;
position: relative;
}
.page-subproduct .product-sort_label .select-wrapper:before {
z-index: 1;
right: 10px;
}
.page-subproduct .product-sort_label select:focus {
border: 1px solid var(--color-secondary);
border-radius: 10px;
outline: none;
}
.page-subproduct .filter-block_option .select-wrapper select:focus {
border: 1px solid var(--color-secondary);
border-radius: 10px;
outline: none;
}
.page-subproduct .product-blocks {
margin-top: 40px;
}
.page-subproduct .filter-block_text {
position: relative;
padding-left: 20px;
}
.page-subproduct .filter-block_options .filter-block_option .filter-block_text:before {
position: absolute;
content: '';
left: 0px;
background-size: cover;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(1) .filter-block_text:before {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-users.svg);
width: 14px;
height: 14px;
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(2) .filter-block_text:before {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-position.svg);
width: 18px;
height: 18px;
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(3) .filter-block_text:before {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-battery.svg);
width: 14px;
height: 15px;
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(4) .widget-title:before {
position: absolute;
content: '';
left: 0px;
top: 50%;
transform: translateY(-50%);
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-coin.svg);
background-size: cover;
background-repeat: no-repeat;
width: 15px;
height: 15px;
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(2) .select-wrapper {
max-width: 168px;
width: 100%;
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(2) .select-wrapper>select {
width: 100%;
}
.filter-block .brw-price .berocket_aapf_widget-title_div,
.filter-block .brw-pikovyj-sbros .berocket_aapf_widget-title_div,
.filter-block .brw-proizvoditelnost-zhirou-li .berocket_aapf_widget-title_div {
margin-bottom: 10px;
}
.select-wrapper .berocket_aapf_widget-title span {
display: flex;
white-space: nowrap;
}
.select-wrapper .brw-kolichestvo-polzovatelej .berocket_widget_icon {
width: 14px;
height: 14px;
margin-right: 5px;
}
.select-wrapper .brw-raspolozhenie-stanczii .berocket_widget_icon {
width: 18px;
height: 18px;
margin-right: 10px;
}
.select-wrapper .brw-tip-stanczii .berocket_widget_icon {
width: 14px;
height: 15px;
margin-right: 5px;
}
.filter-block_option .select-wrapper .brw-raspolozhenie-stanczii .berocket_aapf_widget span {
width: 100%;
}
.filter-block_option .select-wrapper .brw-raspolozhenie-stanczii select {
width: 100%;
}
.select-wrapper .berocket_aapf_widget {
transform: unset;
}
.berocket_aapf_widget-title_div {
padding-right: 0px;
}
.checkout-return {
padding-left: 18px;
position: relative;
font-size: 20px;
letter-spacing: 0.4px;
font-family: 'Gilroy-SemiBold';
color: var(--color-primary);
cursor: pointer;
}
.checkout-return:before {
content: '';
position: absolute;
left: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/left-arrow.svg);
background-size: cover;
width: 12px;
height: 12px;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%) scale(-1, 1);
}
.checkout-wrapper {
box-shadow: 0px 5px 138.18px 8.82px rgba(33, 33, 33, 0.11);
border-radius: 15px;
display: flex;
position: relative;
margin-top: 30px;
background-color: #fff;
}
.checkout-wrapper:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
z-index: 1;
}
.checkout-container {
z-index: 2;
padding-left: 80px;
padding-right: 85px;
padding-bottom: 70px;
padding-top: 45px;
width: 100%;
display: flex;
flex-direction: column;
}
.checkout-header {
display: flex;
padding-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
width: 100%;
}
.checkout-step_btn {
display: flex;
align-items: center;
}
.checkout-step_btn--hidden {
opacity: 0.29;
}
.checkout-step_btn-number {
width: 56px;
height: 56px;
background-color: var(--color-secondary);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-right: 24px;
border-radius: 50%;
font-size: 30px;
letter-spacing: 0.6px;
font-family: 'Gilroy-Black';
}
.checkout-blocks {
display: flex;
}
.checkout-left_blocks {
max-width: 560px;
width: 50%;
margin-top: 65px;
border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.woocommerce form .checkout-left_block-step_two .form-row {
max-width: 325px;
}
.checkout-right_block {
margin-top: 65px;
width: 50%;
padding-left: 60px;
}
form.checkout br {
display: block;
}
#billing_email_field .optional {
display: none;
}
.checkout-info {
font-size: 18px;
line-height: 29px;
color: var(--color-primary);
letter-spacing: 0.9px;
}
.checkout-step_btn-text {
color: var(--color-primary);
font-size: 22px;
letter-spacing: 0.44px;
font-family: 'Gilroy-ExtraBold';
}
.woocommerce form .form-row label {
font-size: 20px;
line-height: 19px;
letter-spacing: 0.4px;
color: var(--color-primary);
font-family: 'Gilroy-ExtraBold';
position: relative;
align-self: baseline;
}
.woocommerce form .form-row .required {
position: absolute;
right: -2px;
top: 0px;
color: #e64040;
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #e64040;
}
.woocommerce form .form-row {
float: none;
margin: 0;
padding: 0;
max-width: 421px;
width: 100%;
display: flex;
flex-direction: column;
align-self: baseline;
margin-top: 35px;
}
.woocommerce form .checkout-left_block-step_two .form-row.place-order {
max-width: 100%;
display: flex !important;
}
.woocommerce-privacy-policy-text p {
font-size: 14px;
line-height: 18px;
color: var(--color-primary);
letter-spacing: 0.28px;
}
.woocommerce form .form-row.privacy {
margin-top: 0px;
}
.woocommerce form .form-row.privacy label {
display: flex;
font-size: 14px;
line-height: 18px;
color: var(--color-primary);
letter-spacing: 0.28px;
padding-left: 40px;
align-items: center;
cursor: pointer;
}
.woocommerce form .form-row.privacy label span a {
color: var(--color-secondary);
border-bottom: 1px dashed var(--color-secondary);
transition: border-bottom 0.5s ease;
}
.woocommerce form .form-row.privacy label span a:hover {
border-bottom: 1px dashed transparent;
}
.woocommerce form .form-row.privacy label.error {
color: #e64040;
}
.woocommerce form .form-row.privacy+button {
display: none !important;
}
.woocommerce form .form-row .input-checkbox {
display: none;
}
.page-cart form .form-row.privacy input[type='checkbox']+span:before {
top: 0px;
left: 0px;
}
.page-cart form .form-row.privacy input[type='checkbox']:checked+span:before {
content: '';
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/check-mark--green.svg);
background-size: 17px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.woocommerce form .form-row.privacy .required {
position: relative;
right: auto;
top: auto;
display: none;
}
.page-cart form .form-row.privacy input[type='checkbox']+span:after {
content: none;
}
.woocommerce form .form-row:first-child {
margin-top: 0px;
}
.woocommerce-input-wrapper {
margin-top: 20px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border-radius: 10px;
background-color: rgb(248, 248, 248);
box-shadow: inset 0px 0px 33.95px 1.05px rgba(0, 0, 0, 0.06);
border: none;
padding-left: 25px;
height: 57px;
color: var(--color-primary);
font-size: 18px;
letter-spacing: 0.36px;
}
.input-text::placeholder {
color: var(--color-primary);
opacity: 0.36;
}
.woocommerce-billing-fields__field-wrapper {
display: flex;
flex-direction: column;
}
.checkout-fields {
margin-top: 60px;
}
.checkout-step_btn:first-child {
margin-right: 105px;
position: relative;
}
.checkout-step_btn:first-child:after {
content: '';
position: absolute;
right: -61px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout-right_arrow.svg);
background-size: cover;
background-repeat: no-repeat;
width: 26px;
height: 25px;
opacity: 0.1;
}
.checkout-title {
font-size: 24px;
line-height: 29px;
letter-spacing: 1.2px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
padding-bottom: 34px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.checkout-goods {
margin-top: 38px;
}
.checkout-products {
margin-top: 27px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.checkout-goods_text {
font-size: 18px;
color: var(--color-primary);
line-height: 29px;
letter-spacing: 0.9px;
}
.checkout-product_thumbnail img {
width: 94px;
height: 71px;
border-radius: 10px;
border: 1px solid #e8e8e8;
object-fit: contain;
object-position: center center;
}
.checkout-product_thumbnail .septic-cart_single-label {
display: none;
}
.checkout-products {
display: flex;
flex-wrap: wrap;
}
.checkout-product {
display: flex;
flex-direction: column;
margin-right: 35px;
margin-top: 30px;
}
.checkout-product:nth-child(3n + 3) {
margin-right: 0px;
}
.checkout-product:nth-child(-n + 3) {
margin-top: 0px;
}
.checkout-product_info {
display: flex;
margin-top: 15px;
}
.checkout-product_info .woocommerce-Price-amount {
font-size: 12px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.24px;
margin-right: 9px;
}
.checkout-product_info .product-quantity {
font-size: 11px;
letter-spacing: 0.22px;
color: var(--color-primary);
}
.checkout-total {
margin-top: 30px;
display: flex;
justify-content: space-between;
align-items: baseline;
padding-top: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.checkout-right_block .btn-wrapper {
height: 82px;
width: 254px;
}
.checkout-right_block .btn-wrapper .checkout-button {
height: 82px;
cursor: pointer;
width: 254px;
font-size: 20px;
letter-spacing: 0px;
text-align: center;
color: var(--color-primary);
background: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
border-radius: 60px;
font-family: 'Gilroy-Medium';
display: flex;
align-items: center;
text-transform: uppercase;
border: none;
z-index: 1;
position: relative;
padding-left: 81px;
}
.checkout-right_block .btn-wrapper .checkout-button:after {
content: '';
position: absolute;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-size: cover;
background-repeat: no-repeat;
width: 12px;
height: 12px;
right: 70px;
}
.checkout-total_text {
font-size: 18px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.9px;
line-height: 100%;
}
.checkout-total_number .woocommerce-Price-amount {
font-size: 30px;
letter-spacing: 0.6px;
font-family: 'Gilroy-ExtraBold';
line-height: 100%;
}
.checkout-subinfo {
margin-top: 50px;
}
.checkout-subinfo_item {
padding-left: 75px;
position: relative;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.7px;
}
.checkout-subinfo .checkout-subinfo_item:nth-child(2) {
margin-top: 47px;
}
.checkout-subinfo .checkout-subinfo_item:nth-child(1):before {
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout-return.svg);
background-repeat: no-repeat;
background-size: cover;
width: 44px;
height: 38px;
}
.checkout-subinfo .checkout-subinfo_item:nth-child(2):before {
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout-card.svg);
background-repeat: no-repeat;
background-size: cover;
width: 43px;
height: 35px;
}
.checkout-subinfo_item--bold {
font-size: 16px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.8px;
}
.checkout-delivery {
margin-top: 30px;
display: flex;
flex-direction: column;
font-size: 18px;
color: var(--color-primary);
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.9px;
line-height: 29px;
justify-content: space-between;
}
.checkout-delivery input:checked+label {
background: transparent;
font-family: 'Gilroy-Regular';
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
letter-spacing: 0.32px;
color: var(--color-primary);
}
.woocommerce ul#shipping_method li label {
background: transparent;
font-family: 'Gilroy-Regular';
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
letter-spacing: 0.32px;
color: var(--color-primary);
cursor: pointer;
}
.checkout-delivery ul#shipping_method {
margin-top: 35px;
}
.checkout-delivery ul#shipping_method li {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.checkout-delivery__custom-radio {
position: relative;
display: flex;
cursor: pointer;
width: 31px;
height: 31px;
margin-right: 20px;
}
.checkout-delivery__custom-radio:before {
display: flex;
position: absolute;
content: '';
height: 31px;
width: 31px;
box-shadow: inset 0px 0px 10px 0px rgb(223 223 226);
left: 0px;
border-radius: 50%;
}
.checkout-delivery .shipping_method {
display: none !important;
}
.checkout-delivery ul#shipping_method .amount {
font-size: 16px;
letter-spacing: 0.8px;
font-family: 'Gilroy-Regular';
font-weight: 400;
}
.checkout-radio {
position: relative;
display: flex;
cursor: pointer;
width: 31px;
height: 31px;
}
.checkout-radio:before {
display: flex;
position: absolute;
content: '';
height: 31px;
width: 31px;
box-shadow: inset 0px 0px 10px 0px rgba(223, 223, 226, 1);
left: 0px;
border-radius: 50%;
}
form input[type='radio']+span:after {
display: block;
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/check-mark--green.svg);
background-size: cover;
background-repeat: no-repeat;
width: 17px;
height: 16px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
}
form input[type='radio']:checked+span:after {
visibility: visible;
}
.input-radio {
display: none;
}
.checkout-left_block-step_two {
display: none;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0px;
border: none;
list-style: none;
margin-top: 35px;
}
.woocommerce-checkout #payment ul.payment_methods label {
cursor: pointer;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
border: none;
background: none;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: unset;
display: flex;
align-items: center;
cursor: pointer;
}
.checkout-radio_wrapper {
margin-right: 20px;
}
.checkout-payments {
margin-top: 55px;
}
abbr[data-original-title],
abbr[title] {
text-decoration: none;
}
.payment-title {
font-size: 20px;
line-height: 19px;
color: var(--color-primary);
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.4px;
}
.woocommerce-checkout #payment ul.payment_methods li:first-child {
margin-top: 0px;
}
.woocommerce-checkout #payment ul.payment_methods li {
margin-top: 18px;
padding-right: 16px;
}
.payment-secondlabel {
position: relative;
display: flex;
align-items: center;
}
.payment_method_cod .payment-secondlabel:after {
content: '';
position: relative;
margin-left: 19px;
top: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout_1.png);
background-size: cover;
background-repeat: no-repeat;
width: 26px;
height: 27px;
}
.payment_method_cashspecialist .payment-secondlabel:after {
content: '';
position: relative;
margin-left: 13px;
top: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout_2.png);
background-size: cover;
background-repeat: no-repeat;
width: 47px;
height: 37px;
}
.payment_method_cashonline .payment-secondlabel:after {
content: '';
position: relative;
margin-left: 17px;
top: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout_3.png);
background-size: cover;
background-repeat: no-repeat;
width: 61px;
height: 18px;
}
.payment_method_cashentity .payment-secondlabel:after {
content: '';
position: relative;
margin-left: 15px;
top: 0px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout_4.png);
background-size: cover;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.payment_method_credit .payment-secondlabel:after {
content: '';
position: relative;
margin-left: 0px;
top: -10px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/checkout_5.png);
background-size: cover;
background-repeat: no-repeat;
width: 85px;
height: 56px;
}
.woocommerce .btn-wrapper .checkout-btn {
height: 82px;
cursor: pointer;
width: 100%;
font-size: 16px;
letter-spacing: 0px;
text-align: center;
color: var(--color-primary) !important;
background: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
border-radius: 60px;
font-family: 'Gilroy-Medium';
font-weight: 400;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
border: none;
z-index: 1;
position: relative;
padding-left: 81px;
}
.woocommerce .btn-wrapper .checkout-btn:hover {
border: none;
background: linear-gradient(0deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
}
.woocommerce .place-order {
display: none !important;
}
.woocommerce-NoticeGroup {
display: none;
}
.woocommerce-checkout {
position: relative;
}
.woocommerce-NoticeGroup-checkout ul {
margin-bottom: 0px;
background-color: transparent;
border: unset;
}
.woocommerce-NoticeGroup-checkout ul li {
color: #e64040;
font-family: 'Gilroy-SemiBold';
}
.checkout-container_step_one .btn-wrapper_step_two,
.checkout-container_step_one .checkout-delivery {
display: none;
}
.checkout-container_step_two .btn-wrapper_step_one,
.checkout-container_step_two .checkout-left_block-step_one {
display: none;
}
.checkout-container_step_two .checkout-left_block-step_two {
display: flex;
flex-direction: column;
}
.checkout-container_step_two .checkout-fields,
.checkout-container_step_two .checkout-total {
margin-top: 0px;
}
.checkout-return_step_two {
display: none;
}
.dn {
display: none;
}
.sub-product_info {
position: relative;
margin-top: 70px;
margin-left: 10px;
}
.default-text,
.default-editor p {
font-size: 17px;
letter-spacing: 0.34px;
line-height: 24px;
}
.page-services .default-text,
.sub-product_info .default-text,
.default-editor p {
margin-top: 40px;
}
.page-services .default-second_title:first-child,
.page-subproduct .default-second_title:first-child,
.default-editor p:first-child {
margin-top: 0px;
}
.page-subservices .default-second_title,
.page-services .default-second_title,
.page-subproduct .default-second_title,
.default-editor h2 {
margin-top: 60px;
margin-bottom: 0px;
}
.default-editor h2+.entry-content p {
margin-top: 20px;
}
.default-editor h3,
.page-subservices .default-third_title,
.page-services .default-third_title,
.page-subproduct .default-third_title {
margin-top: 45px;
margin-bottom: 0px;
}
.default-link {
border-bottom: 1px solid var(--color-secondary);
color: var(--color-secondary);
}
.default-link:hover {
color: var(--color-secondary);
opacity: 0.6;
}
.default-bulleted_list,
.default-editor ul,
.default-editor ol {
margin-top: 25px;
margin-left: 30px;
}
.default-editor ol {
counter-reset: item;
}
.default-bulleted_list-item,
.default-editor ul li,
.default-editor ol li {
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
color: var(--color-primary);
position: relative;
}
.default-bulleted_list-item:before,
.default-editor ul li:before {
content: '';
position: absolute;
top: 7px;
background-color: var(--color-secondary);
border-radius: 50%;
width: 10px;
height: 10px;
left: -30px;
}
.default-editor ol li:before {
content: counter(item) ".";
counter-increment: item;
position: absolute;
top: 0;
left: -30px;
font-weight: bold;
color: var(--color-secondary);
}
.default-bulleted_list-item+.default-bulleted_list-item,
.default-editor ul li+li,
.default-editor ol li+li {
margin-top: 17px;
}
.page-subproduct .default-text_border {
margin-top: 45px;
padding-top: 34px;
padding-left: 44px;
padding-bottom: 38px;
padding-right: 80px;
width: 100%;
border: 4px solid var(--color-secondary);
}
.page-subservices .default-text_border,
.page-services .default-text_border {
margin-top: 45px;
}
.page-services .default-text_border+.default-second_title,
.page-subproduct .default-text_border+.default-second_title {
margin-top: 80px;
}
.default-number_list {
display: flex;
flex-direction: column;
margin-top: 50px;
padding-left: 43px;
position: relative;
}
.default-number_list-item+.default-number_list-item {
margin-top: 40px;
}
.default-number_list-item_title {
font-size: 24px;
line-height: 21px;
letter-spacing: 0.48px;
font-family: 'Gilroy-Bold';
}
.defaut-number_list-item_number {
position: absolute;
left: 0px;
font-size: 24px;
line-height: 23px;
letter-spacing: 0.48px;
color: var(--color-secondary);
font-family: 'Gilroy-Heavy';
}
.default-number_list-item_text {
margin-top: 35px;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
}
.default-number_list+.default-second_title {
margin-top: 90px;
}
.default-table {
display: flex;
width: 100%;
border-radius: 15px;
border-style: hidden;
box-shadow: 0 0 0 1px #dbdbdb;
margin-top: 50px;
}
.default-table+img {
margin-top: 30px;
}
.default-table_column {
border-right: 1px solid #dbdbdb;
flex: auto;
display: flex;
flex-direction: column;
}
.default-table_column:first-child .default-table_row:first-child,
.default-table_column:last-child .default-table_row:first-child {
padding: 0px;
padding-right: 47px;
padding-left: 35px;
}
.default-table_column:first-child {
border-top-left-radius: 15px;
}
.default-table_column:last-child {
border-top-right-radius: 15px;
}
.default-table_column:first-child .default-table_row:first-child {
border-top-left-radius: 15px;
}
.default-table_column:last-child .default-table_row:first-child {
border-top-right-radius: 15px;
}
.default-table .default-table_row:nth-child(odd) {
background: #f3f3f3;
}
.default-table_row:first-child {
background: #5bd05b !important;
height: 76px;
display: flex;
align-items: center;
color: #fff;
font-size: 24px !important;
line-height: 21px !important;
letter-spacing: 0.48px !important;
font-family: 'Gilroy-Bold';
min-height: 76px;
}
.default-table_row {
width: 100%;
height: 100%;
padding-top: 30px;
padding-left: 35px;
padding-bottom: 30px;
padding-right: 25px;
border-bottom: 1px solid #dbdbdb;
}
.default-table_column:first-child .default-table_row {
font-size: 24px;
line-height: 24px;
letter-spacing: 0.48px;
}
#main-map {
width: 100%;
height: 100%;
}
.main-map .hint-content {
font-size: 17px;
font-family: 'Gilroy-Regular';
line-height: 24px;
}
.page-service .breadcrumbs span a {
color: var(--color-secondary);
font-size: 14px;
letter-spacing: 0.28px;
line-height: 23px;
border-bottom: 1px solid var(--color-secondary);
}
.page-service .breadcrumbs span a:hover {
opacity: 0.6;
}
.page-service .service .default-third_title {
margin-top: 90px;
}
.page-service .service-container {
margin-top: 37px;
} .product-slider_container {
width: 100%;
max-width: 628px;
max-height: 602px;
}
.work-slider,
.service-slider {
box-shadow: 0px 1px 102.46px 6.54px rgba(33, 33, 33, 0.07);
}
.work-slider .slide-slide,
.service-slider .slick-slide {
height: auto;
}
.work-slide,
.service-slide {
border-radius: 8px;
max-height: 355px;
}
.work-slide.video {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.work-slide.video:before {
content: '';
position: absolute;
opacity: 0.7;
border-radius: 50%;
background: var(--color-white);
width: 120px;
height: 120px;
}
.work-slide.video:after {
content: '';
position: absolute;
border-radius: 50%;
background-color: var(--color-white);
width: 80px;
height: 80px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/slider-play.png);
background-size: cover;
}
.work-slide video {
min-height: 355px;
width: 100%;
border-radius: 8px;
object-fit: cover;
}
.work-slide_thumbnail.video {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 98px;
border-radius: 8px;
object-fit: cover;
background: rgba(0, 0, 0, 0.07);
}
.work-slide_thumbnail.video:after {
content: '';
position: absolute;
border-radius: 50%;
background-color: var(--color-white);
width: 40px;
height: 40px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/slider-play.png);
background-size: cover;
}
.work-slider .slide-slide img,
.service-slider .slick-slide img {
width: 100%;
object-fit: cover;
height: 100%;
border-radius: 8px;
max-height: 404px;
}
.work-slider_thumbnail,
.service-slider_thumbnail {
margin-top: 15px;
}
.work-slider_thumbnail .slick-list,
.service-slider_thumbnail .slick-list {
margin: 0 -7.5px;
}
.work-slider_thumbnail .work-slide_thumbnail,
.service-slider_thumbnail .service-slide_thumbnail {
margin: 0 7.5px;
cursor: pointer;
position: relative;
}
.work-slider_thumbnail .work-slide_thumbnail:before,
.service-slider_thumbnail .service-slide_thumbnail:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(62, 62, 62, 0.73);
border-radius: 8px;
}
.work-slider_thumbnail .slick-current.work-slide_thumbnail:before,
.service-slider_thumbnail .slick-current.service-slide_thumbnail:before {
content: none;
}
.work-slider_thumbnail img,
.service-slider_thumbnail img {
width: 100%;
height: 98px;
border-radius: 8px;
object-fit: cover;
}
.work-slider_thumbnail .slider-arrow_prev,
.work-slider_thumbnail .slider-arrow_next,
.service-slider_thumbnail .slider-arrow_prev,
.service-slider_thumbnail .slider-arrow_next {
background: var(--color-secondary);
}
.work-slider_thumbnail .slider-arrow_prev:before,
.work-slider_thumbnail .slider-arrow_next:before,
.service-slider_thumbnail .slider-arrow_prev:before,
.service-slider_thumbnail .slider-arrow_next:before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-white.svg);
width: 10px;
height: 12px;
background-size: cover;
}
.work-slider_thumbnail .slider-arrow_next,
.service-slider_thumbnail .slider-arrow_next {
right: -20px;
}
.work-slider_thumbnail .slider-arrow_prev,
.service-slider_thumbnail .slider-arrow_prev {
left: -20px;
}
.work-slider_thumbnail .slider-arrow_next:before,
.service-slider_thumbnail .slider-arrow_next:before {
transform: none;
}
.work-slider_thumbnail .slider-arrow_prev:before,
.service-slider_thumbnail .slider-arrow_prev:before {
transform: scale(-1, 1);
}
.service-text {
font-size: 20px;
line-height: 28px;
letter-spacing: 0.4px;
}
.service-info_price {
margin-top: 55px;
padding-left: 68px;
position: relative;
}
.service-info_price:before {
content: '';
position: absolute;
left: 0px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/wallet.svg);
background-size: 35px 35px;
width: 35px;
height: 35px;
top: 50%;
transform: translateY(-50%);
}
.service-info_price .bold {
font-size: 30px;
line-height: 51px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.6px;
}
.page-service .service-info {
margin-left: 25px;
}
.page-service .service-info .btn-wrapper {
margin-top: 48px;
}
.page-service .service-info .btn {
width: 313px;
height: 81px;
font-size: 16px;
letter-spacing: 0.8px;
font-family: 'Gilroy-SemiBold';
}
.page-service .default-table_column:first-child .default-table_row:first-child {
padding-left: 30px;
padding-right: 30px;
font-size: 20px !important;
line-height: 21px !important;
letter-spacing: 0.4px !important;
}
.page-service .default-table_column:last-child .default-table_row:first-child {
padding: 0px;
}
.page-service .default-table_column:first-child .default-table_row:first-child {
padding-left: 30px;
padding-right: 30px;
}
.page-service .default-table_column:first-child .default-table_row,
.page-service .default-table_row {
font-size: 20px;
letter-spacing: 0.4px;
}
.page-service .default-table_row {
padding: 0px;
min-height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.page-service .default-table_column .default-table_row:first-child {
font-size: 16px !important;
letter-spacing: 0.32px !important;
}
.page-service .service-price_info {
margin-top: 70px;
position: relative;
}
.page-service .service-price_text {
font-size: 20px;
letter-spacing: 0.4px;
line-height: 28px;
}
.work-price_form,
.service-price_form {
position: relative;
min-height: 315px;
margin-top: 125px;
max-height: 315px;
display: flex;
}
.work-price_form-wrapper,
.service-price_form-wrapper {
display: flex;
border-radius: 20px;
border: 5px solid var(--color-secondary);
width: 100%;
}
.work-price_form-block_left,
.service-price_form-block_left {
display: flex;
flex-direction: column;
width: 60%;
justify-content: center;
padding-left: 75px;
}
.work-price_form-block_right,
.service-price_form-block_right {
display: flex;
flex-direction: column;
width: 40%;
}
.work-price_form_text,
.service-price_form_text {
font-size: 38px;
line-height: 54px;
letter-spacing: 0px;
}
.work-price_form_text .bold,
.service-price_form_text .bold {
font-family: 'Gilroy-ExtraBold';
}
.work-price_form_container,
.service-price_form-container {
max-width: 385px;
position: relative;
}
.work-price_form-title,
.service-price_form-title {
position: absolute;
font-size: 33px;
line-height: 45px;
letter-spacing: 0px;
font-family: 'Gilroy-ExtraBold';
top: -23px;
background: #fafafa;
padding-left: 36px;
padding-right: 36px;
}
.work-price_form-container .wpcf7,
.service-price_form-container .wpcf7 {
padding-right: 57px;
padding-left: 33px;
margin-top: 90px;
}
.work-price_form-container .wpcf7 .label,
.service-price_form-container .wpcf7 .label {
padding-left: 21px;
font-size: 18px;
letter-spacing: 0px;
}
.work-price_form-container .wpcf7 .input,
.service-price_form-container .wpcf7 .input {
padding-left: 21px;
font-size: 18px;
letter-spacing: 0px;
}
.work-price_form-container .wpcf7 .label--active,
.service-price_form-container .wpcf7 .label--active {
font-size: 14px;
-webkit-transform: translate3d(-21, -25px, 0);
transform: translate3d(-21px, -25px, 0);
}
.work-price_form-container .wpcf7 .service-price_container-btn,
.service-price_form-container .wpcf7 .service-price_container-btn {
position: absolute;
margin-left: -30px;
padding-left: 30px;
padding-right: 57px;
background: #fafafa;
}
.page-work .work-price_form-container .wpcf7 .service-price_container-btn {
position: relative;
}
.work-price_form-container .wpcf7 .btn,
.service-price_form-container .wpcf7 .btn {
display: flex;
flex-direction: column;
width: 313px;
height: 81px;
align-items: flex-start;
}
.work-price_form-container .wpcf7 .btn:after,
.service-price_form-container .wpcf7 .btn:after {
content: '';
position: absolute;
width: 85px;
height: 67px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/main-btn_background.png);
background-size: cover;
background-repeat: no-repeat;
right: -23px;
top: 13px;
}
.work-price_form-container .wpcf7 .btn-text--large,
.service-price_form-container .wpcf7 .btn-text--large {
font-size: 16px;
font-family: 'Gilroy-SemiBold';
letter-spacing: 0.9px;
line-height: 25px;
padding-left: 58px;
}
.work-price_form-container .wpcf7 .btn-text--small,
.service-price_form-container .wpcf7 .btn-text--small {
font-size: 14px;
line-height: 22px;
letter-spacing: 0.7px;
font-family: 'Gilroy-SemiBold';
padding-left: 70px;
text-transform: none;
}
.page-service .objects {
background: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 48px;
}
.page-service .object-cards {
margin-top: 48px;
}
.page-service .objects .objects-leaf_1,
.page-service .objects .objects-background_1,
.page-service .objects .objects-background_2,
.page-service .objects .objects-leaf_2 {
display: none;
}
.addservices {
margin-top: 64px;
}
.page-service .question-form {
margin-top: 180px;
}
.menu-kompaniya-container .menu {
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
}
.menu-uslugi-container .menu {
display: inline-flex;
flex-direction: column;
flex-wrap: wrap;
max-height: 255px;
}
.menu-produkty-container .menu {
flex-wrap: wrap;
max-height: 335px;
}
.menu-kompaniya-container .menu-item+.menu-item,
.menu-produkty-container .menu-item+.menu-item,
.menu-uslugi-container .menu-item+.menu-item {
margin-left: 0px;
margin-top: 18px;
}
.menu-uslugi-container .menu-item+.menu-item {
margin-top: 10px;
}
.menu-uslugi-container .menu-item:nth-child(8) {
margin-top: 0px !important;
}
.menu-kompaniya-container .menu-item a {
font-size: 18px;
letter-spacing: 0.36px;
font-family: 'Gilroy-Regular';
}
.menu-kompaniya-container .menu-item span {
font-size: 18px;
letter-spacing: 0.36px;
font-family: 'Gilroy-Regular';
}
.menu-produkty-container .menu-item a,
.menu-uslugi-container .menu-item a {
font-size: 15px;
letter-spacing: 0.3px;
font-family: 'Gilroy-Regular';
}
.menu-produkty-container .menu-item span,
.menu-uslugi-container .menu-item span {
font-size: 15px;
letter-spacing: 0.3px;
font-family: 'Gilroy-Regular';
}
.menu-kompaniya-container .menu-item+.menu-item:before,
.menu-uslugi-container .menu-item+.menu-item:before {
content: none;
}
.menu-products .footer-nav,
.menu-services .footer-nav {
margin-top: 44px;
}
.menu-products .footer-nav ul {
display: flex;
flex-direction: column;
max-height: 300px;
flex-wrap: wrap;
}
.menu-products .footer-nav ul li+li {
margin-bottom: 10px;
}
.menu-products .footer-nav ul li:first-child {
margin-bottom: 10px;
}
.menu-products .footer-nav ul li span {
color: var(--color-secondary);
}
.menu-products .footer-nav ul li a {
font-size: 15px;
line-height: 100%;
letter-spacing: 0.3px;
color: #383838;
}
.menu-products .footer-nav ul li a:hover {
color: var(--color-secondary);
}
.wpcf7-form-control-wrap {
display: flex;
z-index: 1;
}
.subservice-cards .default-card_price {
padding-left: 32px;
position: relative;
}
.subservice-cards .default-card_price:before {
position: absolute;
content: '';
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/wallet.svg);
background-size: 18px 18px;
width: 18px;
height: 18px;
left: 0px;
background-repeat: no-repeat;
}
.subservice-cards .default-card_btn .btn {
width: 120px;
height: 37px;
text-align: center;
font-size: 10px;
letter-spacing: 0.5px;
font-family: 'Gilroy-Medium';
}
.subservice-cards .default-card_btn.btn-wrapper:before {
bottom: -2px;
}
.default-card_wrapper {
display: flex;
align-items: center;
margin-top: 20px;
}
.default-card_link {
font-size: 10px;
line-height: 22px;
color: var(--color-secondary);
border-bottom: 1px dashed var(--color-secondary);
margin-left: 13px;
text-transform: uppercase;
font-family: 'Gilroy-Medium';
z-index: 1;
}
.default-card_link:hover {
color: var(--color-secondary);
opacity: 0.6;
}
.page-subservices .default-card {
cursor: default;
}
.page-subservices .default-card_img-wrapper {
height: 182px;
}
.page-subservices .default-card_img-wrapper picture {
margin: 0 auto;
}
.default-card_btn {
cursor: pointer;
}
.page-subservices .default-card_title {
padding-left: 0px;
}
.page-service .service-cards .service-card:nth-child(7) .default-card_title,
.page-services .service-cards .service-card:nth-child(7) .default-card_title {
font-size: 13px;
padding: none;
line-height: 19px;
letter-spacing: 0.26px;
margin-top: 19px;
}
.modal-form {
display: none;
padding: 0;
width: 100%;
border-radius: 10px;
max-width: 655px;
overflow: unset;
}
.modal-form:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
}
.modal-form_discount .modal-form_container,
.modal-form_feedback .modal-form_container {
max-width: 290px;
margin: 0 auto;
padding-top: 55px;
padding-bottom: 68px;
}
.modal-form_close {
position: absolute;
right: 0px;
top: -32px;
right: -8px;
cursor: pointer;
}
.modal-form_close:hover img {
filter: none;
}
.modal-form_close img {
width: 25px;
height: 25px;
filter: drop-shadow(0 0 10px #ffca5e);
position: fixed;
}
.default-modal_title {
font-size: 24px;
line-height: 32px;
text-align: center;
letter-spacing: 0px;
}
.default-modal_title .bold {
font-size: 27px;
line-height: 32px;
letter-spacing: 0px;
font-family: 'Gilroy-ExtraBold';
}
.modal-form fieldset:first-child {
margin-top: 0px;
}
.modal-form fieldset {
margin-top: 45px;
}
.modal-form_wrapper {
margin-top: 70px;
}
.modal-form_wrapper .input {
padding-left: 12px;
padding-bottom: 10px;
}
.modal-form_wrapper .label {
padding-left: 12px;
}
.modal-form span.wpcf7-not-valid-tip {
font-size: 12px;
bottom: -19px;
padding-left: 12px;
}
.modal-form_wrapper .btn {
height: 75px;
font-size: 14px;
letter-spacing: 0.9px;
font-family: 'Gilroy-SemiBold';
min-width: 100%;
}
.btn-wrapper .wpcf7-spinner {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.modal-form_wrapper .btn-wrapper {
margin-top: 38px;
}
.wpcf7-mail-sent-ok {
display: none;
}
.modal-form_success {
padding-top: 50px;
padding-bottom: 50px;
display: none;
}
.modal-form_success-title {
font-size: 36px;
line-height: 32px;
letter-spacing: 0px;
font-family: 'Gilroy-ExtraBold';
text-align: center;
}
.modal-form_success-info {
text-align: center;
margin-top: 35px;
font-size: 20px;
line-height: 30px;
letter-spacing: 0px;
}
.modal-form_success-img {
margin-top: 45px;
display: flex;
justify-content: center;
}
.modal-form_success-img img {
width: 185px;
height: 185px;
filter: drop-shadow(0 0 3px #ffca5e);
}
.modal-form_get_calculation .modal-form_container,
.modal-form_calculation .modal-form_container {
padding-top: 50px;
padding-bottom: 68px;
position: relative;
}
.modal-form_get_calculation .modal-form_container:after,
.modal-form_calculation .modal-form_container:after {
content: '';
position: absolute;
bottom: 70px;
right: 30px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/calculation-doc.png);
background-size: cover;
background-repeat: no-repeat;
width: 186px;
height: 243px;
}
.modal-form_get_calculation .default-modal_dsc,
.modal-form_calculation .default-modal_dsc {
text-align: center;
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
margin-top: 10px;
}
.modal-form_get_calculation .modal-form_wrapper,
.modal-form_calculation .modal-form_wrapper {
max-width: 290px;
margin-left: 62px;
margin-top: 45px;
}
.modal-city {
border-radius: 10px;
max-width: 655px;
position: relative;
display: none;
}
.modal-city:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 6px;
top: 6px;
right: 6px;
bottom: 6px;
}
.modal-content {
padding: none;
border: none;
border-radius: unset;
}
.modal-header {
padding: 0px;
padding-bottom: 20px;
}
.modal-body {
padding: 0px;
padding-top: 25px;
padding-bottom: 25px;
}
.modal-title {
font-size: 27px;
line-height: 32px;
letter-spacing: 0px;
font-family: 'Gilroy-ExtraBold';
}
.modal-body a {
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
margin-top: 10px;
display: inline-flex;
cursor: pointer;
}
.modal-body a:hover {
color: var(--color-secondary) !important;
}
.modal-body a:first-child {
margin-top: 0px;
}
.modal-footer {
display: block;
padding: 0px;
padding-top: 20px;
}
.modal-footer .btn-wrapper {
width: 100%;
}
.modal-footer .btn-wrapper a {
width: 100%;
cursor: pointer;
height: 75px;
font-size: 14px;
letter-spacing: 0.9px;
font-family: 'Gilroy-SemiBold';
}
#width_tmp_select {
display: none;
}
.modal-form_brochure .modal-form_container {
padding-top: 55px;
padding-bottom: 68px;
position: relative;
}
.modal-form_brochure .modal-form_container:after {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/modal-brochure.png);
background-size: cover;
background-repeat: no-repeat;
width: 225px;
height: 212px;
bottom: 100px;
right: 20px;
}
.modal-form_brochure .modal-form_wrapper {
margin-left: 60px;
max-width: 292px;
margin-top: 65px;
}
.modal-form_credit .modal-form_container,
.modal-form_click .modal-form_container {
padding-top: 50px;
padding-bottom: 70px;
}
.modal-form_credit .modal-form_wrapper,
.modal-form_click .modal-form_wrapper {
max-width: 292px;
margin: 0 auto;
}
.modal-form_credit .default-modal_dsc,
.modal-form_click .default-modal_dsc {
text-align: center;
margin-top: 10px;
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
}
.modal-form_choice .modal-form_container {
padding-top: 50px;
padding-bottom: 70px;
}
.modal-form_choice .modal-form_container {
position: relative;
}
.modal-form_choice .modal-form_container:before {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/modal-img.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 80%;
}
.modal-form_choice .default-modal_dsc {
text-align: center;
font-size: 18px;
line-height: 28px;
letter-spacing: 0px;
margin-top: 10px;
}
.modal-form_choice .modal-form_wrapper {
margin-left: 62px;
max-width: 240px;
}
.modal-form_choice .modal-form_wrapper .btn {
font-size: 11px;
letter-spacing: 0.55px;
}
.modal-form_choice .default-modal_title {
font-size: 27px;
letter-spacing: 0px;
font-family: 'Gilroy-ExtraBold';
}
.modal-form_choice fieldset {
margin-top: 35px;
}
.modal-form_choice .modal-form_wrapper .input {
font-size: 14px;
letter-spacing: 0px;
}
.modal-form_choice .modal-form_wrapper .btn {
height: 62px;
}
.modal-form_choice .modal-form_wrapper .btn-wrapper {
margin-top: 36px;
}
.page-blog .categories a,
.page-subarticles .categories a,
.page-article .categories a {
height: 56px;
display: flex;
align-items: center;
padding-left: 28px;
border-bottom: 1px solid rgba(35, 35, 35, 0.06);
}
.page-blog .categories span,
.page-subarticles .categories span,
.page-article .categories span {
height: 56px;
display: flex;
align-items: center;
padding-left: 28px;
color: var(--color-secondary);
border-bottom: 1px solid rgba(35, 35, 35, 0.06);
}
.page-blog .categories a:hover,
.page-subarticles .categories a:hover,
.page-article .categories a:hover {
color: var(--color-secondary);
}
.page-blog .categories span:hover,
.page-subarticles .categories span:hover,
.page-article .categories span:hover {
color: var(--color-secondary);
}
.article .content {
margin-top: 70px;
}
.article .article-info {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 6px;
}
.article .categories-wrapper {
margin-top: 0px;
}
.article .sidebar-title {
font-size: 24px;
letter-spacing: 0.48px;
text-transform: none;
}
.article .wrapper {
margin-left: 35px;
}
.article .category-text {
font-size: 15px;
letter-spacing: 0.3px;
line-height: 23px;
color: #7a7a7a;
}
.article .category .category-link {
border: none;
display: inline-flex;
padding-left: 0px;
height: auto;
border-bottom: 1px solid var(--color-secondary);
font-size: 15px;
line-height: 15px;
color: var(--color-secondary);
}
.article .category .category-link:hover {
opacity: 0.6;
}
.article .content .category-info {
display: flex;
flex-direction: row;
margin-top: 0px;
align-items: baseline;
}
.category-rating {
margin-right: 20px;
}
.category-rating img {
width: 16px;
height: 15px;
margin-right: 4px;
}
.category-rating img:last-child {
margin-right: 0px;
}
.category-date {
font-size: 15px;
line-height: 15px;
color: #aaaaaa;
letter-spacing: 0.3px;
margin-right: 22px;
}
.category-comments {
position: relative;
padding-left: 30px;
font-size: 15px;
line-height: 15px;
letter-spacing: 0.3px;
color: #6c6c6c;
}
.category-comments:before {
content: '';
position: absolute;
left: 0px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/category-comments.svg);
background-size: cover;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}
.article-content {
margin-top: 35px;
}
.article-content h1 {
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
font-family: 'Gilroy-Heavy';
text-align: left;
margin-top: 0px;
}
.article-content h1+p {
margin-top: 55px;
}
.article-content p a img {
max-height: 500px;
width: 100%;
object-fit: cover;
object-position: center center;
}
.article-content h1+p+p {
margin-top: 60px;
}
.article-content p {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
}
.article-content a {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.article-content a img {
display: block;
margin: 0 auto;
}
.article-content h2 {
margin-top: 80px;
font-size: 30px;
line-height: 40px;
letter-spacing: 0.6px;
margin-bottom: 0px;
text-transform: unset;
margin-top: 48px;
font-family: 'Gilroy-ExtraBold';
}
.article-content h2+p {
margin-top: 24px;
}
.article-content h3 {
font-size: 19px;
line-height: 28px;
letter-spacing: 0.38px;
margin-bottom: 0px;
font-family: 'Gilroy-Bold';
}
.article-content p+h3 {
margin-top: 40px;
}
.article-content ul {
margin-top: 0px;
margin-left: 42px;
margin-bottom: 0px;
}
.article-content ul li:before {
content: '';
position: absolute;
background-color: var(--color-secondary);
border-radius: 50%;
width: 10px;
height: 10px;
left: -40px;
top: 14px;
}
.article-content ul li {
position: relative;
font-size: 19px;
letter-spacing: 0.38px;
line-height: 36px;
margin-top: 10px;
}
.article-content ul+h3 {
margin-top: 35px;
}
.article-content ul+h2 {
margin-top: 48px;
}
.article-content table.alignleft {
margin-right: auto;
}
.article-content table.alignright {
margin-left: auto;
}
.article-content table.aligncenter {
margin: 24px auto;
}
.article-content table tbody tr td {
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 15px;
height: 50px;
text-align: center;
}
.article-content table tbody tr {
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.article-content table tbody tr td:last-child {
border-right: none;
}
.article-content table tbody tr:first-child td:first-child {
border-top-left-radius: 15px;
}
.article-content table tbody tr:first-child td:last-child {
border-top-right-radius: 15px;
}
.article-rating {
margin-top: 105px;
display: flex;
flex-direction: row;
padding-top: 62px;
padding-bottom: 65px;
border-top: 1px solid rgba(33, 33, 33, 0.12);
border-bottom: 1px solid rgba(33, 33, 33, 0.12);
align-items: center;
}
.article-rating_title {
font-size: 30px;
line-height: 50px;
font-family: 'Gilroy-ExtraBold';
letter-spacing: 0.6px;
}
.article-rating_stars {
margin-left: 60px;
}
.article-rating_stars .post-ratings img {
width: 37px;
height: 35px;
margin-right: 9px;
}
.article-rating_stars .post-ratings img:last-child {
margin-right: 0px;
}
.article-content .brochure-block {
margin: 0px;
margin-top: 140px;
width: auto;
border: 8px solid var(--color-secondary);
height: 185px;
padding-left: 95px;
position: relative;
}
.article-content .brochure-title {
background: #fafafa;
font-size: 29px;
padding-left: 22px;
padding-right: 12px;
letter-spacing: 0px;
top: -32px;
}
.article-content .brochure-img {
max-width: 370px;
max-height: 368px;
right: -10%;
}
.article-content .brochure-btn_wrapper {
background: #fafafa;
padding-left: 15px;
padding-right: 12px;
}
.article-content .brochure-btn_wrapper .btn {
width: 313px;
height: 81px;
font-size: 16px;
}
.article-content .brochure-btn_wrapper .btn:after {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-size: cover;
background-repeat: no-repeat;
width: 11px;
height: 11px;
right: 50px;
}
.article-content .brochure-dsc {
margin-top: 35px;
padding-left: 13px;
}
.article-content .brochure-btn_wrapper:before {
width: calc(100% - 27px);
}
.article-comments {
margin-top: 175px;
padding-bottom: 85px;
border-bottom: 1px solid rgba(33, 33, 33, 0.12);
}
.article-comments_title {
display: inline-flex;
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
text-transform: uppercase;
color: var(--color-primary);
font-family: 'Gilroy-Heavy';
}
.article-comments_count {
display: inline-flex;
font-size: 40px;
line-height: 50px;
letter-spacing: 0.8px;
color: var(--color-secondary);
margin-left: 22px;
}
.article-comments_container {
margin-top: 80px;
display: flex;
flex-direction: column;
padding-bottom: 74px;
border-bottom: 1px solid rgba(33, 33, 33, 0.12);
}
.article-comment+.article-comment {
margin-top: 65px;
}
.article-comment_row {
display: flex;
flex-direction: row;
}
.article-comment_author {
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
color: #a0a0a0;
}
.article-comment_date {
font-size: 20px;
line-height: 20px;
letter-spacing: 1px;
color: #a0a0a0;
margin-left: 40px;
}
.article-comment_content {
margin-top: 34px;
}
.article-comment_text {
font-size: 20px;
line-height: 28px;
letter-spacing: 0.4px;
color: var(--color-primary);
}
.article-comment_form {
margin-top: 60px;
}
.article-comment_form-title {
font-size: 36px;
line-height: 40px;
letter-spacing: 0.72px;
font-family: 'Gilroy-ExtraBold';
}
.comment-form-comment {
position: relative;
margin-top: 50px !important;
display: inline-flex;
width: 100%;
max-width: 495px;
}
.comment-form-comment textarea {
border-radius: 12px;
background-color: rgb(248, 248, 248);
box-shadow: inset 0px 0px 33.95px 1.05px rgba(0, 0, 0, 0.06);
border: none;
max-width: 495px;
width: 100%;
height: 279px;
color: #969696;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.36px;
padding-left: 30px;
padding-top: 30px;
resize: none;
}
.comment-form-comment textarea:focus {
outline: none;
border: none;
}
.comment-form {
display: flex;
}
.comment-form .required {
display: none;
}
.comment-form_wrap {
display: flex;
flex-direction: column;
margin-top: 50px;
margin-left: 40px;
}
.comment-form-author input,
.comment-form-email input {
border-radius: 12px;
background-color: rgb(248, 248, 248);
box-shadow: inset 0px 0px 33.95px 1.05px rgba(0, 0, 0, 0.06);
border: none;
padding-left: 25px;
height: 57px;
max-width: 275px;
color: #969696;
font-size: 16px;
letter-spacing: 0.32px;
}
.comment-form-author input:focus,
.comment-form-email input:focus {
outline: none;
border: none;
}
.comment-form-email {
margin-top: 16px;
}
.form-submit .btn {
height: 70px;
max-width: 277px;
}
.comment-form_wrap .privacy {
width: 100%;
position: relative;
font-size: 12px;
letter-spacing: 0.24px;
color: #b7b7b7;
margin-top: 25px;
display: flex;
justify-content: flex-end;
}
.comment-form_wrap .privacy input {
display: none;
}
.comment-form_wrap .privacy a {
color: #ffc358;
border-bottom: 1px solid #ffc358;
line-height: 100%;
}
.comment-form_wrap .privacy a:hover {
opacity: 0.6;
}
.form-privacy_checkbox {
position: absolute;
display: flex;
cursor: pointer;
width: 19px;
height: 19px;
justify-content: center;
align-items: center;
left: -5px;
}
.form-privacy_checkbox:before {
display: flex;
position: absolute;
content: '';
height: 19px;
width: 19px;
box-shadow: inset 0px 0px 10px 0px rgba(223, 223, 226, 1);
left: 0px;
border-radius: 50%;
}
.privacy input[type='checkbox']+span:after {
display: block;
content: '';
position: absolute;
background-image: -moz-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
background-image: -webkit-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
background-image: -ms-linear-gradient(90deg,
rgb(255, 158, 43) 0%,
rgb(255, 240, 139) 100%);
width: 11px;
height: 11px;
border-radius: 50%;
visibility: hidden;
}
.privacy input[type='checkbox']:checked+span:after {
visibility: visible;
}
.comment-form_error {
position: absolute;
bottom: -40px;
left: -5px;
color: var(--color-primary);
}
.comment-form .comment-form_error-input::placeholder {
color: #e64040;
}
.comment-form .comment-notes {
position: absolute;
font-size: 16px;
font-family: 'Gilroy-Bold';
color: var(--color-secondary);
letter-spacing: 0.32px;
}
.article-products {
margin-top: 75px;
}
.article-products_title {
font-family: 'Gilroy-ExtraBold';
font-size: 36px;
line-height: 36px;
letter-spacing: 0.72px;
}
.article-product_blocks {
margin-top: 60px;
}
.article-product_blocks .product-block:before {
z-index: 1;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
}
.article-product_blocks .product-block_img {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.article-product_blocks .product-block {
margin-right: 15px;
margin-left: 15px;
height: auto;
display: block;
padding-bottom: 30px;
}
.article-product_blocks .product-block_wrapper {
z-index: 1;
position: relative;
}
.article-product_blocks .product-block_img-wrapper {
height: 135px;
position: relative;
z-index: 10;
}
.article-product_blocks .product-block_info {
padding-left: 23px;
padding-top: 23px;
}
.article-product_blocks .product-block_name--bold {
font-size: 15px;
letter-spacing: 0.3px;
}
.article-product_blocks .product-block_name {
font-size: 12px;
letter-spacing: 0.24px;
}
.article-product_blocks .product-info_size {
margin-top: 5px;
}
.article-product_blocks .product-info_size-name,
.article-product_blocks .product-info_weight-name,
.article-product_blocks .product-info_generate-name,
.article-product_blocks .product-info_users-name {
padding-left: 18px;
font-size: 10px;
letter-spacing: 0.2px;
}
.article-product_blocks .product-info_size-value,
.article-product_blocks .product-info_weight-value,
.article-product_blocks .product-info_generate-value,
.article-product_blocks .product-info_users-value {
font-size: 10px;
letter-spacing: 0.2px;
}
.article-product_blocks .product-info_size-name:before {
height: 8px;
width: 8px;
}
.article-product_blocks .product-info_weight,
.article-product_blocks .product-info_generate,
.article-product_blocks .product-info_users {
margin-top: 0px;
}
.article-product_blocks .product-info_weight-name:before {
width: 11px;
height: 11px;
}
.article-product_blocks .product-info_generate-name:before {
width: 11px;
height: 11px;
}
.article-product_blocks .product-info_users-name:before {
width: 11px;
height: 11px;
}
.article-product_blocks .product-block_price {
padding-left: 23px;
font-size: 22px;
letter-spacing: 0.44px;
margin-top: 10px;
}
.article-product_blocks .product-block_wrapper {
margin-left: 23px;
margin-top: 10px;
}
.article-product_blocks .product-block_card-btn {
width: 102px;
height: 31px;
font-size: 8px;
padding-left: 20px;
letter-spacing: 0.4px;
}
.article-product_blocks .product-block_card-btn:after {
width: 10px;
height: 10px;
right: 20px;
}
.article-product_blocks .product-block_more {
font-size: 10px;
letter-spacing: 0.2px;
margin-left: 16px;
}
.article-product_blocks .product-block_more:after {
width: 4px;
height: 5px;
right: -8px;
}
.article-product_blocks .btn-wrapper:before {
bottom: -1px;
}
.page-works .pagination,
.page-blog .pagination,
.page-subarticles .pagination {
margin-left: 30px;
margin-top: 60px;
display: flex;
justify-content: center;
align-items: baseline;
}
.page-works .pagination .page-numbers,
.page-blog .pagination .page-numbers,
.page-subarticles .pagination .page-numbers {
font-size: 20px;
letter-spacing: 0.4px;
line-height: 100%;
font-family: 'Gilroy-ExtraBold';
margin-right: 23px;
color: var(--color-secondary);
border-bottom: 2px solid var(--color-secondary);
margin-right: 23px;
}
.page-works .pagination .page-numbers:hover,
.page-blog .pagination .page-numbers:hover,
.page-subarticles .pagination .page-numbers:hover {
opacity: 0.6;
}
.page-works .pagination .current,
.page-blog .pagination .current,
.page-subarticles .pagination .current {
font-size: 20px;
letter-spacing: 0.4px;
font-family: 'Gilroy-ExtraBold';
margin-right: 23px;
color: #7b7b7b;
border-bottom: none;
}
.page-works .pagination .current:hover,
.page-blog .pagination .current:hover,
.page-subarticles .pagination .current:hover {
opacity: 1;
}
.page-works .pagination .next,
.page-blog .pagination .next,
.page-subarticles .pagination .next {
margin-left: 18px;
border-bottom: none;
text-transform: uppercase;
font-family: 'Gilroy-Bold';
font-size: 18px;
letter-spacing: 0.36px;
position: relative;
}
.page-works .pagination .prev,
.page-blog .pagination .prev,
.page-subarticles .pagination .prev {
display: none;
}
.page-works .pagination .next:after,
.page-blog .pagination .next:after,
.page-subarticles .pagination .next:after {
content: '';
position: absolute;
margin-left: 10px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/pagination-arrow_right.svg);
background-repeat: no-repeat;
background-size: cover;
width: 14px;
height: 14px;
top: 50%;
transform: translateY(-50%);
}
.work-container {
margin-top: 80px;
}
.checkout-thankyou_wrapper {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 80px;
}
.checkout-thankyou_title {
font-size: 41px;
line-height: 51px;
text-transform: uppercase;
font-family: 'Gilroy-Heavy';
letter-spacing: 0.82px;
}
.checkout-thankyou_image {
max-width: 230px;
max-height: 230px;
margin-top: 65px;
}
.work-info {
padding-top: 42px;
padding-left: 44px;
padding-bottom: 39px;
cursor: default;
}
.work-info_title {
font-size: 30px;
letter-spacing: 0.6px;
font-family: 'Gilroy-ExtraBold';
line-height: 100%;
}
.work-info_wrapper {
margin-top: 42px;
}
.work-info_wrapper-row+.work-info_wrapper-row {
margin-top: 20px;
}
.work-info_text--bold {
font-size: 17px;
margin-right: 5px;
letter-spacing: 0.34px;
font-family: 'Gilroy-ExtraBold';
}
.work-info_text {
font-size: 17px;
letter-spacing: 0.34px;
}
.work-info_row {
margin-top: 43px;
}
.work-info_row .btn {
width: 244px;
height: 68px;
font-size: 14px;
letter-spacing: 0.9px;
justify-content: unset;
padding-left: 45px;
position: relative;
}
.work-info_row .btn:after {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-size: cover;
background-repeat: no-repeat;
width: 9px;
height: 9px;
right: 34px;
}
.work-info_link {
position: relative;
margin-left: 65px;
text-transform: uppercase;
font-size: 14px;
line-height: 100%;
padding-bottom: 5px;
letter-spacing: 0.9px;
border-bottom: 2px dashed var(--color-secondary);
font-family: 'Gilroy-Medium';
color: var(--color-secondary) !important;
cursor: pointer;
}
.work-info_link:hover {
opacity: 0.6;
}
.work-info_link:before {
content: '';
position: absolute;
left: -40px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/calculator-icon.svg);
background-size: cover;
background-repeat: no-repeat;
width: 26px;
height: 26px;
top: 50%;
transform: translateY(-50%);
}
.work-complete {
margin-top: 170px;
}
.work-complete_container {
margin-top: 100px;
display: flex;
flex-direction: row;
}
.work-complete_map {
width: 50%;
}
.work-complete_wrapper {
width: 50%;
margin-left: 60px;
display: flex;
flex-direction: column;
}
.work-complete_date-name,
.work-complete_place-name {
margin-left: 55px;
font-size: 24px;
font-family: 'Gilroy-Bold';
letter-spacing: 0.48px;
position: relative;
}
.work-complete_date-name:before {
content: '';
position: absolute;
left: -55px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/calendar-icon.png);
background-size: cover;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
width: 33px;
height: 33px;
}
.work-complete_place-name:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-maps--green.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 23px;
height: 31px;
left: -48px;
top: 50%;
transform: translateY(-50%);
}
.work-compete_place {
margin-top: 32px;
display: flex;
align-items: baseline;
}
.work-complete_date-text,
.work-complete_place-text {
margin-left: 15px;
font-size: 22px;
letter-spacing: 0.44px;
line-height: 32px;
}
.work-complete_dsc {
margin-top: 57px;
color: #636363;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.36px;
}
.work-complete_map-coordinates {
display: none;
}
.work-complete_map #map {
height: 100%;
}
.work-tasks {
margin-top: 160px;
}
.work-task_wrapper {
padding-top: 95px;
position: relative;
}
.work-task_wrapper:after {
content: '';
position: absolute;
right: 0px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/work-doc.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
max-width: 328px;
width: 100%;
max-height: 455px;
height: 100%;
bottom: -70px;
}
.work-task_title {
font-size: 36px;
line-height: 100%;
letter-spacing: 0.72px;
font-family: 'Gilroy-ExtraBold';
}
.work-task_container {
margin-top: 60px;
display: flex;
flex-direction: column;
}
.work-task {
padding-left: 75px;
position: relative;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.48px;
}
.work-task:before {
content: '';
position: absolute;
left: 0px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/work-task_ok.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
top: 50%;
transform: translateY(-50%);
width: 38px;
height: 38px;
}
.work-task+.work-task {
margin-top: 48px;
}
.work-materials {
margin-top: 190px;
}
.work-materials_table .default-table_column:first-child .default-table_row:first-child,
.work-materials_table .default-table_column:last-child .default-table_row:first-child .work-materials_table .default-table_row {
padding: 0px;
display: flex;
justify-content: center;
}
.work-materials_table .default-table_row {
font-size: 20px;
letter-spacing: 0.4px;
padding: 0px;
display: flex;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
}
.work-materials_table .default-table_column:first-child .default-table_row {
justify-content: flex-start;
padding-left: 130px;
}
.work-materials_table .default-table_column:first-child .default-table_row:first-child {
padding-left: 130px;
justify-content: flex-start;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.48px;
}
.work-materials_table .default-table_column:first-child .default-table_row {
font-size: 20px;
letter-spacing: 0.4px;
}
.work-price_form {
margin-top: 170px;
}
.work-stages {
margin-top: 180px;
}
.work-stage_list {
display: flex;
flex-direction: column;
margin-top: 80px;
padding-left: 45px;
}
.work-stage_item-number {
font-size: 27px;
line-height: 25px;
font-family: 'Gilroy-Heavy';
letter-spacing: 0.54px;
color: var(--color-secondary);
position: relative;
left: -45px;
}
.work-stage_item {
display: flex;
flex-direction: row;
align-items: baseline;
font-size: 20px;
letter-spacing: 0.4px;
}
.work-stage_item+.work-stage_item {
margin-top: 35px;
}
.work-price_form-container form .btn-wrapper {
margin-top: 40px;
}
.work-product {
margin-top: 155px;
}
.form-privacy_text {
position: relative;
left: 5px;
}
.page-work .product-block_info {
padding: 0px;
}
.work-product .product-content {
margin-top: 85px;
}
.work-product .product-info_container .product-block_row {
margin-top: 19px;
}
.work-review {
margin-top: 170px;
}
.work-review_video-wrapper {
margin-top: 90px;
display: flex;
flex-direction: row;
}
.work-review_video {
width: 50%;
}
.work-review_info {
width: 50%;
padding-left: 60px;
}
.work-review_info-title {
font-size: 27px;
line-height: 100%;
letter-spacing: 0.54px;
font-family: 'Gilroy-ExtraBold';
}
.work-review_img-wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.work-review_img-wrapper:before {
content: '';
position: absolute;
opacity: 0.7;
border-radius: 50%;
background: var(--color-white);
width: 150px;
height: 150px;
}
.work-review_img-wrapper:after {
content: '';
position: absolute;
border-radius: 50%;
background-color: var(--color-white);
width: 122px;
height: 122px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/slider-play.png);
background-size: cover;
}
.work-review_info-city {
font-size: 20px;
letter-spacing: 0.4px;
margin-top: 22px;
}
.work-review_info-dsc {
margin-top: 50px;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.36px;
color: #585858;
font-style: italic;
}
.work-review_img {
width: 100%;
min-height: 330px;
object-fit: cover;
object-position: center center;
border-radius: 12px;
}
.work-review_text-wrapper {
margin: 0 auto;
margin-top: 78px;
padding-left: 90px;
padding: 65px;
padding-bottom: 65px;
max-width: 950px;
cursor: default;
position: relative;
}
.work-review_text-wrapper:after {
content: '';
position: absolute;
right: 50px;
top: 22px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/review-dot.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 153px;
height: 114px;
}
.work-review_text-title {
font-size: 27px;
line-height: 100%;
letter-spacing: 0.54px;
font-family: 'Gilroy-ExtraBold';
}
.work-review_text-city {
font-size: 20px;
letter-spacing: 0.4px;
margin-top: 22px;
}
.work-review_text-dsc {
margin-top: 50px;
font-size: 18px;
line-height: 26px;
letter-spacing: 0.36px;
color: #585858;
font-style: italic;
}
.works-map {
width: 100%;
height: 693px;
}
.ymaps-2-1-79-balloon_to_top .ymaps-2-1-79-balloon__tail {
display: none;
}
.ymaps-2-1-79-balloon__close {
position: absolute;
top: -30px;
right: 0;
}
.ymaps-2-1-79-balloon {
border-radius: 12px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 1px 46.06px 2.94px rgba(33, 33, 33, 0.28) !important;
padding: 0px !important;
}
.ymaps-2-1-79-balloon__layout {
border-radius: 12px;
padding-top: 34px !important;
padding-left: 15px !important;
padding-bottom: 15px !important;
padding-right: 12px !important;
}
.ymaps-2-1-79-balloon__layout:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 12px;
left: 7px;
top: 7px;
right: 7px;
bottom: 7px;
}
.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
}
.ymaps-2-1-79-balloon__content>ymaps {
width: 100% !important;
height: 447px !important;
}
.works-map_title {
text-align: center;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.48px;
font-family: 'Gilroy-ExtraBold';
color: var(--color-primary);
}
.works-map_row {
display: flex;
flex-direction: row;
margin-top: 28px;
align-items: baseline;
}
.works-map_row+.works-map_row {
margin-top: 14px;
}
.works-map_text {
font-size: 11.81px;
letter-spacing: 0.22px;
font-family: 'Gilroy-ExtraBold';
line-height: 100%;
color: #696969;
white-space: nowrap;
width: 44%;
}
.works-map_value {
font-size: 11.15px;
line-height: 17px;
letter-spacing: 0.22px;
color: #696969;
font-family: 'Gilroy-Regular';
width: 56%;
white-space: pre-line;
}
.works-map_btn {
margin-top: 33px;
display: flex;
justify-content: center;
}
.works-map_btn .btn-wrapper {
margin: 0 auto;
width: auto;
height: auto;
}
.works-map_btn .btn-wrapper .btn {
max-width: 230px;
height: 61px;
font-size: 12px;
letter-spacing: 0.18px;
font-family: 'Gilroy-SemiBold';
}
.works-map_btn .btn-wrapper .btn:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right.png);
background-repeat: no-repeat;
background-size: contain;
width: 5px;
height: 8px;
top: 50%;
right: 37px;
transform: translateY(-50%);
}
.works-map_images {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-left: 5px;
padding-right: 5px;
margin-top: 29px;
}
.works-map_image {
border-radius: 10px;
max-width: 165px;
width: 100%;
height: 100px;
object-fit: cover;
object-position: center center;
}
.page-work .work-price_form-wrapper {
height: 100%;
}
.product-reviews {
display: flex;
flex-direction: column;
}
.product-review+.product-review {
margin-top: 60px;
}
.product-review_row {
display: flex;
flex-direction: row;
}
.product-review_name,
.product-review_date {
font-size: 17px;
letter-spacing: 0.34px;
line-height: 100%;
color: #a0a0a0;
}
.product-review_date {
margin-left: 34px;
}
.product-review_dsc {
font-size: 17px;
line-height: 25px;
color: #2d2d2d;
margin-top: 25px;
}
.object-card_slider .slick-list {
margin: 0 -6px;
}
.object-card_slide {
margin: 0 6px;
}
.object-card_slide-img {
border-radius: 10px;
width: 100%;
object-fit: cover;
object-position: center center;
max-height: 130px;
}
.page-subproduct .woocommerce-info {
font-size: 24px;
margin-top: 60px;
}
.error-404 {
display: flex;
flex-direction: column;
margin-top: 150px;
align-items: center;
position: relative;
}
.error-404_dsc {
font-size: 18px;
line-height: 24px;
letter-spacing: 0.36px;
margin-top: 10px;
text-align: center;
}
.error-404__pseudoelement {
position: absolute;
right: 0px;
top: 50%;
width: 10%;
transform: translateY(-50%);
}
.error-404__pseudoelement_2 {
position: absolute;
left: 0px;
top: 50%;
width: 10%;
transform: translateY(-50%);
}
.error-404-pseudoelement_3 {
position: absolute;
left: 30%;
}
.error-404-pseudoelement_4 {
position: absolute;
right: 25%;
bottom: -5%;
}
.error-404_number {
text-align: center;
font-size: 12rem;
line-height: 100%;
letter-spacing: 0.24rem;
font-family: 'Gilroy-Bold';
}
.error-404_text {
text-align: center;
font-size: 2rem;
font-family: 'Gilroy-Bold';
}
.error-404_link {
text-align: center;
position: relative;
font-size: 1.2rem;
height: 100%;
margin-top: 20px;
border-bottom: 1px solid var(--color-primary);
transition: unset;
}
.error-404_link:after {
content: '';
position: absolute;
right: -15px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 11px;
height: 11px;
top: 50%;
transform: translateY(-50%);
opacity: 0.7;
}
.error-404_link:hover {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.error-404_link:hover:after {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--green.svg);
}
.page-privacy h1 {
margin-top: 75px;
text-align: center;
text-transform: uppercase;
}
.page-privacy .comment-form_wrap .privacy a {
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.page-privacy .privacy-container {
margin-top: 60px;
}
.page-privacy h4 {
font-size: 24px;
letter-spacing: 0.48px;
line-height: 100%;
font-family: 'Gilroy-Bold';
color: var(--color-primary);
}
.page-privacy h5 {
letter-spacing: 0.48px;
line-height: 100%;
font-family: 'Gilroy-Medium';
color: var(--color-primary);
}
.page-privacy .privacy-container p {
font-size: 18px;
line-height: 28px;
letter-spacing: 0.32px;
color: var(--color-primary);
font-family: 'Gilroy-Medium';
}
.page-privacy .privacy-container ol {
margin-top: 40px;
padding-left: 25px;
}
.page-privacy .privacy-container li {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
color: var(--color-primary);
position: relative;
}
.page-privacy .privacy-container li:before {
content: '';
position: absolute;
top: 8px;
left: -25px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: var(--color-secondary);
}
.page-privacy .privacy-container li+li {
margin-top: 15px;
}
.mb-container_header {
display: none;
}
.mb-container {
display: none;
}
.about-block_right .about-video_wrapper {
display: none;
}
.mb-footer_title-pay {
display: none;
}
.mb-footer_title-social {
display: none;
}
.mb-product_title {
display: none;
}
.mb-second-title {
display: none;
}
.mb-delivery-addresses_list {
display: none;
}
.mb-question-form_img {
display: none;
}
.filter-buttons .widget-title.berocket_aapf_widget-title {
display: none;
}
.filter-buttons .berocket_label_widgets {
font-size: 14px;
letter-spacing: 0.28px;
border-radius: 30px;
border: 1px solid rgba(210, 210, 210, 0.5);
display: flex;
justify-content: center;
align-items: center;
padding-left: 26px;
padding-right: 26px;
padding-top: 12px;
padding-bottom: 12px;
cursor: pointer;
box-sizing: border-box;
}
.filter-buttons .berocket_term_parent_0 span input {
display: none;
}
ul.berocket_aapf_widget li>span label:hover {
color: #fff;
background: var(--color-secondary);
}
.filter-buttons .berocket_aapf_widget {
width: 100%;
display: flex;
}
.filter-buttons .berocket_single_filter_widget {
width: 100%;
}
.filter-buttons ul.berocket_aapf_widget li {
margin-right: 13px;
}
.mb-filter-wrapper {
display: none;
}
.mb-tabs-container {
display: none;
}
.mb-categories {
display: none;
}
.onsale {
display: none;
}
.logged-in-as {
display: none;
}
.cross-sells ul.products {
display: flex;
width: 100%;
} .product-block_regular-price,
.product-block_price-sale {
color: #404040;
opacity: 0.4;
text-decoration: line-through;
}
.cross-sells_slider {
margin-top: 60px;
}
.cross-sells_slider .equipment-card:nth-child(even) {
margin: 0px;
}
.cross-sells_slider .slick-track,
.related .products-blocks .slick-track,
.article-product_blocks .slick-track {
display: flex;
margin-left: 0px;
}
.cross-sells_slider .slick-list,
.related .products-blocks .slick-list,
.article-product_blocks .slick-list {
overflow: unset;
margin: 0 -15px; }
.cross-sells_slider .slick-slide,
.related .products-blocks .slick-slide,
.article-product_blocks .slick-slide {
opacity: 0;
transition: opacity 0.5s ease;
visibility: hidden;
margin: 0 15px !important;
display: flex !important;
height: auto;
flex-direction: column;
justify-content: space-between;
max-width: unset;
}
.cross-sells_slider .slick-slide.slick-active,
.related .products-blocks .slick-slide.slick-active,
.article-product_blocks .slick-slide.slick-active {
opacity: 1;
visibility: visible;
}
.entry-header+.entry-content {
margin-top: 40px;
}
.entry-content ol {
margin-top: 25px;
margin-left: 30px;
}
.entry-content ol li {
list-style: none;
position: relative;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
color: var(--color-primary);
position: relative;
counter-increment: list;
}
.entry-content ol li+li {
margin-top: 17px;
}
.entry-content ol li:before {
content: counter(list) '.';
font-size: inherit;
letter-spacing: inherit;
font-family: 'Gilroy-Heavy';
color: var(--color-secondary);
position: absolute;
left: -30px;
}
.page-header+.page__content {
margin-top: 40px;
}
.page__thumb+p {
margin-top: 60px;
}
.article-content p+p {
margin-top: 20px;
}
.article-content ul+p {
margin-top: 20px;
}
.article-content p+ol {
margin-top: 40px;
}
.article-content ol+p {
margin-top: 40px;
}
.article-content ol {
position: relative;
margin-left: 30px;
margin-bottom: 0px;
}
.article-content ol>li {
list-style: none;
position: relative;
counter-increment: list;
font-size: 19px;
letter-spacing: 0.38px;
line-height: 36px;
}
.page-service .entry-content ol>li {
list-style: none;
counter-increment: list;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
color: var(--color-primary);
position: relative;
}
.page-service .entry-content ol {
margin-top: 25px;
margin-left: 30px;
}
.page-service .entry-content ol>li:before {
content: counter(list) '.';
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
font-family: 'Gilroy-Heavy';
color: var(--color-secondary);
position: absolute;
left: -30px;
}
.page-service .entry-content ol>li+li {
margin-top: 10px;
}
.article-content ol>li:before {
content: counter(list) '.';
font-size: 19px;
letter-spacing: 0.38px;
line-height: 36px;
font-family: 'Gilroy-Heavy';
color: var(--color-secondary);
position: absolute;
left: -30px;
}
.article-content ol li+li {
margin-top: 10px;
}
.page__thumb+p+ul {
margin-top: 40px;
}
.article-content h3+p {
margin-top: 40px;
}
.page__thumb+ol {
margin-top: 60px;
}
.wsp-container {
margin-top: 60px;
}
.wsp-container h2 {
font-size: 36px;
line-height: 32px;
letter-spacing: 0.72px;
text-transform: unset;
font-family: 'Gilroy-ExtraBold';
}
.wsp-container h2+ul {
margin-top: 25px;
margin-left: 30px;
}
.wsp-container ul+h2 {
margin-top: 40px;
}
.wsp-container h2+ul li {
font-size: 17px;
line-height: 24px;
letter-spacing: 0.34px;
color: var(--color-primary);
position: relative;
}
.wsp-container h2+ul li a:hover {
color: var(--color-secondary);
}
.wsp-container h2+ul li:before {
content: '';
position: absolute;
top: 7px;
background-color: var(--color-secondary);
border-radius: 50%;
width: 10px;
height: 10px;
left: -30px;
}
.filter-btn_wrapper .btn {
width: 196px;
height: 57px;
font-size: 9px;
letter-spacing: 0.5px;
}
.filter-btn_wrapper .btn:after {
width: 35%;
height: 100%;
right: -40px;
}
.default-privacy_wrapper {
margin-top: 20px;
display: flex;
z-index: 1;
position: relative;
}
.service-price_form-wrapper .default-privacy_wrapper {
margin-top: 20px;
display: flex;
z-index: 1;
position: relative;
position: aboluste;
position: absolute;
bottom: -169px;
max-width: 313px;
left: 72px;
}
.default-privacy_wrapper span.wpcf7-list-item {
margin: 0px;
}
.default-privacy_wrapper span.wpcf7-list-item-label::before {
content: '';
position: absolute;
cursor: pointer;
border-color: #333333 !important;
border-width: 1px !important;
border-radius: 2px !important;
color: #333333 !important;
background-color: #ececec;
box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.05);
border: none;
width: 16px;
height: 16px;
left: -32px;
top: 5px;
}
.default-privacy_wrapper input[type='checkbox'] {
display: none;
}
.default-privacy_wrapper input[type='checkbox']:checked+span.wpcf7-list-item-label::before {
content: '' !important;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/check-mark--green.svg);
background-size: 60%;
background-repeat: no-repeat;
background-position: center center;
width: 16px;
height: 16px;
}
.default-privacy .wpcf7-form-control-wrap {
margin-right: 15px;
}
.default-privacy_text {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 16px;
color: #9d9d9d;
display: inline-block;
}
.default-privacy_wrapper+div.wpcf7-acceptance-missing {
border: unset;
margin: 0px;
padding: 0px;
font-size: 12px;
letter-spacing: 0.24px;
color: rgb(255, 158, 43);
margin-top: 10px;
}
.question-form_wrapper .default-privacy_wrapper+div.wpcf7-mail-sent-ok {
margin-left: 32px;
}
.default-privacy_wrapper+div.wpcf7-mail-sent-ok {
color: var(--color-secondary);
border: unset;
margin: 0px;
padding: 0px;
font-size: 12px;
letter-spacing: 0.24px;
margin-top: 10px;
}
.question-form_wrapper .default-privacy_text {
margin-left: 32px;
}
.question-form_wrapper .default-privacy_wrapper span.wpcf7-list-item-label::before {
left: 0px;
}
.question-form_wrapper .default-privacy_wrapper+div.wpcf7-acceptance-missing {
margin-left: 32px;
}
.wp-video {
max-height: 400px;
height: 400px !important;
margin: 0 auto;
margin-top: 30px;
}
.wp-video-shortcode video,
video.wp-video-shortcode {
max-height: 100%;
}
.mejs-container {
max-height: 400px;
}
.sub-product_editor h3 {
font-size: 28px;
line-height: 36px;
letter-spacing: 0.56px;
text-transform: unset;
font-family: 'Gilroy-ExtraBold';
margin-bottom: 20px;
}
.sub-product_editor h3+a {
margin-top: 40px;
}
.sub-product_editor tbody {
border-radius: 15px;
border-style: hidden;
box-shadow: 0 0 0 1px #dbdbdb;
}
.sub-product_editor tbody tr:first-child {
padding-left: 15px;
padding-right: 15px;
background-color: var(--color-secondary);
}
.sub-product_editor tbody tr:first-child td {
height: 50px;
color: #fff;
}
.sub-product_editor table+h2 {
margin-top: 40px;
}
.sub-product_editor table+p {
margin-top: 30px;
}
.sub-product_editor tbody tr td {
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
padding: 15px;
height: 50px;
text-align: center;
}
.sub-product_editor tbody tr {
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.sub-product_editor tbody tr td:last-child {
border-right: none;
}
.sub-product_editor tbody tr:first-child td:first-child {
border-top-left-radius: 15px;
}
.sub-product_editor tbody tr:first-child td:last-child {
border-top-right-radius: 15px;
}
.categories-list__item {
position: relative;
}
.categories-list__item.subcategory-active:after {
content: '';
display: inline-block;
position: absolute;
right: 15px;
top: 50%;
pointer-events: none;
border: 4px solid transparent;
border-top: 6px solid var(--color-secondary);
}
.categories-list__item.subcategory-active:hover:after {
transform: translateY(-30%) rotate(-90deg);
}
.subcategories-list {
position: absolute;
width: 100%;
left: 100%;
top: 0px;
z-index: 10;
background: #fff;
border-radius: 10px;
box-shadow: 2px -3px 7.2px 0.8px rgba(30, 30, 30, 0.05);
margin-top: 0px;
border-top: 1px solid transparent;
margin-left: 1px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s;
display: none;
}
.subcategories-list__item {
position: relative;
display: flex;
align-items: center;
}
.subcategories-list__item-img {
width: 60px;
height: 60px;
object-fit: contain;
float: left;
margin-right: 5px;
}
.categories-list__item:hover>span+.subcategories-list {
opacity: 1;
visibility: visible;
display: block;
}
.categories-list__item:hover>a+.subcategories-list {
opacity: 1;
visibility: visible;
display: block;
}
.categories-list__item.subcategory-open .subcategories-list,
.categories-list__item.category-open .subcategories-list {
position: relative;
opacity: 1;
visibility: visible;
display: block;
left: 0;
box-shadow: none;
z-index: 0;
}
.categories-list__item.category-open::after {
content: none;
}
.categories-list__item.subcategory-open:after {
content: none;
}
.subcategories-list__link {
font-size: 14px;
width: 100%;
padding-left: 15px;
border-bottom: 1px solid rgba(35, 35, 35, 0.06);
display: flex;
align-items: center;
}
.subcategories-list__link.active {
color: var(--color-secondary);
font-weight: 600;
}
.subcategories-list__link:hover {
color: var(--color-secondary);
}
#select-city>li>ul {
z-index: 10;
display: none;
position: absolute;
background-color: white;
border-radius: 10px;
background: #fff;
box-shadow: 0px 5px 15px 1px rgba(33, 33, 33, 0.11);
width: 150px;
}
#select-city>li>ul li a {
color: var(--color-primary);
letter-spacing: 0.28px;
font-size: 14px;
line-height: 20px;
display: flex;
padding: 10px;
width: 100%;
}
.select-city__name {
font-size: 18px;
line-height: 22px;
letter-spacing: 0.36px;
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.woocommerce-checkout #payment div.form-row {
padding: 0px;
}
.mb-menu-nav_wrapper {
display: none;
}
.about-block_right {
display: flex;
flex-direction: column;
}
.fancybox-image {
background: #fff;
}
.delivery-subdsc {
margin-top: 20px;
font-size: 19px;
letter-spacing: 0.38px;
}
.delivery-subdsc strong {
color: var(--color-secondary);
}
.grecaptcha-badge {
visibility: hidden;
}
.woocommerce-notices-wrapper {
display: none !important;
}
.mb-product-slider {
display: none;
}
.modal-city_link+a {
display: none;
}
.wpcf7 form .wpcf7-response-output {
display: none !important;
}
.tab-content__map-title {
margin-bottom: 16px;
font-size: 20px;
}
.slick-arrow.slick-disabled {
opacity: 0.6;
}
.woocommerce .cart-collaterals .cart_totals {
position: relative;
}
.tinkoff_credit_wrapper {
position: absolute;
left: 0;
bottom: 80px;
}
.tinkoff_credit_submit {
position: relative;
color: var(--color-secondary);
font-size: 12px;
letter-spacing: 0.75px;
line-height: 14px;
border: none;
border-bottom: 1px dashed var(--color-secondary);
margin-left: 42px;
text-transform: uppercase;
font-family: 'Gilroy-Medium';
align-self: end;
background: transparent;
outline: none;
transition: opacity 0.5s ease;
}
.tinkoff_credit_submit:hover {
opacity: 0.8;
}
.tinkoff_credit_submit:focus {
outline: none;
}
.tinkoff_credit_wrapper:first-child:before {
position: absolute;
content: '';
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/product-credit.svg);
background-size: cover;
background-repeat: no-repeat;
width: 29px;
height: 29px;
left: 0;
bottom: -2px;
}
.product-info_container .product-block_row {
flex-wrap: wrap;
}
.tinkoff_credit_wrapper {
display: flex;
flex-direction: column;
position: relative;
bottom: 0;
}
.tinkoff_credit_submit {
font-size: 12px;
line-height: 23px;
letter-spacing: 0.7px;
align-self: flex-start;
margin: 0;
margin-top: 6px;
}
.tinkoff_credit_submit:first-child {
margin-top: 0;
}
.tinkoff_credit_wrapper:first-child::before {
width: 18px;
height: 18px;
background-size: contain;
bottom: 0;
}
.tinkoff_credit_form_wrapper {
margin-top: 6px;
}
.page-cart .tinkoff_credit_submit {
margin-left: 0;
}
.product-review_gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -8px;
margin-top: 16px;
}
.product-review_gallery-img {
width: calc(25% - 8px);
margin: 0 4px;
margin-top: 8px;
max-height: 160px;
min-height: 140px;
}
.contact-map-wrapper {
display: flex;
margin-top: 64px;
}
.contact-map {
height: 600px;
width: 100%;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
display: none !important;
}
.tab-content .wp-caption {
width: 100% !important;
}
@media screen and (max-width: 1920px) {
.main-screen {
height: 800px;
}
.kinds {
margin-top: 190px;
}
}
@media screen and (max-width: 1700px) {
main {
padding-bottom: 120px;
}
.page-main section:first-child,
.calc-page section:first-child,
.page-product section:first-child,
.page-subproduct section:first-child,
.page-cart section:first-child {
padding-top: 40px;
}
.header-dsc {
font-size: 14px;
line-height: 16px;
letter-spacing: 0.28px;
}
.header-logo {
margin-right: 15px;
}
.fixed-menu_wrapper {
padding-left: 15px;
padding-right: 15px;
}
.contact-member_info {
padding-top: 35px;
padding-bottom: 25px;
}
.header-dsc:before {
height: 35px;
left: -15px;
}
.contact-member_info-number:before {
width: 20px;
height: 19px;
}
.contact-member_info-address:before {
width: 18px;
height: 20px;
}
.custom-logo {
width: 100%;
height: 100%;
}
.footer-container {
padding-left: 15px;
}
.container-menu {
padding-left: 15px;
padding-right: 15px;
justify-content: center;
}
.menu-item {
font-size: 1.1vw;
}
.menu-item+.menu-item {
margin-left: 3vw;
}
.menu-item+.menu-item:before {
left: -1.5vw;
}
.container-header {
padding-left: 15px;
padding-right: 15px;
}
.header-number {
font-size: 14px;
letter-spacing: 0.28px;
}
.header-btn,
.footer-call_btn {
width: 160px;
height: 40px;
font-size: 14px;
}
.page-main h1 {
margin-top: 40px;
}
.footer-call_number {
font-size: 20px;
}
.footer-column:nth-child(2) {
width: 45%;
}
.footer-column:nth-child(4) {
width: 18%;
}
.footer-call_dsc {
font-size: 13px;
}
.main-screen {
height: 100vh;
background-position-y: -80px;
}
.main-title {
padding-top: 60px;
font-size: 28px;
line-height: 33px;
text-transform: uppercase;
padding-top: 60px;
}
.main-dsc_wrapper {
margin-top: 25px;
}
.main-screen .pseudoelement_1 {
display: none;
}
.about-pseudoelement_1 {
display: none;
}
.kinds-pseudoelement_1 {
display: none;
}
.kinds {
margin-top: 120px;
padding-bottom: 180px;
}
.products-pseudoelement_1 {
display: none;
}
.about-pseudoelement_3 {
display: none;
}
.about-block_left p+p {
margin-top: 30px;
}
p {
font-size: 22px;
line-height: 32px;
letter-spacing: 0.864px;
}
.stage-block_title {
font-size: 31px;
line-height: 41px;
}
.stage-block_right {
width: 40%;
}
.stage-block_img-wrapper:before {
width: 90%;
height: 90%;
}
.stage-block {
margin-top: 120px;
}
.objects {
padding-top: 100px;
padding-bottom: 150px;
}
.objects-leaf_1 {
display: none;
}
.certificates-arrow_prev,
.client-arrow_prev {
left: -49px;
}
.certificates-arrow_next,
.client-arrow_next {
right: -49px;
}
.certificates {
padding-bottom: 150px;
}
.client-slide_name {
margin-top: 40px;
font-size: 24px;
}
.client-slide_city {
font-size: 18px;
margin-top: 10px;
line-height: 100%;
}
.client-btn {
margin-top: 60px;
}
.selection-title {
font-size: 32px;
line-height: 42px;
}
.selection-pseudoelement_1 {
display: none;
}
.selection-dsc {
margin-top: 40px;
}
.selection-btn {
margin-top: 50px;
}
.selection {
padding-bottom: 140px;
}
.map-wrapper {
height: 500px;
}
.fixed-menu_container .menu-item {
font-size: 18px;
line-height: 48px;
}
.fixed-menu_container .menu-item a {
padding-left: 15px;
}
.fixed-menu_container {
max-width: 300px;
}
.fixed-menu_container .menu-item:after {
width: 100%;
}
.article-content .article-title {
font-size: 32px;
line-height: 42px;
}
.article-content .article-img_wrapper {
margin-top: 35px;
}
.article-img_wrapper+.default-text {
margin-top: 40px;
}
.article-content .default-text {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
}
.article-content .default-second_title {
margin-top: 60px;
}
.article-content .default-second_title+.default-text {
margin-top: 45px;
}
.article-content .default-bulleted_list-item {
font-size: 16px;
line-height: 28px;
}
.article-content .default-bulleted_list {
margin-left: 24px;
}
.article-content .default-bulleted_list-item:before {
left: -24px;
top: 9px;
}
.article-comment_text {
font-size: 16px;
line-height: 24px;
}
.menu-company {
width: 15%;
}
.footer-title {
font-size: 22px;
line-height: 0.44px;
}
.menu-kompaniya-container .menu-item a {
font-size: 15px;
letter-spacing: 0.3px;
}
.menu-kompaniya-container .menu-item+.menu-item,
.menu-produkty-container .menu-item+.menu-item,
.menu-uslugi-container .menu-item+.menu-item {
margin-top: 10px;
}
.menu-products .footer-nav ul li a {
line-height: 18px;
font-size: 14px;
letter-spacing: 0.28px;
}
.menu-products .footer-nav ul {
max-height: 380px;
}
.menu-products {
width: 60%;
}
.menu-services {
width: 25%;
}
.menu-uslugi-container .menu {
max-height: unset;
}
}
@media screen and (max-width: 1600px) {
.menu>.menu-item>.sub-menu {
width: 95vw;
left: -125px;
}
}
@media screen and (max-width: 1366px) {
.header-logo {
max-width: 150px;
margin-right: 0;
}
.header-dsc {
font-size: 12px;
line-height: 18px;
}
.header-dsc:before {
height: 100%;
left: -10px;
}
.contacts-address {
max-width: 250px;
font-size: 12px;
}
}
@media screen and (max-width: 1200px) {
.container-header {
display: none;
}
.main-navigation_container {
display: none;
}
.mb-container_header {
position: relative;
z-index: 1;
display: flex;
flex-direction: row;
background: #fff;
box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.18);
height: 62px;
padding-left: 33px;
padding-right: 33px;
justify-content: space-between;
align-items: center;
}
.mb-menu-phone {
margin-right: 20px;
}
.mb-menu_phone-icon {
width: 22px;
height: 22px;
}
.header-cart_info,
.header-cart {
display: none;
}
.header-cart_wrapper {
position: relative;
width: 25px;
height: 25px;
}
.header-cart_wrapper:before {
content: '';
position: absolute;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/shopping-cart--green.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
left: 0px;
}
.mb-menu-contacs {
display: flex;
flex-direction: row;
}
.custom-logo {
max-width: 121px;
}
.mb-menu-hamburger_wrapper {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.mb-menu-hamburger .line {
width: 17px;
height: 4px;
background-color: var(--color-secondary);
display: block;
margin: 3px auto;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mb-menu-hamburger_wrapper:hover .mb-menu-hamburger .line {
background-color: var(--color-secondary);
}
.menu-hamburger_wrapper:hover .menu-hamburger_text {
color: var(--color-secondary);
}
.mb-menu-hamburger.is-active .line {
background-color: var(--color-secondary);
}
.mb-menu-hamburger .line:first-child {
margin-top: 0px;
}
.mb-menu-hamburger .line:last-child {
margin-bottom: 0px;
}
.mb-menu-hamburger:hover {
cursor: pointer;
}
.mb-menu-hamburger.is-active .line:nth-child(2) {
opacity: 0;
}
.mb-menu-hamburger.is-active .line:nth-child(1) {
-webkit-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
-o-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.mb-menu-hamburger.is-active .line:nth-child(3) {
-webkit-transform: translateY(-6px) rotate(-45deg);
-ms-transform: translateY(-6px) rotate(-45deg);
-o-transform: translateY(-6px) rotate(-45deg);
transform: translateY(-6px) rotate(-45deg);
}
.mb-menu-nav_wrapper {
position: absolute;
padding-left: 33px;
max-width: 303px;
background-color: #fff;
top: 62px;
z-index: 100;
left: -100%;
max-width: 282px;
width: 100%;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.51);
transition: left 0.5s ease;
display: flex;
flex-direction: column;
}
.mb-menu-nav_wrapper.is-active {
left: 0px;
}
.mb-menu_city {
height: 55px;
background: #f3f3f3;
margin-left: -33px;
padding-left: 33px;
}
.select-wrapper {
position: relative;
padding-left: 33px;
display: flex;
height: 100%;
width: fit-content;
align-items: center;
}
.select-wrapper:before {
right: 0px;
}
.select-wrapper select {
background: #f3f3f3;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.36px;
color: var(--color-secondary);
border-bottom: 1px solid var(--color-secondary);
}
.mb-menu-nav {
display: flex;
}
.mb-menu-nav .menu {
display: flex;
flex-direction: column;
}
.mb-menu-nav .menu-shapka-menyu-container {
width: 100%;
padding-right: 13px;
}
.mb-menu-nav .menu-item {
font-size: 17px;
line-height: 49px;
letter-spacing: 0.34px;
font-family: 'Gilroy-Bold';
margin: 0px;
position: relative;
}
.mb-menu-nav .menu-item+.menu-item:before {
content: none;
}
.mb-menu-nav .menu-item+.menu-item:before {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.06);
}
.mb-menu_phone {
height: 96px;
background: var(--color-secondary);
margin-left: -33px;
display: flex;
flex-direction: column;
justify-content: center;
}
.mb-menu_phone .header-number {
padding-left: 33px;
color: #fff;
font-size: 17px;
letter-spacing: 0.32px;
}
.mb-menu_phone .header-number:last-child {
position: relative;
}
.mb-menu_phone .header-number:last-child:after {
content: '';
position: relative;
right: auto;
display: inline-block;
margin-left: 12px;
left: auto;
top: 50%;
transform: translateY(-50%);
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/max-logo.png);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.mb-menu-phone .header-number+.header-number {
margin-top: 17px;
}
.main-screen .container {
display: none;
}
.main-screen .mb-container {
display: flex;
flex-direction: column;
}
.main-screen {
height: 630px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/mb-main-background.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
.about-pseudoelement_2 {
display: none;
}
.mb-container {
padding-left: 33px;
}
.main-screen .mb-container {
padding-top: 38px;
}
.main-screen .mb-title {
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
text-transform: uppercase;
font-family: 'Gilroy-Heavy';
}
.main-screen .text-wrapper {
position: relative;
margin-right: 19px;
}
.main-screen .text-wrapper:before {
content: '';
position: absolute;
display: flex;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/main-title_background.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 100%;
height: 100%;
left: -12px;
top: 0px;
z-index: 0;
}
.main-screen .c-text--white {
position: relative;
display: inline-flex;
z-index: 1;
}
.main-screen .mb-container .main-dsc {
font-size: 14px;
letter-spacing: 0.28px;
line-height: 20px;
margin-top: 32px;
}
.mb-list {
margin-top: 33px;
display: flex;
flex-direction: column;
}
.mb-list_item {
font-size: 16px;
text-align: left;
letter-spacing: 0.32px;
line-height: 20px;
font-family: 'Gilroy-Bold';
position: relative;
padding-left: 53px;
}
.mb-list_item:nth-child(1):before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/mb-icon_debt.svg);
width: 29px;
height: 29px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.mb-list_item:nth-child(2):before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/mb-icon_support.svg);
width: 28px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 28px;
}
.mb-list_item:nth-child(3):before {
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/mb-icon_settings.svg);
width: 27px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
height: 27px;
}
.mb-list_item:before {
content: '';
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.mb-list_item+.mb-list_item {
margin-top: 33px;
}
.mb-main-btn_wrapper .btn {
width: 220px;
height: 57px;
font-size: 10px;
letter-spacing: 0.5px;
}
.main-btn_wrapper {
margin-top: 27px;
}
.mb-main-btn_wrapper .main-btn:after {
width: 54px;
height: 43px;
right: -22px;
}
.h2 {
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}
.about {
padding-top: 40px;
background-color: #f7f7f7;
padding-bottom: 100px;
}
.about .c-text--green {
display: flex;
justify-content: center;
}
.about-block {
flex-direction: column;
margin-top: 38px;
}
p {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
}
.container {
padding-left: 33px;
}
.about-block_left p+p {
margin-top: 20px;
}
.selection .selection-leaf_3 {
display: none;
}
.about-block_right {
position: relative;
right: auto;
flex: 100%;
margin-top: 30px;
}
.about-block_left .about-video_wrapper {
display: none;
}
.about-block_right .about-video_wrapper {
display: flex;
margin-top: -5px;
}
.about-director_name {
margin-top: 21px;
font-size: 18px;
line-height: 25px;
letter-spacing: 0px;
}
.about-director_position {
font-size: 14px;
line-height: 25px;
letter-spacing: 0px;
}
.about-video_img {
width: 82px;
height: 82px;
}
.about-video_text {
font-size: 15px;
line-height: 20px;
letter-spacing: 0.3px;
margin-left: 0px;
}
.kinds {
margin-top: 14px;
background: none;
padding-bottom: 60px;
}
.kinds-pseudoelement_2 {
display: none;
}
.kinds .table { }
.kinds .table-adaptive-wrapper {
overflow-x: auto;
}
.kinds .table-adaptive-wrapper::-webkit-scrollbar {
height: 15px;
background-color: #f3f0ec;
border-radius: 20px;
}
.kinds .table-adaptive-wrapper::-webkit-scrollbar-thumb {
background-color: var(--color-secondary);
border-radius: 20px;
box-shadow: inset 1px 1px 10px #f3faf7;
}
.kinds td {
min-width: 160px;
}
.kinds .table-td__header-price {
font-size: 16px;
line-height: 20px;
}
.kinds .table-td__header-img {
max-width: 149px;
height: 70%;
}
.products-pseudoelement_2 {
display: none;
}
.products {
padding-top: 47px;
background-color: #f7f7f7;
padding-bottom: 47px;
}
.product-blocks {
padding-right: 12px;
justify-content: space-between;
margin-top: 37px;
}
.site-main .product-block {
width: calc(100% / 2 - 15px);
margin: 0px;
margin-right: 15px;
margin-top: 40px;
border-radius: 8px;
}
.site-main .product-block:nth-child(-n + 2) {
margin-top: 0px;
}
.site-main .product-block:nth-child(even) {
margin-right: 0px;
}
.product-info_weight,
.product-info_generate,
.product-info_users,
.product-info_size {
display: none;
}
.product-block_wrapper {
margin-left: 10px;
flex-wrap: wrap;
margin-top: 10px;
flex-direction: column;
align-items: baseline;
}
.product-block_img-wrapper {
height: 80px;
overflow: hidden;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.product-block_name {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
display: inline-block;
}
.product-block_info {
padding-top: 15px;
padding-left: 10px;
}
.product-block_price {
padding-left: 10px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
margin-top: 8px;
}
.product-block_card-btn {
width: 89px;
height: 28px;
font-size: 7.5px;
letter-spacing: 0.675px;
padding-left: 14px;
padding-right: 14px;
}
.product-block_name--bold {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.product-block_card-btn:after {
width: 9px;
height: 9px;
right: 14px;
}
.product-block_more {
margin-left: 0px;
font-size: 9.6px;
letter-spacing: 0.28px;
margin-top: 15px;
}
.product-block_more:after {
width: 3px;
height: 7px;
background-position: center center;
right: -13px;
}
.product-block:before {
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
}
.products-pseudoelement_3 {
display: none;
}
.btn-more {
font-size: 14px;
letter-spacing: 0.28px;
}
.btn-more_wrapper {
margin-top: 42px;
}
.btn-more:after {
width: 4px;
height: 7px;
right: -16px;
}
.brochure {
margin-top: 0px;
height: auto;
}
.brochure-img {
max-width: 170px;
max-height: 153px;
top: 66px;
width: 100%;
object-fit: contain;
}
.brochure-block {
margin: 0px;
padding: 0px;
border: unset;
padding-top: 35px;
padding-bottom: 35px;
height: auto;
}
.brochure-btn_wrapper {
position: relative;
bottom: auto;
padding: 0px;
background: none;
}
.brochure-title {
position: relative;
padding: 0px;
top: auto;
left: auto;
background: none;
text-align: center;
}
.brochure-dsc {
font-size: 14px;
line-height: 20px;
margin-top: 0px;
letter-spacing: 0px;
margin-top: 38px;
max-width: 132px;
}
.brochure-btn_wrapper:before {
width: 100%;
height: 37px;
}
.brochure-btn_wrapper .btn {
width: 141px;
height: 37px;
border-radius: 18px;
font-size: 9px;
letter-spacing: 0.45px;
margin-top: 10px;
}
.stages {
margin-top: 50px;
padding-bottom: 50px;
}
.stage-block {
margin-top: 60px;
flex-wrap: wrap;
position: relative;
}
.stage-block_left {
width: 100%;
}
.stage-block_right {
width: 100%;
position: absolute;
top: -15px;
}
.stage-block_title {
font-size: 18px;
line-height: 24px;
letter-spacing: 0.36px;
padding-left: 130px;
}
.stage-block_title:before {
content: none;
}
.stage-block_dsc {
margin-top: 27px;
}
.stage-block_img-wrapper {
max-width: 103px;
max-height: 90px;
top: 0px;
position: relative;
}
.stage-block_number {
font-size: 75px;
letter-spacing: 0;
top: -20px;
left: -20px;
}
.stage-block_img-wrapper:before {
border-radius: 15px;
border: 5px solid #ffb748;
left: 15px;
top: -10px;
}
.stage-block:nth-child(odd) .stage-block_left {
padding: 0px;
left: 0px;
}
.stage-block:nth-child(odd) {
flex-direction: row;
}
.stage-block:nth-child(odd) .stage-block_title {
text-align: left;
padding: 0px;
padding-left: 125px;
}
.stage-block:nth-child(odd) .stage-block_right {
position: absolute;
left: 0px;
}
.objects {
margin-top: 0px;
padding-top: 50px;
background: #f7f7f7;
padding-bottom: 60px;
}
.objects-background_1 {
display: none;
}
.object-cards {
margin-top: 28px;
flex-direction: column;
width: 100%;
padding-bottom: 0px;
}
.object-cards .slick-list {
padding-bottom: 40px;
}
.object-card {
background: none;
border-radius: 10px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 7px 24px 0px rgba(0, 0, 0, 0.18);
padding-left: 15px;
padding-right: 15px;
height: auto !important;
padding-bottom: 20px;
}
.object-card:before {
content: '';
position: absolute;
border: 1px solid #f1f1f1;
opacity: 0.6;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 10px;
}
.object-card_title {
font-size: 16px;
margin-top: 0px;
letter-spacing: 0.32px;
line-height: 32px;
padding: 0px;
padding-top: 30px;
margin-bottom: 0px;
min-height: auto;
}
.objects .container {
padding-right: 33px;
justify-content: center;
display: flex;
flex-direction: column;
padding-left: 33px;
}
.object-card_wrapper {
padding: 0px;
}
.object-card_info:first-child {
margin-top: 15px;
}
.object-card_name {
font-size: 11px;
letter-spacing: 0.22px;
}
.object-card_value {
font-size: 11px;
letter-spacing: 0.22px;
}
.object-card_btn-wrapper .btn {
width: 161px;
height: 42px;
font-size: 9px;
letter-spacing: 0.45px;
}
.object-card_slider {
margin-top: 27px;
}
.object-card_btn:after {
content: none;
}
.object-card_info+.object-card_info {
margin-top: 10px;
}
.object-card_btn-wrapper {
margin-top: 15px;
}
.objects .btn-more {
left: 0px;
margin-top: 0px;
}
.slider-arrow_prev,
.slider-arrow_next {
width: 17px;
height: 17px;
}
.slider-arrow_prev {
left: -7px;
}
.slider-arrow_next {
right: -7px;
}
.slider-arrow_prev:before,
.slider-arrow_next:before {
width: 4px;
height: 6px;
}
.objects-background_2 {
display: none;
}
.objects-leaf_2 {
display: none;
}
.selection .selection-leaf_1 {
display: none;
}
.selection .selection-leaf_2 {
display: none;
}
.certificates {
margin-top: 50px;
padding-bottom: 50px;
}
.certificates-slider {
margin-top: 30px;
}
.certificates-slider .slick-list {
margin: 0 -5px;
}
.certificates .slick-slide {
margin: 0 5px;
}
.certificates .container {
padding-left: 40px;
padding-right: 40px;
}
.clients {
background: none;
background-color: #f7f7f7;
padding-top: 40px;
padding-bottom: 50px;
}
.clients-background_1 {
display: none;
}
.client-btn .btn {
width: 100%;
height: 70px;
text-align: center;
font-size: 10px;
letter-spacing: 0.5px;
padding-left: 20px;
padding-right: 20px;
}
.client-btn {
margin-top: 20px;
}
.client-slider {
margin-top: 34px;
}
.client-slide_img-wrapper:before {
width: 82px;
height: 82px;
}
.client-slide_img-wrapper:after {
height: 68px;
width: 68px;
}
.client-slide_name {
margin-top: 30px;
font-size: 16px;
line-height: 28px;
letter-spacing: 0.32px;
}
.client-slide_city {
margin-top: 0px;
font-size: 13px;
line-height: 25px;
letter-spacing: 0.26px;
}
.selection {
margin-top: 0px;
padding-bottom: 40px;
background-position: center center;
}
.selection-title {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.8px;
}
.clients .container {
padding-left: 15px;
}
.selection-dsc {
margin-top: 27px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.6px;
}
.selection .btn {
width: 197px;
height: 54px;
font-size: 10px;
letter-spacing: 0.5px;
}
.map-wrapper {
height: 235px !important;
width: 100%;
margin-top: 35px;
}
.certificates-arrow_prev:before,
.certificates-arrow_next:before,
.client-arrow_prev:before,
.client-arrow_next:before {
width: 11px;
height: 19px;
background-position: center center;
}
.certificates-arrow_prev,
.client-arrow_prev {
left: -30px;
}
.certificates-arrow_next,
.client-arrow_next {
right: -30px;
}
.site {
overflow-x: hidden;
}
.location .container {
padding: 0px;
}
.location {
margin-top: 40px;
}
.site .site-main {
padding-bottom: 0px;
}
.footer>.footer-container {
display: none;
}
.footer {
padding-top: 0px;
}
.footer-info {
margin-top: 0px;
padding-top: 25px;
padding-bottom: 0px;
}
.footer-info_wrapper {
flex-direction: column;
}
.footer-container {
padding: 0px;
}
.footer-column:nth-child(1),
.footer-column:nth-child(2),
.footer-column:nth-child(3) {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.footer-column:nth-child(1) {
order: 1;
position: relative;
z-index: 1;
box-shadow: 0px -2px 8.9px 1.1px rgba(0, 0, 0, 0.08);
padding-top: 24px;
background-color: #fff;
padding-bottom: 35px;
}
.footer-info_title {
margin-bottom: 0px;
font-size: 14px;
letter-spacing: 0.28px;
}
.footer-info_address {
flex-direction: column;
margin-top: 18px;
}
.footer-info_addrses-wrapper {
width: 100%;
}
.footer-info_address-name,
.copyright-text {
font-size: 12px;
line-height: 20px;
letter-spacing: 0.24px;
}
.footer-column:nth-child(3) {
margin-top: 40px;
}
.footer-social+.footer-social {
margin-left: 10px;
}
.footer-call_dsc {
margin-top: 20px;
}
.footer-call_btn {
display: none;
}
.footer-column--right {
align-items: flex-start;
margin-top: 30px;
padding-bottom: 30px;
}
.footer-column--right .footer-call {
text-align: left;
}
.footer-column--right .footer-call_btn {
margin-left: 0;
}
.mb-footer_title-pay {
display: flex;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 32px;
}
.footer-social_wrapper {
max-width: 115px;
margin-top: 0px;
}
.footer-social-block {
margin-top: 20px;
}
.footer-social-grid {
justify-content: flex-start;
}
.footer-social-item {
padding: 5px 12px;
font-size: 12px;
}
.footer-pay_wrapper {
margin-top: 0px;
}
.footer-column:nth-child(3) .footer-row:last-child {
margin-top: 15px;
}
.page-cart h1 {
font-size: 20px;
line-height: 22px;
letter-spacing: 0.4px;
margin-top: 30px;
}
.wcibd-buttons-group {
display: none;
}
.page-cart .woocommerce-cart-form-block {
padding: 0px;
box-shadow: none;
margin: 0px;
background: none;
}
.page-cart .container {
padding: 0px;
}
.page-cart .woocommerce-cart-allitems {
background: none;
padding-left: 33px;
margin-top: 0px;
height: auto;
}
.page-cart .woocommerce-cart-form-block:before {
content: none;
}
.page-cart .septic-cart_single-label {
display: none;
}
.page-cart .product-cart_column .product-cart_row:first-child {
display: none;
}
.page-cart .wooocmerce-cart-allitems_text {
font-size: 16px;
line-height: 29px;
letter-spacing: 0.8px;
}
.page-cart .breadcrumbs {
padding-left: 33px;
}
.page-cart .woocommerce {
margin-top: 35px;
}
.mb-product_title {
display: flex;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.24px;
width: 100%;
}
.product-subtotal {
order: 1;
font-size: 20px;
letter-spacing: 0.4px;
line-height: 100%;
margin-top: 10px;
width: 100%;
}
.page-cart .product-cart_column {
margin-left: 15px;
}
.page-cart .product-cart_column .product-cart_row:nth-child(2) {
justify-content: flex-start;
}
.product-remove {
order: 1;
}
.woocommerce a.remove {
margin-left: 0px;
line-height: 18px;
font-size: 9px;
}
.page-cart .cart_item {
padding-bottom: 20px;
}
.page-cart .woocommerce-Price-amount {
font-size: 20px;
letter-spacing: 0.4px;
line-height: 100%;
width: 100%;
}
.cart-totals__discount .woocommerce-Price-amount {
width: auto;
}
.product-quantity {
margin-top: 5px;
}
.page-cart .cart-collaterals {
margin: 0px;
padding: 0px;
background: #f3f3f3;
box-shadow: none;
border-radius: unset;
padding-left: 33px;
padding-top: 28px;
padding-right: 37px;
padding-bottom: 40px;
}
.page-cart .cart-subtotal_price span {
font-size: 24px;
line-height: 29px;
letter-spacing: 1.2px;
}
.page-cart .cart-subtotal_table .cart-subtotal_row:nth-child(2) {
margin-top: 26px;
padding-bottom: 0px;
border: unset;
}
.page-cart .cart-collaterals:before {
content: none;
}
.page-cart .cart-subtotal_items .wooocmerce-cart-allitems_text {
font-size: 16px;
line-height: 29px;
letter-spacing: 0.464px;
}
.page-cart .cart-subtotal_info {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.page-cart .cart-subtotal_table .cart-subtotal_row:nth-child(3) {
margin-top: 28px;
}
.page-cart .wc-proceed-to-checkout .btn-wrapper a {
width: 100%;
font-size: 14px;
letter-spacing: 0.9px;
}
.page-cart .btn-wrapper {
width: 100%;
}
.page-cart .wc-proceed-to-checkout {
margin-top: 22px;
}
.page-cart .wc-credit {
font-size: 15px;
letter-spacing: 0.75px;
}
.page-cart .wc-credit_wrapper {
margin-top: 30px;
}
.page-cart .cart_item:last-child {
border: unset;
}
.page-cart .wc-credit_info {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.page-cart .wc-credit:before {
background-position: center center;
}
.page-cart .wc-credit_info br {
display: none;
}
.page-cart .equipment {
margin-top: 40px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 40px;
}
.equipment-cards {
margin-top: 38px;
}
.equipment-card {
width: calc(100% / 2);
padding: 3px;
}
.equipment-card_img-wrapper {
height: 75px;
}
.default-card:before {
left: 3px;
top: 3px;
bottom: 3px;
right: 3px;
}
.equipment-card_wrapper {
padding-left: 13px;
padding-top: 15px;
padding-right: 27px;
padding-bottom: 22px;
}
.equipment-card_dsc {
display: none;
}
.equipment-card_title {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.equipment-card_title--bold {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.equipment-card_price {
margin-top: 10px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
}
.equipment .product-block_card-btn {
width: 89px;
height: 28px;
padding-left: 16px;
padding-right: 14px;
font-size: 7.5px;
letter-spacing: 0.375px;
}
.equipment-card_addtocart .woocommerce #respond input#submit,
.equipment-card_addtocart .woocommerce a.button,
.equipment-card_addtocart .woocommerce button.button,
.equipment-card_addtocart .woocommerce input.button {
height: 100%;
max-width: 89px;
}
.equipment-card_addtocart .btn-wrapper:before {
max-width: 89px;
height: 28px;
position: absolute;
top: 1px;
}
.equipment-card_addtocart {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 15px;
}
.equipment-card_more {
margin-left: 0px;
margin-top: 13px;
font-size: 9.6px;
letter-spacing: 0.192px;
}
.equipment-card_more:after {
background-position: center center;
width: 3px;
height: 7px;
right: -13px;
}
.checkout-container {
padding-left: 33px;
padding-right: 33px;
}
.page-main h1 {
margin-top: 30px;
text-align: center;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
width: 100%;
}
.page-main section:first-child,
.calc-page section:first-child,
.page-product section:first-child,
.page-subproduct section:first-child,
.page-cart section:first-child {
padding-top: 20px;
}
.story {
margin-top: 0px;
}
.page-about .about {
padding-bottom: 0px;
}
.page-about .container {
padding-right: 37px;
padding-left: 33px;
padding-bottom: 50px;
}
.story {
margin-top: 30px;
padding-top: 45px;
background-color: #f0f0f0;
padding-bottom: 50px;
}
.story-slider_nav {
display: none;
}
.story-slider {
margin-right: 0px;
margin-top: 40px;
}
.story-slider_content {
width: 100%;
}
.story-slide_for-column {
width: 100%;
}
.story-slide_for {
flex-direction: column;
flex-wrap: wrap;
}
.story-slide_dsc {
margin: 0px;
font-size: 12px;
line-height: 18px;
margin-top: 40px;
letter-spacing: 0.24px;
}
.story-slide_number-prev,
.story-slide_number-next {
width: 18px;
top: 50%;
transform: translateY(-50%);
height: 18px;
}
.story-slide_number-prev {
transform: scale(-1, 1) translateY(-50%);
}
.story-slide_for .story-slide_for-column:last-child {
padding-left: 0px;
margin-top: 25px;
}
.story-subslide {
padding-right: 0px;
}
.company {
margin-top: 45px;
}
.company-second_title {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.32px;
}
.company-block {
flex-direction: column;
margin-top: 30px;
}
.company-block_left {
width: 100%;
}
.company-dsc {
margin-top: 20px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.company-dsc br {
display: none;
}
.company-dsc+.company-dsc {
margin-top: 15px;
}
.company-block_right {
width: 100%;
margin-top: 30px;
}
.second-company_block,
.third-company_block {
margin-top: 60px;
}
.second-company_block .company-block_left {
width: 100%;
}
.second-company_block,
.third-company_block {
flex-direction: column;
}
.second-company_block .company-block_left img {
position: relative;
max-width: 352px;
max-height: 188px;
left: -30%;
margin-top: 15px;
}
.second-company_block .company-block_right {
width: 100%;
margin-top: 0px;
}
.company-dsc {
margin-top: 20px;
}
.fourth-company_block {
margin-top: 60px;
}
.default-list_item {
font-size: 12px;
line-height: 25px;
letter-spacing: 0.24px;
margin-top: 0px;
}
.default-list_item br {
display: none;
}
.default-list_items {
padding-left: 18px;
padding-top: 15px;
margin-top: 0px;
}
.default-list_item:before {
left: -18px;
width: 6px;
height: 6px;
top: 10px;
}
.branches {
margin-top: 50px;
padding-top: 40px;
background-color: #f0f0f0;
}
.branch-info_wrapper {
margin-top: 30px;
flex-direction: column;
}
.branch-info {
width: 100%;
}
.branch-city {
font-size: 20px;
line-height: 40px;
letter-spacing: 0.4px;
}
.branch-contacts {
margin-top: 0px;
}
.branch-contact_address {
padding-left: 24px;
font-size: 14px;
line-height: 31px;
letter-spacing: 0.28px;
}
.branch-contact_address:before {
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
}
.branch-contact_number {
margin-top: 5px;
padding-left: 24px;
font-size: 18px;
line-height: 23px;
letter-spacing: 0.36px;
}
.branch-contact_number:before {
width: 16px;
height: 16px;
}
.branch-contact_wrapper {
margin-top: 25px;
}
.branch-contact_number-btn .btn {
width: 129px;
height: 40px;
font-size: 11px;
letter-spacing: 0.55px;
padding-left: 23px;
padding-right: 18px;
}
.branch-contact_number-btn .btn:after {
margin-left: 8px;
width: 11px;
height: 10px;
}
.page-about .location {
display: none;
}
.branch-slider_wrapper {
width: 100%;
}
.branch-dsc {
margin-top: 10px;
padding-right: 37px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
white-space: normal;
}
.branch-dsc br {
display: none;
}
.branch-info_wrapper:nth-child(odd) {
flex-direction: column;
}
.branch-info_wrapper:nth-child(odd) .branch-info {
margin-left: 0px;
}
.branch-image_wrapper {
margin-top: 20px;
}
.team {
margin-top: 40px;
}
.team-carousel {
margin-top: 25px;
}
.team-carousel .default-arrow_prev {
left: 0px;
z-index: 1;
}
.team-carousel .default-arrow_next {
right: 0px;
}
.team-slide .team-name {
font-size: 16px;
letter-spacing: 0.32px;
}
.team-slide figure figcaption {
margin-top: 20px;
}
.team-slide .team-position {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 100%;
margin-top: 10px;
}
.partners {
margin-top: 60px;
}
.page-about .team .container {
padding-bottom: 0px;
}
.partners-carousel {
margin-top: 30px;
margin-bottom: 50px;
}
.partners .container {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 0px;
}
.partners-card_modal-link {
display: none;
}
.partners-carousel .default-arrow_next {
right: -40px;
top: 25px;
}
.partners-carousel .default-arrow_prev {
left: -40px;
top: 25px;
}
.partners-card {
padding-bottom: 0px;
height: 87px;
overflow: hidden;
}
.partners-card_wrapper-img {
height: 87px;
min-height: unset;
}
.page-main .certificates {
margin-top: 0px;
}
.page-main,
.calc-page {
padding-bottom: 0px;
}
.product-card {
width: calc(100% / 2 - 7.5px);
margin-top: 25px;
margin-right: 0px;
padding: 3px;
padding-bottom: 15px;
}
.product-card:nth-child(odd) {
margin-right: 7.5px;
}
.product-card:nth-child(even) {
margin-left: 7.5px;
}
.goods .container {
padding-bottom: 60px;
}
.product-card .default-card_img-wrapper {
min-height: unset;
max-height: 105px;
}
.product-card .default-card_img {
max-width: unset;
max-height: unset;
width: 100%;
object-fit: contain;
}
.default-card_title {
padding-left: 2px;
padding-right: 2px;
margin-top: 0px;
font-size: 11px;
line-height: 16px;
margin-top: 10px;
letter-spacing: 0.22px;
}
.service-cards {
margin-top: 30px;
}
.service-card {
width: calc(100% / 2 - 7.5px);
margin-right: 0px;
margin-top: 15px;
}
.service-card:nth-child(odd) {
margin-right: 7.5px;
}
.service-card:nth-child(even) {
margin-left: 7.5px;
}
.service-card:nth-child(-n + 4) {
margin-top: 15px;
}
.service-card:nth-child(-n + 2) {
margin-top: 0px;
}
.service-info_wrapper:first-child {
margin-top: 80px;
}
.default-second_title {
font-size: 20px;
line-height: 31px;
letter-spacing: 0.4px;
}
.page-services .default-text,
.sub-product_info .default-text,
.page-subservices .default-text {
margin-top: 25px;
}
.default-text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.service-info .container {
padding-bottom: 50px;
}
.page-subservices .default-second_title,
.page-services .default-second_title,
.page-subproduct .default-second_title {
margin-top: 40px;
}
.page-subservices .default-third_title,
.page-services .default-third_title,
.page-subproduct .default-third_title {
font-size: 16px;
line-height: 25px;
margin-top: 15px;
letter-spacing: 0.32px;
}
.default-bulleted_list-item {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.default-arrow_prev,
.default-arrow_next {
width: 18px;
height: 29px;
}
.default-bulleted_list {
margin-left: 18px;
margin-top: 15px;
}
.default-bulleted_list-item:before {
left: -18px;
width: 6px;
height: 6px;
top: 5px;
}
.default-text_border {
width: 100%;
border: 2px solid var(--color-secondary);
padding-top: 17px;
padding-left: 15px;
padding-right: 14px;
padding-bottom: 17px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.page-subservices .default-text_border,
.page-services .default-text_border {
margin-top: 30px;
}
.delivery-wrapper {
margin-top: 30px;
}
.delivery-container {
flex-direction: column;
}
.delivery-container_left {
width: 100%;
order: 1;
}
.delivery-container_right {
width: 100%;
}
.delivery-img {
position: relative;
left: -30%;
max-width: 369px;
max-height: 198px;
}
.delivery-container_right p+p,
.delivery-wrapper p+p {
margin-top: 25px;
}
.delivery-container_right p,
.delivery-wrapper p {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.delivery-container_wrapper {
margin-top: 40px;
}
.delivery-wrapper .delivery-container:nth-child(2) .delivery-container_left {
flex: 100%;
order: 0;
}
.delivery-second_title {
margin-bottom: 0px;
}
.delivery-wrapper .delivery-container:nth-child(2) .delivery-img {
position: relative;
width: 60%;
}
.delivery-addresses_table-wrapper {
display: flex;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.table-column {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 30px;
margin-top: 30px;
}
.table-column:first-child {
margin-top: 0px;
}
.delivery-addresses_table {
flex-direction: column;
}
.delivery-addresses_table {
border-radius: unset;
border: none;
box-shadow: unset;
}
.table-contacts_adress {
font-size: 14px;
line-height: 14px;
letter-spacing: 0.28px;
padding-left: 5px;
}
.delivery-addresses_table .table-column:first-child .table-row:first-child {
border-top-left-radius: unset;
background: none;
height: auto;
padding-left: 0px;
align-items: flex-start;
}
.delivery-addresses_table-title {
font-size: 20px;
line-height: 100%;
letter-spacing: 0.4px;
color: var(--color-primary);
font-family: 'Gilroy-ExtraBold';
}
.delivery-addresses_table .table-row:first-child {
background: none;
padding-left: 0px;
align-items: flex-start;
height: auto;
}
.delivery-addresses_table-contacts {
padding-left: 20px;
height: auto;
justify-content: flex-start;
display: inline-flex;
margin-top: 20px;
}
.table-contacts_number {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 100%;
padding-left: 5px;
}
.table-contacts_adress:before {
width: 16px;
height: 21px;
top: 50%;
transform: translateY(-50%);
}
.table-contacts_number:before {
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
}
.delivery-addresses {
margin-top: 40px;
padding-top: 40px;
background: #f7f7f7;
padding-bottom: 40px;
margin-bottom: 50px;
}
.delivery-addresses .h2 {
display: none;
}
.delivery-addresses .mb-h2 {
display: block;
text-transform: uppercase;
font-size: 20px;
line-height: 25px;
font-family: 'Gilroy-Heavy';
letter-spacing: 0.4px;
text-align: center;
}
.delivery-addresses_content {
flex-direction: column;
margin-top: 40px;
}
.delivery-addresses_content-dsc {
padding-left: 75px;
width: 100%;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.delivery-addresses_content-dsc br {
display: none;
}
.delivery-addresses_content-dsc:nth-child(1):before {
width: 62px;
height: 42px;
}
.delivery-addresses_content-dsc+.delivery-addresses_content-dsc {
margin-top: 20px;
}
.delivery-addresses_table .table-column:last-child .delivery-addresses_table-title {
font-size: 18px;
line-height: 25px;
letter-spacing: 0.36px;
}
.delivery-addresses_table-subtitle {
font-size: 18px;
line-height: 25px;
letter-spacing: 0.36px;
}
.table-column:last-child {
padding-bottom: 0px;
}
.delivery-regions {
margin-top: 0px;
}
.delivery-regions_list {
flex-direction: column;
margin-top: 30px;
}
.delivery-regions_list-column {
width: 100%;
padding-left: 18px;
}
.delivery-regions_list-item {
font-size: 12px;
letter-spacing: 0.2px;
line-height: 20px;
}
.delivery-regions_list-item:before {
left: -18px;
width: 6px;
height: 6px;
}
.delivery-regions_list-item+.delivery-regions_list-item {
margin-top: 0px;
}
.delivery-payment {
margin-top: 45px;
padding-top: 45px;
background-color: #f7f7f7;
padding-bottom: 0px;
}
.delivery-payment_wrapper {
margin-top: 40px;
justify-content: center;
}
.delivery-payment_column {
width: 50%;
}
.develiry-payment_text {
font-size: 12px;
letter-spacing: 0.2px;
line-height: 100%;
margin-top: 0px;
}
.delivery-payment_img {
max-width: 60px;
max-height: 60px;
}
.table-column:last-child {
padding-bottom: 45px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.question-form {
margin-top: 0px;
padding-top: 75px;
background-color: #f7f7f7;
}
.question-form_container {
flex-direction: column;
}
.question-form_container .column {
width: 100%;
}
.question-form_title {
font-size: 24px;
line-height: 30px;
letter-spacing: 0px;
text-align: center;
}
.question-form_dsc {
font-size: 14px;
letter-spacing: 0px;
line-height: 20px;
text-align: center;
max-width: 290px;
margin: 0 auto;
margin-top: 30px;
}
.question-form_dsc br {
display: none;
}
.question-form_img {
display: none;
}
.mb-question-form_img {
display: block;
position: relative;
}
.question-form_container .column:last-child {
position: relative;
margin-top: -300px;
}
.question-form_wrapper:before {
top: 6px;
left: 6px;
right: 6px;
bottom: 6px;
}
.page-delivery {
padding-bottom: 60px;
}
.question-form_wrapper {
border-radius: 10px;
padding-right: 30px;
padding-top: 30px;
padding-left: 35px;
padding-bottom: 30px;
}
.question-form_second-title {
font-size: 24px;
line-height: 25px;
letter-spacing: 0px;
}
.label {
font-size: 12px;
letter-spacing: 0px;
padding-left: 9px;
}
.input {
font-size: 12px;
letter-spacing: 0px;
padding-bottom: 10px;
padding-left: 9px;
}
.question-form_container .btn {
width: 100%;
height: 63px;
font-size: 11px;
letter-spacing: 0.55px;
text-align: center;
}
.textarea {
max-height: 70px;
}
.work-card {
width: 100%;
margin-right: 0px;
margin-top: 35px;
}
.page-works .container {
padding-right: 37px;
}
.work-card:nth-child(-n + 3) {
margin-top: 35px;
}
.work-card:first-child {
margin-top: 0px;
}
.works .tabs {
margin-top: 35px;
}
.works .tab-button_container {
justify-content: center;
}
.works .tab-content_container {
margin-top: 35px;
}
.page-dealer {
padding-bottom: 60px;
}
.calc-page h1 {
margin-top: 40px;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}
.calc .container {
padding: 0px;
}
.calc .breadcrumbs {
padding-left: 33px;
}
.quiz-block_right {
display: none;
}
.quiz_wrapper {
margin-top: 35px;
}
.quiz-block {
box-shadow: none;
border-radius: unset;
background: #f7f7f7;
padding-top: 23px;
padding-left: 33px;
padding-right: 37px;
padding-bottom: 60px;
}
.quiz-block:before {
content: none;
}
.quiz-block_left {
z-index: 0;
width: 100%;
height: auto;
}
.quiz-form_choice {
padding-left: 0px;
}
.calc-page {
background: #fff;
}
.quiz-step_numbers {
margin-top: 0px;
font-size: 16px;
letter-spacing: 0px;
}
.quiz-title {
font-size: 20px;
letter-spacing: 0px;
line-height: 24px;
margin-top: 10px;
}
.quiz-form_block:nth-child(1) .quiz-form_choice {
margin-top: 35px;
}
.quiz-label_radio img {
max-width: 97px;
max-height: 67px;
}
.quiz-text {
font-size: 12px;
letter-spacing: 0px;
line-height: 16px;
}
.quiz-form_step {
width: 33px;
}
.quiz-form_steps {
max-width: 290px;
margin-top: 30px;
margin-bottom: 60px;
}
.quiz-nav_prev {
margin-right: 0px;
font-size: 12px;
letter-spacing: 0.9px;
margin-left: 20px;
}
.quiz-nav_next .btn {
width: 156px;
height: 50px;
font-size: 12px;
letter-spacing: 0.9px;
line-height: 12px;
}
.quiz-nav_next .btn span {
margin-left: 4px;
}
.quiz-form_nav {
margin-top: 0px;
margin: 0 auto;
max-width: 250px;
justify-content: space-between;
}
.quiz-form_block-wrapper {
height: 400px;
}
.quiz-nav_prev:before {
width: 4px;
height: 7px;
}
.quiz-form_count {
margin-top: 55px;
}
.quiz-form_count-first,
.quiz-form_count-last {
position: absolute;
margin-top: 20px;
}
.quiz-form_count-first {
left: 0px;
}
.quiz-form_count-last {
right: 0px;
}
.quiz-form_count-humans {
justify-content: flex-start;
margin-top: 80px;
}
.quiz-form_count-input {
font-size: 20px;
line-height: 100%;
border-radius: 10px;
width: 88px;
height: 45px;
letter-spacing: 0px;
}
.quiz-form_count-text {
margin-left: 18px;
font-size: 16px;
letter-spacing: 0px;
}
.quiz-form_block:nth-child(3) .quiz-form_choice,
.quiz-form_block:nth-child(4) .quiz-form_choice {
flex-direction: column;
margin-top: 45px;
}
.quiz-form_block:nth-child(3) .quiz-label,
.quiz-form_block:nth-child(4) .quiz-label {
flex-direction: row;
align-items: flex-start;
position: relative;
}
.quiz-label_radio {
width: 110px;
height: 70px;
}
.quiz-form_block:nth-child(3) .quiz-label_radio img,
.quiz-form_block:nth-child(4) .quiz-label_radio img {
width: 110px;
height: 70px;
}
.quiz-form_block:nth-child(3) .quiz-label+.quiz-label {
margin-top: 30px;
}
.quiz-form_block:nth-child(4) .quiz-label+.quiz-label {
margin-top: 30px;
}
.quiz-form_block:nth-child(3) .quiz-text {
white-space: nowrap;
margin-left: 8px;
margin-top: 10px;
font-size: 16px;
letter-spacing: 0px;
}
.quiz-form_block:nth-child(3) .quiz-subtext {
font-size: 12px;
letter-spacing: 0px;
position: absolute;
left: 120px;
top: 0;
margin-top: 30px;
white-space: nowrap;
text-align: left;
line-height: 18px;
}
.quiz-form_block:nth-child(3) .quiz-label_radio:before,
.quiz-form_block:nth-child(4) .quiz-label_radio:before {
width: 28px;
height: 28px;
}
.quiz-form_block:nth-child(4) .quiz-text {
font-size: 16px;
letter-spacing: 0px;
margin-top: 25px;
margin-left: 20px;
text-align: left;
}
.quiz-form_block:nth-child(5) .quiz-form_choice {
margin-top: 45px;
}
.quiz-form_block:nth-child(6) .quiz-form_choice {
margin-top: 110px;
}
.quiz-form_block:nth-child(7) .quiz-subtitle {
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
margin-top: 20px;
}
.quiz-form_block:nth-child(7) .quiz-title {
margin-top: 0px;
}
.quiz-form_block:nth-child(7) .quiz-block_form-wrapper {
margin-left: 0px;
}
.quiz-form_block:nth-child(7) .quiz-block_info-text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0px;
}
.quiz-form_block:nth-child(7) .quiz-block_info-img {
width: 41px;
height: 41px;
margin-right: 13px;
}
.quiz-form_block:nth-child(7) .quiz-block_info {
margin-top: 25px;
}
.quiz-block_img-wrapper {
display: none;
}
.quiz-block_container {
margin-top: 30px;
}
.quiz-block_form input {
padding-top: 15px;
padding-left: 20px;
padding-bottom: 15px;
font-size: 14px;
letter-spacing: 0px;
}
.quiz-title br {
display: none;
}
.quiz-block_form fieldset+fieldset {
margin-top: 20px;
}
form .btn-wrapper {
margin-top: 20px;
}
.quiz-block_form .btn {
width: 100%;
height: 70px;
}
.quiz-block_form .btn-wrapper:after {
position: absolute;
content: '';
width: 75px;
height: 55px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/form-calc.png);
background-size: cover;
background-repeat: no-repeat;
bottom: 16px;
right: -31px;
}
.quiz-block_form-success {
padding-top: 0px;
}
.quiz-block_form-success .quiz-block_title {
font-size: 20px;
line-height: 20px;
letter-spacing: 0px;
}
.quiz-block_form-success .quiz-block_subtitle {
font-size: 12px;
margin-top: 20px;
line-height: 16px;
}
.quiz-block_form-success .quiz-block_success-gifts {
margin-top: 35px;
}
.quiz-block_form-success .quiz-block_gifts-title {
font-size: 16px;
}
.quiz-block_form-success .quiz-block_gifts-container {
margin-top: 0px;
}
.quiz-block_gift-success:nth-child(1) img,
.quiz-block_gift-success:nth-child(2) img,
.quiz-block_gift-success:nth-child(3) img {
width: 70%;
height: 60%;
}
.quiz-block_gift-success-price {
height: 25px;
width: 50px;
font-size: 12px;
left: -15px;
}
.quiz-block_gift-success-text {
font-size: 14px;
line-height: 18px;
margin-top: 5px;
}
.quiz-block_gift-success-subtitle {
font-size: 12px;
text-align: center;
}
.quiz-block_gift-success-wrapper:after {
content: none;
}
.dealer-info {
margin-top: 30px;
}
.default-dsc {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.2px;
}
.dealer-info_title {
margin-top: 35px;
}
.default-fird_title {
font-size: 16px;
line-height: 40px;
letter-spacing: 0.32px;
}
.dealer-info_list {
margin-top: 0px;
padding-left: 17px;
}
.dealer-info_list-item {
font-size: 12px;
line-height: 12px;
letter-spacing: 0.24px;
}
.dealer-info_list-item:before {
left: -17px;
width: 7px;
height: 7px;
}
.dealer-info_list-item+.dealer-info_list-item {
margin-top: 15px;
}
.dealer-steps {
margin-top: 40px;
padding-top: 45px;
background: #f7f7f7;
padding-bottom: 45px;
}
.dealer-steps_title {
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}
.dealer-steps_title .c-text--green {
display: block;
}
.dealer-step_wrapper {
margin-top: 55px;
}
.dealer-step_number {
font-size: 16px;
letter-spacing: 0.32px;
}
.dealer-step_info {
margin-left: 5px;
}
.dealer-step_title {
font-size: 16px;
letter-spacing: 0.32px;
line-height: 100%;
}
.dealer-step_dsc {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
margin-top: 15px;
}
.dealer-step_dsc br {
display: none;
}
.dealer-step+.dealer-step {
margin-top: 25px;
}
.btn-dealer {
margin-top: 20px;
width: 100%;
}
.dealers-cards {
margin-top: 30px;
}
.dealers .container {
padding-right: 37px;
padding-bottom: 45px;
}
.dealers-card {
margin-right: 0px;
width: 100%;
}
.dealers-card:nth-child(-n + 4) {
margin-top: 30px;
}
.dealers-card {
margin-top: 30px;
}
.dealers-card:first-child {
margin-top: 0px;
}
.page-dealers {
padding-bottom: 60px;
}
.page-blog .col-lg-3 {
display: none;
}
.articles-card {
margin-left: 0px;
margin-top: 0px;
}
.article-card {
width: 100%;
margin-top: 30px;
}
.article-card:nth-child(-n + 3) {
margin-top: 30px;
}
.article-card:first {
margin-top: 0px;
}
.page-article .col-lg-3 {
display: none;
}
.page-article .category {
display: none;
}
.article .wrapper {
margin-left: 0px;
}
.article .content {
margin-top: 30px;
}
.article .content .category-info {
width: 100%;
justify-content: space-between;
}
.article-content .article-title {
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}
.article-content .article-img_wrapper {
margin-top: 25px;
}
.article-content .default-text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.article-content .default-second_title {
margin-top: 40px;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}
.article-content .default-second_title br {
display: none;
}
.article-content .default-text br {
display: none;
}
.article-content .default-second_title+.default-text {
margin-top: 25px;
}
.article-img_wrapper+.default-text {
margin-top: 25px;
}
.page-contacts {
padding-bottom: 60px;
}
.header-cart_text {
display: none;
}
.btn-dealer .btn {
width: 100%;
height: 63px;
font-size: 11px;
letter-spacing: 0.55px;
text-align: center;
}
.dealer .container {
padding-left: 0px;
padding-right: 0px;
}
.dealer .breadcrumbs,
.dealer .default-dsc,
.dealer .default-fird_title,
.dealer .dealer-info_list,
.dealer .dealer-steps {
padding-left: 33px;
padding-right: 15px;
}
.contact-member tr {
display: flex;
flex-direction: column;
padding-bottom: 30px;
margin-top: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.contact-member tr:first-child {
margin-top: 0px;
}
.contact-member td:first-child {
width: 100%;
}
.contact-member td {
border: none;
}
.contact-member_city {
flex: 100%;
padding-left: 0px;
font-size: 20px;
line-height: 40px;
letter-spacing: 0.4px;
}
.contact-member {
box-shadow: none;
}
.contact-member_info {
flex: 100%;
padding: 0px;
}
.contact-members {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.06);
padding-bottom: 45px;
}
.contact-member_info-address {
padding-left: 24px;
font-size: 14px;
line-height: 31px;
letter-spacing: 0.28px;
}
.contact-member_info-number {
padding-left: 24px;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.36px;
margin-top: 10px;
}
.contact-member_info-address:before {
width: 16px;
top: 50%;
transform: translateY(-50%);
height: 21px;
}
.contact-member_info-number:before {
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
}
.contact-member_info-wrapper {
display: none;
}
.article-content .default-bulleted_list-item {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
margin-top: 10px;
}
.article-content .default-bulleted_list {
margin-left: 18px;
}
.article-content .default-bulleted_list-item:before {
left: -18px;
}
.article-content .default-bulleted_list+.default-third_title {
margin-top: 15px;
}
.article-content .default-text+.default-third_title {
margin-top: 20px;
}
.article-content .default-bulleted_list+.default-second_title {
margin-top: 40px;
}
.article-rating {
border: none;
padding: 0px;
flex-direction: column;
align-items: flex-start;
margin-top: 50px;
padding-top: 25px;
position: relative;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
background: #f0f0f0;
padding-left: 33px;
padding-right: 65px;
padding-bottom: 30px;
}
.article-rating_title {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.9px;
white-space: nowrap;
}
.article-rating_stars {
margin-left: 0px;
margin-top: 15px;
}
.article-content .brochure-block {
margin: 0px;
margin-top: 40px;
padding: 0px;
left: 0px;
border: none;
height: auto;
padding-bottom: 35px;
}
.article-content .brochure-title {
background: none;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
top: 0px;
left: 0px;
padding: 0px;
}
.article-content .brochure-img {
max-width: 170px;
max-height: 153px;
top: 25px;
right: -30px;
}
.page-article .brochure-dsc {
margin-top: 30px;
padding-left: 0px;
}
.article-content .brochure-btn_wrapper {
padding-left: 0px;
padding-right: 0px;
}
.article-content .brochure-btn_wrapper .btn {
border-radius: 18px;
width: 142px;
height: 37px;
font-size: 9px;
letter-spacing: 0.45px;
}
.article-content .brochure-btn_wrapper:before {
width: 100%;
}
.article-content .brochure-btn_wrapper .btn:after {
content: none;
}
.article-comments {
margin-top: 0px;
padding-top: 35px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
background-color: #f0f0f0;
padding-left: 33px;
padding-right: 37px;
padding-bottom: 0px;
border: none;
}
.woocommerce-info {
margin-top: 60px !important;
padding-left: 33px !important;
font-size: 18px !important;
letter-spacing: 0.36px !important;
margin-bottom: 20px !important;
}
.return-to-shop a {
font-size: 12px !important;
line-height: 18px !important;
letter-spacing: 0.24px !important;
border-bottom: 1px solid #232323 !important;
margin-bottom: 30px !important;
margin-left: 33px !important;
}
.woocommerce a.button:after {
width: 8px !important;
height: 8px !important;
right: -12px !important;
}
.footer-text_small {
white-space: nowrap;
}
.article-comments_title {
font-size: 20px;
letter-spacing: 0.4px;
line-height: 100%;
}
.article-comments_count {
font-size: 20px;
letter-spacing: 0.4px;
margin-left: 10px;
line-height: 100%;
}
.article-comments_container {
margin-top: 33px;
margin-bottom: 0px;
padding-bottom: 0px;
border: none;
}
.article-comment_text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.article-comment_author {
font-size: 14px;
line-height: 100%;
letter-spacing: 0.9px;
}
.article-comment_date {
font-size: 14px;
letter-spacing: 0.9px;
margin-left: 24px;
}
.article-comment_content {
margin-top: 18px;
}
.article-comment+.article-comment {
margin-top: 30px;
}
.article-comment_form {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
background-color: #fff;
padding-top: 30px;
padding-left: 33px;
padding-right: 37px;
padding-bottom: 50px;
}
.comment-form {
flex-direction: column;
}
.article-comment_form-title {
font-size: 20px;
letter-spacing: 0.4px;
line-height: 100%;
}
.comment-form-comment {
margin-top: 20px;
}
.comment-form-comment textarea {
border-radius: 8px;
padding-left: 19px;
padding-top: 18px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
height: 115px;
}
.comment-form_wrap {
margin-top: 10px;
margin-left: 0px;
}
.comment-form-author input,
.comment-form-email input {
border-radius: 8px;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.24px;
padding-left: 23px;
height: 45px;
width: 100%;
max-width: unset;
}
.comment-form-email {
margin-top: 10px;
}
.page-article form .btn-wrapper {
margin-top: 10px;
}
.page-article .form-submit .btn {
width: 100%;
border-radius: 31px;
height: 63px;
max-width: unset;
}
.form-privacy_checkbox {
left: 0px;
}
.comment-form_wrap .privacy {
justify-content: flex-start;
}
.form-privacy_text {
left: 35px;
}
.article-products {
margin-top: 39px;
}
.article-products_title {
font-size: 18px;
line-height: 100%;
letter-spacing: 0.36px;
}
.article-product_blocks {
flex-wrap: wrap;
margin-top: 35px;
}
.article-product_blocks .product-block {
width: calc(100% / 2 - 10px);
}
.article-product_blocks .product-block {
margin-top: 20px;
}
.article-product_blocks .product-block:nth-child(-n + 2) {
margin-top: 0px;
}
.article-product_blocks .product-block_img-wrapper {
height: 80px;
}
.article-product_blocks .product-block_card-btn {
width: 89px;
height: 28px;
font-size: 7.5px;
letter-spacing: 0.675px;
padding-left: 14px;
padding-right: 14px;
}
.article-product_blocks .product-block_card-btn:after {
width: 9px;
height: 9px;
right: 14px;
}
.article-product_blocks .product-block_info {
padding-top: 15px;
padding-left: 10px;
}
.article-product_blocks .product-block_name {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.article-product_blocks .product-block_price {
padding-left: 10px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
margin-top: 8px;
}
.article-product_blocks .product-block_more {
margin-left: 0px;
}
.article-product_blocks .product-block_wrapper {
margin-left: 10px;
margin-top: 10px;
}
.article-product_blocks .product-block:before {
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
}
.article-product_blocks .product-block_more {
margin-top: 15px;
}
.subservice-cards {
margin-top: 40px;
}
.subservice-card {
width: 100%;
margin-right: 0px;
}
.subservice-card {
margin-top: 20px;
}
.subservice-card:nth-child(-n + 4) {
margin-top: 20px;
}
.subservice-card:first-child {
margin-top: 0px;
}
.page-subservices .default-card_title {
font-size: 16px;
}
.page-service .service .default-third_title {
margin-top: 25px;
}
.default-third_title {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.32px;
}
.work-slider_thumbnail img,
.service-slider_thumbnail img {
height: 44px;
border-radius: 8px;
}
.work-slider_thumbnail .work-slide_thumbnail,
.service-slider_thumbnail .service-slide_thumbnail {
margin: 0 3.5px;
}
.work-slider_thumbnail .slick-list,
.service-slider_thumbnail .slick-list {
margin: -3.5px;
}
.work-slider_thumbnail,
.service-slider_thumbnail {
margin-top: 7px;
}
.page-service .service-container {
margin-top: 30px;
}
.page-service .service-info {
margin-left: 0px;
}
.service-text {
margin-top: 25px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.service-info_price {
padding-left: 44px;
margin-top: 25px;
}
.service-info_price:before {
width: 24px;
height: 24px;
background-position: center center;
background-size: cover;
}
.service-info_price .bold {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.32px;
}
.page-service .service-info .btn-wrapper {
margin-top: 20px;
}
.page-service .service-info .btn {
width: 220px;
height: 56px;
text-align: center;
font-size: 11px;
letter-spacing: 0.55px;
}
.service-price {
margin-top: 0px;
padding-top: 30px;
background: #f6f6f6;
}
.default-table {
margin-top: 25px;
border-radius: 10px;
overflow-x: auto;
}
.page-service .service-price_text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.page-service .default-table_column:first-child .default-table_row:first-child {
padding-left: 22px;
padding-right: 22px;
}
.default-table_column:first-child .default-table_row:first-child {
border-top-left-radius: 10px;
}
.page-service .default-table_column:first-child .default-table_row:first-child {
font-size: 14px !important;
line-height: 14px !important;
letter-spacing: 0.28px !important;
}
.default-table_column:first-child {
border-top-left-radius: 10px;
}
.page-service .default-table_column:first-child .default-table_row,
.page-service .default-table_row {
font-size: 14px;
line-height: 100%;
white-space: nowrap;
letter-spacing: 0.28px;
}
.page-service .default-table_row {
min-height: 60px;
}
.page-service .default-table_column .default-table_row:first-child {
padding-left: 20px;
padding-right: 20px;
}
.default-table_column:last-child .default-table_row:first-child {
border-top-right-radius: 10px;
}
.page-service .default-table_column:last-child .default-table_row:first-child {
padding-left: 20px;
padding-right: 20px;
}
.page-service .service-price_info {
margin-top: 30px;
}
.work-price_form,
.service-price_form {
margin-top: 0px;
min-height: auto;
max-height: unset;
padding-top: 35px;
background-color: #fff;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-left: 33px;
padding-right: 37px;
padding-bottom: 50px;
}
.work-price_form-block_left,
.service-price_form-block_left {
width: 100%;
padding-left: 0px;
}
.work-price_form-wrapper,
.service-price_form-wrapper {
border: none;
border-radius: unset;
flex-direction: column;
}
.work-price_form_text,
.service-price_form_text {
font-size: 22px;
line-height: 28px;
letter-spacing: 0px;
}
.work-price_form-title,
.service-price_form-title {
position: relative;
top: 0px;
padding-left: 0px;
padding-right: 0px;
font-size: 16px;
line-height: 100%;
letter-spacing: 0px;
margin-top: 35px;
width: 100%;
background-color: #fff;
white-space: nowrap;
}
.work-price_form_container,
.service-price_form-container {
max-width: unset;
width: 100%;
}
.work-price_form-block_right,
.service-price_form-block_right {
width: 100%;
}
.work-price_form-container .wpcf7,
.service-price_form-container .wpcf7 {
padding-left: 0px;
padding-right: 0px;
margin-top: 35px;
}
.work-price_form-container .wpcf7 .label,
.service-price_form-container .wpcf7 .label {
font-size: 14px;
padding-left: 16px;
line-height: 100%;
}
.work-price_form-container .wpcf7 .input,
.service-price_form-container .wpcf7 .input {
font-size: 14px;
padding-left: 16px;
}
.esrvice-price_container-btn form .btn-wrapper {
margin-top: 30px;
}
.work-price_form-container .wpcf7 .service-price_container-btn,
.service-price_form-container .wpcf7 .service-price_container-btn {
position: relative;
background: #ffffff;
width: 100%;
padding: 0px;
margin: 0px;
}
.page-service .objects {
margin-top: 0px;
padding-top: 50px;
background-color: #f7f7f7;
}
.addservices {
margin-top: 55px;
}
.page-service .container {
padding-bottom: 60px;
}
.page-service .question-form {
margin-top: 0px;
}
.work-container {
margin-top: 30px;
}
.work-info {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
background: none;
box-shadow: none;
margin-top: 40px;
}
.work-info:before {
content: none;
}
.works .container {
padding-right: 15px;
}
.work-info_wrapper {
margin-top: 30px;
}
.work-info_text--bold {
font-size: 12px;
line-height: 0.28px;
line-height: 30px;
}
.work-info_text {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.24px;
}
.work-info_wrapper-row+.work-info_wrapper-row {
margin-top: 0px;
}
.work-info_row {
margin-top: 10px;
}
.work-info_link {
margin-left: 30px;
font-size: 12px;
line-height: 100%;
letter-spacing: 0.6px;
display: inline-flex;
margin-top: 25px;
}
.work-info_link:before {
left: -30px;
}
.work-info_row .btn {
width: 163px;
height: 45px;
padding-left: 0px;
text-align: center;
font-size: 11px;
letter-spacing: 0.55px;
justify-content: center;
}
.work-info_row .btn:after {
content: none;
}
.work-complete {
margin-top: 40px;
padding-top: 40px;
background-color: #f3f3f3;
}
.work-complete .container {
padding-bottom: 40px;
}
.work-complete_map {
width: 100%;
order: 1;
margin-top: 30px;
}
.work-complete_wrapper {
width: 100%;
margin-left: 0px;
}
.work-complete_container {
flex-direction: column;
margin-top: 40px;
}
.work-complete_map .map {
width: 100% !important;
height: 177px !important;
}
.work-complete_date-name,
.work-complete_place-name {
margin-left: 30px;
font-size: 14px;
letter-spacing: 0.28px;
}
.work-complete_date-name:before {
left: -30px;
width: 19px;
height: 19px;
}
.work-complete_place-name:before {
left: -30px;
width: 13px;
height: 18px;
background-position: center center;
}
.work-complete_date-text,
.work-complete_place-text {
margin-left: 5px;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.26px;
}
.work-complete_dsc {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
margin-top: 20px;
}
.work-tasks {
margin-top: 40px;
}
.work-task_wrapper:after {
position: relative;
display: flex;
margin: 0 auto;
width: 181px;
height: 236px;
bottom: -30px;
}
.work-task_wrapper {
padding-top: 30px;
}
.work-task_title {
font-size: 16px;
line-height: 100%;
letter-spacing: 0.32px;
}
.work-task_container {
margin-top: 20px;
}
.work-task {
font-size: 12px;
letter-spacing: 0.2px;
line-height: 100%;
padding-left: 32px;
}
.work-task:before {
width: 18px;
height: 18px;
background-position: center center;
}
.work-task+.work-task {
margin-top: 15px;
}
.work-materials {
margin-top: 50px;
padding-top: 50px;
background-color: #f3f3f3;
padding-bottom: 60px;
}
.work-materials_table .default-table_column:first-child .default-table_row:first-child {
padding-left: 20px;
}
.default-table_row:first-child {
min-height: 47px;
font-size: 12px !important;
letter-spacing: 0.24px !important;
}
.work-materials_table .default-table_column:first-child .default-table_row {
padding-left: 20px;
font-size: 12px;
letter-spacing: 0.24px;
padding-bottom: 0px;
padding-top: 0px;
display: flex;
justify-self: center;
align-items: center;
}
.work-materials_table .default-table_row {
padding: 0px;
font-size: 12px;
letter-spacing: 0.24px;
padding-bottom: 0px;
padding-top: 0px;
display: flex;
justify-self: center;
align-items: center;
}
.default-table_column:last-child .default-table_row:first-child {
padding-left: 20px;
padding-right: 20px;
}
.work-price_form .container {
padding-left: 0px;
padding-right: 0px;
}
.work-stages {
margin-top: 0px;
padding-top: 50px;
padding-bottom: 50px;
}
.work-stage_list {
margin-top: 40px;
padding-left: 15px;
}
.work-stage_item {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.work-stage_item-number {
left: -15px;
font-size: 12px;
line-height: 24px;
letter-spacing: 0.24px;
}
.work-info_title {
font-size: 20px;
letter-spacing: 0.4px;
line-height: 100%;
}
.work-stage_item+.work-stage_item {
margin-top: 15px;
}
.work-product {
margin-top: 0px;
background: #fff;
padding-top: 45px;
padding-bottom: 50px;
}
.work-product .product-content {
flex-direction: column;
margin-top: 40px;
}
.product-info_wrapper {
margin-left: 0px;
box-shadow: none;
padding-top: 0px;
padding-bottom: 0px;
border-radius: unset;
}
.product-info_wrapper:before {
content: none;
}
.page-work .product-block_row form,
.page-product .product-block_row form {
flex-direction: column;
}
.product-content .product-info_weight,
.product-content .product-info_generate,
.product-content .product-info_users,
.product-content .product-info_size {
align-items: baseline;
display: flex;
}
.page-work .product-block_name,
.page-product .product-block_name {
font-size: 16px;
letter-spacing: 0.32px;
}
.product-slider_container {
order: 1;
padding-top: 30px;
background: #fff;
}
.product-slider_thumbnail img {
height: 65px;
}
.product-slider .slick-slide img {
height: 196px;
object-fit: contain;
}
.work-product .product-info_container .product-block_row {
width: 100%;
margin-top: 15px;
}
.product-info_size-name,
.product-info_weight-name,
.product-info_generate-name,
.product-info_users-name {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 100%;
}
.product-info_size-value,
.product-info_weight-value,
.product-info_generate-value,
.product-info_users-value {
font-size: 12px;
line-height: 100%;
letter-spacing: 0.24px;
margin-left: 5px;
}
.page-work .product-block_column:first-child,
.page-product .product-block_column:first-child {
margin-right: 0px;
}
form.cart .product-block_column:last-child {
margin-top: 15px;
}
.work-card_text {
line-height: 100%;
}
.work-card_value {
margin-left: 5px;
}
.work-card_btn:before {
right: 12%;
background-position: center center;
}
.page-work .product-block_count-label,
.page-product .product-block_count-label {
margin-top: 10px;
}
.product-block_download-link {
font-size: 12px;
letter-spacing: 0.6px;
}
.product-block_download-link:before {
width: 19px;
height: 17px;
background-repeat: no-repeat;
background-position: center center;
}
.product-info_container .product-block_card-btn:after {
width: 12px;
height: 12px;
right: 40px;
}
.work-review {
margin-top: 0px;
padding-top: 40px;
background-color: #f3f3f3;
padding-bottom: 40px;
}
.work-review .container {
padding-right: 37px;
}
.work-review_text-wrapper {
padding: 0px;
margin: 0px;
background-color: #f3f3f3;
max-width: unset;
box-shadow: none;
border-radius: unset;
margin-top: 40px;
}
.work-review_text-wrapper:before {
content: none;
}
.work-review_text-title {
font-size: 16px;
line-height: 25px;
letter-spacing: 0.32px;
}
.work-review_text-city {
margin-top: 10px;
font-size: 14px;
line-height: 25px;
letter-spacing: 0.28px;
}
.work-review_text-dsc {
margin-top: 30px;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.work-review_text-dsc br {
display: none;
}
.work-review_text-wrapper:after {
width: 207px;
height: 268px;
}
.work-review_text-wrapper:after {
right: 6px;
top: -10px;
width: 116px;
height: 84px;
}
.page-work {
padding-bottom: 50px;
}
.page-subproduct .col-lg-3 {
display: none;
}
.wrapper-selection {
display: none;
}
.h2.filter-title {
display: none;
}
.filter-block_wrapper {
display: none;
}
.sub-product h1 {
text-align: center;
width: 100%;
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}
.sub-product .wrapper {
margin-left: 0px;
margin-top: 30px;
}
.page-subproduct .form-wppp-select {
margin-top: 20px;
}
.page-subproduct .product-sort_label:nth-child(1) .select-wrapper {
padding-left: 0px;
}
.page-subproduct .woocommerce-ordering {
margin: 0;
float: none;
}
.product-blocks {
width: 100%;
padding-right: 0px;
}
.sub-product .product-block {
margin-right: 0px;
width: calc(100% / 2 - 10px);
}
.sub-product .product-block:first-child {
margin-top: 0px;
}
.sub-product .product-block:nth-child(-n + 3) {
margin-top: 20px;
}
.sub-product .product-block {
margin-top: 20px;
}
.product-block_img {
object-fit: contain;
}
.page-subproduct .product-blocks {
margin-top: 20px;
}
.sub-product .product-block_price {
padding-left: 10px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
margin-top: 8px;
}
.product-block:before {
content: none;
}
.sub-product .product-block_info {
padding-top: 15px;
padding-left: 10px;
}
.default-card_hover-text {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}
.default-card_hover-text:after {
margin-left: 6px;
width: 6px;
height: 10px;
}
.page-subproduct .default-text_border {
width: 100%;
border: 2px solid var(--color-secondary);
padding-top: 17px;
padding-left: 15px;
padding-right: 14px;
margin-top: 20px;
padding-bottom: 17px;
}
.page-services .default-text_border+.default-second_title,
.page-subproduct .default-text_border+.default-second_title {
margin-top: 40px;
}
.sub-product .product-block_img-wrapper {
height: 80px;
}
.sub-product .product-block_more {
margin-left: 0px;
font-size: 9.6px;
}
.sub-product .product-block_wrapper {
margin-left: 10px;
flex-wrap: wrap;
margin-top: 10px;
padding-bottom: 0px;
}
.sub-product .product-block_more:after {
width: 3px;
height: 7px;
}
.sub-product .product-block_card-btn:after {
width: 9px;
height: 9px;
right: 14px;
}
.sub-product_info {
margin-left: 0px;
margin-top: 40px;
}
.default-number_list-item_text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
margin-top: 15px;
}
.default-number_list {
margin-top: 30px;
}
.default-number_list-item_title {
font-size: 16px;
line-height: 18px;
letter-spacing: 0.32px;
}
.defaut-number_list-item_number {
font-size: 16px;
line-height: 18px;
letter-spacing: 0.32px;
}
.default-table_row {
font-size: 12px;
line-height: 16px;
padding: 15px;
}
.default-table_column:first-child .default-table_row {
display: flex;
align-items: center;
justify-content: center;
}
.mb-filter-wrapper {
display: flex;
margin-top: 25px;
}
.mb-filter_button {
font-size: 11px;
letter-spacing: 0.55px;
font-family: 'Gilroy-Medium';
display: flex;
align-items: center;
border-radius: 19px;
border: 1px solid var(--color-secondary);
height: 38px;
padding-left: 40px;
width: 158px;
margin: 0 auto;
position: relative;
}
.mb-filter_button:before {
content: '';
position: absolute;
left: 20px;
background: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/subproduct-icon_settings--green.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 13px;
height: 13px;
}
.mb-filter-container {
position: fixed;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
background: #fff;
z-index: 10;
overflow-y: auto;
padding-bottom: 40px;
display: none;
}
.mb-filter-container--active {
display: block;
}
.mb-filter_title-container {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0px 2px 6.23px 0.77px rgba(0, 0, 0, 0.11);
position: relative;
}
.mb-filter-title {
font-size: 14px;
line-height: 29px;
letter-spacing: 0.9px;
font-family: 'Gilroy-ExtraBold';
}
.mb-filter-close {
position: absolute;
right: 0px;
width: 17px;
height: 17px;
display: flex;
right: 37px;
}
.mb-filte-close img {
object-fit: cover;
object-position: center center;
}
.filter-buttons .berocket_aapf_widget {
flex-wrap: wrap;
}
.filter-buttons .berocket_aapf_widget-title_div.disable_collapse {
display: none;
}
.mb-filter-choice {
margin-top: 15px;
padding-left: 33px;
padding-right: 37px;
}
.filter-buttons {
margin-top: 24px;
flex-wrap: wrap;
gap: 8px;
}
.filter-button,
.filter-button__more {
margin: 0;
font-size: 12px;
padding: 8px 12px;
height: auto;
}
.filter-buttons {
max-height: 86px;
}
.filter-button:hover,
.filter-button.active {
font-size: 12px;
}
.filter-buttons .berocket_label_widgets {
font-size: 10px;
padding-left: 14px;
padding-right: 14px;
padding-top: 7px;
padding-bottom: 7px;
letter-spacing: 0.2px;
}
.filter-buttons ul.berocket_aapf_widget li {
margin-right: 9px;
}
.filter-buttons ul.berocket_aapf_widget li {
margin-top: 9px;
}
.filter-block_options {
width: 100%;
max-height: unset;
overflow: hidden;
flex-direction: column;
}
.select-wrapper {
padding-left: 0px;
}
.page-subproduct .filter-block_options .filter-block_option:nth-child(4) {
max-width: unset;
width: 90%;
}
.filter-block_option:nth-child(-n + 2) {
margin-top: 30px;
}
.filter-block_option:nth-child(3) {
margin-top: 30px;
}
.filter-block_option:nth-child(4) .berocket_aapf_widget {
margin-top: 15px;
}
.filter-block_options .slide .ui-state-default,
.filter-block_options .slide .ui-widget-content .ui-state-default,
.filter-block_options .slide .ui-widget-header .ui-state-default {
width: 20px;
top: -6.5px;
height: 20px;
}
.filter-block_options .berocket_aapf_widget li.slider span.left input,
.filter-block_options .berocket_aapf_widget li.slider span.right input {
font-size: 15px;
letter-spacing: 0.3px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;
padding-top: 12px;
}
.filter-block_option-all {
transform: none;
flex-direction: column;
margin-top: 0px;
}
.filter-block_option {
width: 100%;
}
.filter-block_option-all .filter-block_option:nth-child(4) .berocket_aapf_widget {
margin-top: 0px;
}
.filter-block_more {
width: 100%;
margin-left: 0px;
margin-right: 0px;
align-items: flex-start;
}
.page-subproduct .woocommerce-info {
font-size: 18px;
line-height: 24px;
padding: 0px;
margin: 0px;
}
.fixed-scroll {
overflow: hidden;
}
.product-content {
flex-direction: column;
}
.product-slider_container {
order: 0;
padding-top: 0px;
}
.page-product .product-info_wrapper {
background: unset;
margin-top: 30px;
z-index: 0;
}
.page-product .product-tabs {
padding: 0px;
background-color: unset;
box-shadow: none;
border-radius: unset;
margin-top: 20px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.page-product .product-tabs:before {
content: none;
}
.page-product .tab-content_container {
margin-top: 0px;
padding: 0px;
}
.page-product .tab-button_container {
max-width: unset;
overflow-x: auto;
background-color: #f6f6f6;
height: 50px;
padding-left: 10px;
padding-right: 37px;
}
.page-product .tab-button {
margin-right: 23px;
font-size: 12px;
letter-spacing: 0.24px;
font-family: 'Gilroy-ExtraBold';
}
.page-product .tab-button:before {
content: none;
}
.page-product .product-info_size-value,
.page-product .product-info_weight-value,
.page-product .product-info_generate-value,
.page-product .product-info_users-value {
font-size: 12px;
}
.page-product .tab-content p {
font-size: 14px;
line-height: 18px;
letter-spacing: 0.24px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.page-product .tab-content p+p {
margin-top: 15px;
}
.product-review_name,
.product-review_date {
font-size: 14px;
line-height: 14px;
letter-spacing: 0.28px;
}
.product-reviews {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.product-review_date {
margin-left: 15px;
}
.page-product .product-review p {
padding-left: 0px;
padding-top: 0px;
}
.product-review+.product-review {
margin-top: 20px;
}
.work-objects {
margin-top: 50px;
}
.page-product .work-objects {
display: none;
}
.equipment {
margin-top: 50px;
}
.related {
margin-top: 50px;
padding-bottom: 40px;
}
.products-blocks {
margin-top: 30px;
flex-wrap: wrap;
justify-content: space-between;
}
.product-block {
height: auto;
width: calc(100% / 2 - 10px);
margin-right: 0px;
margin-bottom: 0px;
margin-top: 20px;
padding-bottom: 15px;
}
.product-block:nth-child(-n + 2) {
margin-top: 0px;
}
.related .product-block_wrapper {
margin-left: 10px;
}
.page-product .related .product-block_name {
font-size: 12px;
letter-spacing: 0.25px;
}
.page-product .related .product-block_price {
padding-left: 10px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.32px;
margin-top: 8px;
margin-left: 0px;
}
.page-product .related .product-block_card-btn,
.page-product .related .btn-wrapper {
width: 89px;
height: 28px;
}
.page-product .related .product-block_card-btn {
width: 89px;
height: 28px;
font-size: 7.5px;
letter-spacing: 0.675px;
padding-left: 14px;
padding-right: 14px;
}
.product-block_more {
margin-top: 10px;
}
.related .product-block_info {
padding-top: 15px;
padding-left: 10px;
margin-top: 0px;
margin-left: 0px;
}
.page-product .related .product-block_name--bold {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.product-block:before {
content: '';
position: absolute;
border: 1px solid rgba(210, 210, 210, 0.5);
border-radius: 10px;
left: 3px;
top: 3px;
right: 3px;
bottom: 3px;
}
.checkout-left_blocks {
width: 100%;
margin-top: 30px;
max-width: unset;
}
.checkout-blocks {
flex-direction: column;
}
.checkout-right_block {
width: 100%;
padding-left: 0px;
margin-top: 40px;
}
.checkout-container_step_one .checkout-step_btn--hidden {
display: none;
}
.checkout-container_step_two .checkout-step_btn:first-child {
display: none;
}
.page-about .branch-dsc {
display: none;
}
.branch-slide_thumbnail-img {
height: 60px;
}
.branch-slider_wrapper {
margin-top: 20px;
}
.team-carousel .slick-slide {
margin: 0px;
}
.default-arrow_prev,
.default-arrow_next {
background-position: center center;
background-size: cover;
}
.checkout-wrapper {
border-radius: unset;
margin-top: 15px;
box-shadow: none;
}
.checkout-wrapper:before {
content: none;
}
.checkout-info {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
}
.checkout-step_btn-number {
width: 42px;
height: 42px;
font-size: 20px;
margin-right: 15px;
}
.checkout-step_btn:first-child:after {
content: none;
}
.checkout-step_btn-text {
white-space: nowrap;
font-size: 18px;
letter-spacing: 0.36px;
}
.checkout-step_btn:first-child {
margin-right: 0px;
}
.checkout-return {
margin-left: 15px;
}
.checkout-header {
padding-bottom: 15px;
}
.checkout-fields {
margin-top: 30px;
}
.woocommerce form .form-row label {
font-size: 16px;
line-height: 18px;
letter-spacing: 0.32px;
}
.woocommerce-input-wrapper {
margin-top: 10px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
height: 50px;
font-size: 16px;
padding-left: 15px;
}
.checkout-left_blocks {
border-right: none;
}
.woocommerce form .form-row {
margin-top: 20px;
}
.checkout-title {
font-size: 18px;
letter-spacing: 0.36px;
padding-bottom: 15px;
}
.checkout-goods {
margin-top: 20px;
}
.checkout-total {
padding-bottom: 30px;
}
.checkout-right_block .btn-wrapper .checkout-button {
width: 100%;
}
.wc_payment_method label:last-child:after {
content: none;
}
.wc_payment_method label {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
}
.checkout-payments {
margin-top: 30px;
}
.checkout-thankyou_title {
font-size: 28px;
line-height: 100%;
letter-spacing: 0.56px;
}
.checkout-thankyou_image {
width: 140px;
margin-top: 30px;
margin-bottom: 50px;
}
.checkout-container {
z-index: 0;
}
.modal-form_get_calculation .modal-form_container:after,
.modal-form_calculation .modal-form_container:after {
display: none;
}
.fancybox-slide--html {
padding: 15px;
}
.modal-form_get_calculation .modal-form_container,
.modal-form_calculation .modal-form_container {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.modal-form_get_calculation .modal-form_wrapper,
.modal-form_calculation .modal-form_wrapper {
margin-left: 15px;
margin-top: 30px;
}
.modal-form_choice .modal-form_wrapper {
margin: 0 auto;
}
.modal-form_get_calculation .default-modal_dsc,
.modal-form_calculation .default-modal_dsc {
margin-top: 0px;
}
.modal-form_success-info {
font-size: 14px;
line-height: 18px;
padding-left: 10px;
padding-right: 10px;
}
.modal-form_success-info br {
display: none;
}
.modal-form_success-img img {
height: 140px;
width: 140px;
}
.modal-form_choice .modal-form_container:before {
content: none;
}
.quiz-form_choice {
justify-content: space-between;
}
.quiz-label {
width: calc(100% / 3 - 10px);
}
.mb-categories {
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.mb-categories .mb-button {
font-size: 13px;
letter-spacing: 0.65px;
width: 138px;
height: 38px;
border-radius: 19px;
display: flex;
align-items: center;
position: relative;
z-index: 1;
padding-left: 40px;
font-family: 'Gilroy-Medium';
border: 1px solid var(--color-secondary);
}
.mb-categories .mb-button:before {
content: '';
position: absolute;
left: 0px;
border: 4px solid transparent;
border-top: 6px solid var(--color-secondary);
left: 18px;
}
.mb-categories .mb-button--active:before {
border: 4px solid transparent;
border-bottom: 6px solid var(--color-secondary);
top: 11px;
}
.mb-categories_container {
position: relative;
flex-direction: column;
padding-top: 55px;
width: 138px;
top: -38px;
border: 1px solid var(--color-secondary);
border-radius: 19px;
padding-left: 13px;
padding-bottom: 10px;
display: none;
}
.mb-categories .mb-button--active+.mb-categories_container {
display: flex;
}
.mb-categories_container a {
font-size: 11px;
line-height: 34px;
letter-spacing: 0.55px;
}
.page-subarticles .col-lg-3 {
display: none;
}
.page-subarticles .container {
padding-right: 37px;
}
.page-subarticles {
padding-bottom: 50px;
}
.mb-tabs-container {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.mb-tabs-container .tab-button_container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.mb-tabs-container .tab-button_container .tab-button {
font-size: 11px;
letter-spacing: 0.22px;
line-height: 11px;
text-transform: uppercase;
font-family: 'Gilroy-Bold';
padding-left: 10px;
padding-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
border: 2px solid #f8b05b;
text-align: center;
border-radius: 14px;
margin-right: 15px;
display: flex;
align-items: center;
}
.mb-tabs-container .tab-button_container .tab-button:last-child {
margin-right: 0px;
}
.mb-tabs-container .tab-button_container .tab-button.tab-button_active {
background: var(--color-secondary);
border: none;
color: #fff;
}
.kinds .container {
padding-left: 15px;
padding-right: 15px;
}
.tab-content_container {
display: flex;
flex-direction: column;
margin-top: 15px;
}
.tab-image_wrapper {
display: flex;
justify-content: center;
margin-top: 20px;
}
.tab-image_wrapper img {
height: 150px;
object-fit: contain;
object-position: center center;
}
.tab-info_wrapper {
margin-top: 25px;
}
.tab-info_row {
display: flex;
flex-direction: row;
}
.tab-info_row+.tab-info_row {
margin-top: 20px;
}
.tab-info_name {
font-size: 12px;
line-height: 100%;
letter-spacing: 0.24px;
font-family: 'Gilroy-ExtraBold';
width: 70%;
}
.tab-info_value {
font-size: 12px;
line-height: 100%;
letter-spacing: 0.24px;
width: 50%;
}
.tab-content {
display: none;
}
.tab-content.tab-active {
display: flex;
flex-direction: column;
}
.partners-modal {
padding: 0px;
width: auto;
}
.partners-modal_content {
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.partners-modal_info {
width: 100%;
}
.partners-modal_slider-wrapper {
width: 100%;
margin-top: 30px;
}
.partners-modal_2 .partners-modal_info {
width: 100%;
}
.partners-modal_2 .partners-modal_info-logo_img {
width: 30%;
height: auto;
left: 35%;
}
.partners-modal_info-text {
font-size: 12px;
line-height: 12px;
letter-spacing: 0.24px;
}
.partners-modal_info-value {
font-size: 12px;
line-height: 12px;
letter-spacing: 0.24px;
margin-left: 5px;
}
.partners-modal_info-row+.partners-modal_info-row {
margin-top: 10px;
}
.partners-modal_2 .partners-modal_slider-wrapper {
width: 100%;
}
.partners-modal_info {
margin-top: 100px;
}
.partners-modal_slide-img {
height: 140px;
}
.partners-modal_slide-thumbnail_img {
height: 50px;
}
.partners-modal_slide-thumbnail {
height: 50px;
}
.partners-modal_3 .partners-modal_info-logo_img {
width: 35%;
height: auto;
top: 25px;
left: 32%;
}
.partners-modal_3 .partners-modal_image-wrapper {
width: 100%;
}
.partners-modal_3 .partners-modal_info {
width: 100%;
}
.partners-modal_image {
width: 100%;
margin-top: 30px;
}
.partners-card_wrapper-img {
height: 74px;
}
.partners-modal_form-close {
position: absolute;
top: -35px;
right: -25px;
}
.partners-modal_info-logo_img {
width: 50%;
height: auto;
top: 0px;
left: 25%;
}
.partners-modal_4 .partners-modal_info-row:nth-child(3) .partners-modal_info-value {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.24px;
}
.partners-modal_4 .partners-modal_info-logo_img {
width: 30%;
height: auto;
left: 35%;
top: 0px;
}
.partners-modal_video {
width: 100%;
margin-top: 30px;
}
.partners-modal_video-wrapper video {
width: 100%;
height: auto;
}
.partners-modal_5 .partners-modal_slider-wrapper {
width: 100%;
}
.partners-modal_5 .partners-modal_info {
width: 100%;
}
.partners-modal_5 .partners-modal_info-logo_img {
width: 60%;
height: auto;
top: 30px;
}
.partners-modal_6 .partners-modal_info-logo_img {
width: 30%;
height: auto;
top: 30px;
left: 35%;
}
.partners-modal_6 .partners-modal_info {
width: 100%;
}
.partners-modal_6 .partners-modal_slider-wrapper {
width: 100%;
}
.modal-form_close {
position: absolute;
top: -35px;
right: 5px;
cursor: pointer;
}
.tab-content.tab--active {
display: flex;
flex-direction: column;
}
.fancybox-toolbar {
display: none;
}
.product-block_img-wrapper {
min-height: 80px;
}
.modal-form_choice .modal-form_wrapper {
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 768px) {
.default-privacy_wrapper span.wpcf7-list-item-label::before {
left: 0px;
}
.default-privacy_text {
padding-left: 30px;
}
.modal-form_close {
right: 15px;
}
.modal-form_brochure .modal-form_container:after {
content: none;
}
.modal-form_brochure .modal-form_wrapper {
margin: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
padding-bottom: 30px;
max-width: 100%;
}
.modal-form_brochure .modal-form_container {
padding-top: 20px;
padding-bottom: 20px;
}
.mb-container_header {
padding-left: 20px;
padding-right: 20px;
}
.container {
padding-left: 15px;
}
.modal-form_get_calculation .modal-form_wrapper,
.modal-form_calculation .modal-form_wrapper {
margin-left: 0px;
margin-top: 15px;
max-width: 100%;
}
.about {
padding-bottom: 40px;
}
.kinds {
margin-top: 0px;
padding-top: 40px;
}
.stage-block p+p {
margin-top: 20px;
}
.object-card_slide-img {
max-height: 120px;
}
.object-card:before {
content: none;
}
.modal-form_choice .modal-form_container {
padding-bottom: 20px;
padding-top: 20px;
}
.page-about .container {
padding-left: 15px;
padding-right: 15px;
}
.about-block_right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.about-img {
margin-left: 0px;
}
.story {
margin-top: 0px;
padding-bottom: 0px;
}
.branches {
margin-top: 0px;
}
.sub-product .product-block {
padding-bottom: 20px;
}
.product-block_price {
display: flex;
flex-direction: column;
}
.woocommerce-head-container {
gap: 16px 6px;
}
.pagination-article,
.woocommerce-pagination {
flex-wrap: wrap;
}
main {
padding-bottom: 60px;
}
.question-form {
padding-top: 30px;
}
.page-product .tab-content_container {
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
}
.tab-content h2 {
font-size: 18px;
line-height: 24px;
letter-spacing: 0.32px;
}
.page-subservices .default-second_title,
.page-services .default-second_title,
.page-subproduct .default-second_title,
.default-editor h2 {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.32px;
}
.page-product .product-tabs_container a img {
object-fit: contain;
height: auto;
}
.page-product img.alignleft {
object-fit: contain;
height: auto;
}
table tr {
height: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
}
table tr td {
padding: 8px !important;
height: auto !important;
}
table tr td span {
font-size: 12px !important;
letter-spacing: 0.24px;
}
.page-product .product-block_price {
margin-bottom: 15px;
}
.article-content p+p {
margin-top: 10px;
}
.default-editor h2+.entry-content p {
margin-top: 10px;
}
.article-content p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
}
.default-text,
.default-editor p {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
}
.page__thumb a {
display: flex;
flex-direction: column;
width: 100%;
}
.page__thumb a img {
width: 100%;
}
.page__thumb+p {
margin-top: 40px;
}
.article-content ul li {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
}
.default-bulleted_list-item,
.default-editor ul li {
font-size: 16px;
line-height: 24px;
letter-spacing: 0.32px;
}
.article-comments {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
background-color: #fff;
}
.quiz-block {
padding-bottom: 0px;
}
.work-materials {
margin-top: 0px;
}
.work-price_form,
.service-price_form {
padding-left: 15px;
padding-right: 15px;
}
.work-stage_item {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.28px;
}
.modal-form_get_calculation .default-modal_dsc,
.modal-form_calculation .default-modal_dsc {
font-size: 16px;
letter-spacing: 0.32px;
line-height: 22px;
}
.page-service .container {
padding-bottom: 0px;
}
.service-price_form-wrapper .default-privacy_wrapper {
position: relative;
left: 0px;
bottom: auto;
max-width: 100%;
}
.filter-block_more .btn-wrapper {
width: 100%;
margin-top: 20px;
}
.filter-block_more .btn-wrapper .bapf_button {
width: 100%;
height: 60px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.berocket_single_filter_widget {
width: 100% !important;
display: flex;
}
.mb-filter-choice {
padding-left: 15px;
padding-right: 15px;
}
.mb-filter-container {
padding-bottom: 60px;
}
.berocket_single_filter_widget,
.berocket_single_filter_widget div {
width: 100% !important;
}
.story-subslide_img {
height: 250px;
}
.object-cards .slick-list {
padding-bottom: 0px;
}
.object-cards>.slick-list {
padding-bottom: 40px;
}
.objects .container {
padding-left: 15px;
padding-right: 15px;
}
.object-card {
padding-bottom: 40px;
}
.object-card_slide-img {
height: 120px;
max-height: 120px;
}
.equipment-card_wrapper {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-top: 10px;
}
.equipment-card_title {
height: auto;
}
.footer-link {
font-size: 11px;
}
.page-product .tab-content {
padding-bottom: 40px;
}
.page-product .equipment {
margin-top: 0px;
}
.tab-info__category {
font-size: 14px;
line-height: 100%;
letter-spacing: 0.28px;
font-family: 'Gilroy-Bold';
position: relative;
border-bottom: 1px dashed var(--color-secondary);
margin-top: 30px;
color: var(--color-secondary);
align-self: baseline;
transition: border-bottom 0.5s ease;
}
.tab-info__category:hover {
border-bottom: 1px dashed transparent;
}
.mb-product-slider {
display: block;
}
.tinkoff_credit_wrapper {
bottom: 25px;
}
.tinkoff_credit_wrapper {
position: relative;
bottom: 0;
top: -172px;
right: -170px;
left: auto;
}
.product-review_gallery-img {
width: calc(50% - 8px);
margin: 0 4px;
margin-top: 8px;
max-height: 160px;
min-height: 100px;
}
.kinds .table-bg {
margin-top: 80px;
}
.kinds .table-td__text small {
font-size: 12px;
line-height: 14px;
}
.kinds .table-td__header-title {
font-size: 18px;
line-height: 24px;
}
.kinds .table-td__title {
font-size: 16px;
line-height: 20px;
}
.kinds .table-td__text {
font-size: 14px;
line-height: 18px;
}
.table-td__link {
display: flex;
height: 80px;
}
.kinds .table-td__header-img {
max-width: 149px;
height: 100%;
top: -40px;
max-height: 115px;
}
}
@media screen and (max-width: 500px) {
.page-subarticles .container {
padding-right: 0;
}
.tinkoff_credit_wrapper {
bottom: 65px;
}
.site-main .product-block {
width: 100%;
margin-right: 0px;
}
.site-main .product-block:first-child {
margin-top: 0px;
}
.site-main .product-block:nth-child(-n + 2) {
margin-top: 20px;
padding-bottom: 30px;
}
.product-block {
max-width: 100%;
}
.product-block_img-wrapper {
min-height: 205px;
}
.site-main .product-block {
margin-top: 20px;
}
.product-block_info {
padding-left: 20px;
padding-right: 20px;
}
.product-info_weight,
.product-info_generate,
.product-info_users,
.product-info_size {
display: block;
}
.product-block_info {
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
}
.product-block_wrapper {
display: flex;
flex-direction: row;
margin-left: 0px;
margin-top: 0px;
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
align-items: center;
}
.product-block_price {
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
font-size: 22px;
letter-spacing: 0.44px;
line-height: 22px;
}
.product-block .btn-wrapper {
width: auto;
flex: 1;
max-width: 120px;
margin-right: 20px;
}
.product-block_card-btn {
width: 100%;
height: 40px;
font-size: 10px;
padding-left: 20px;
padding-right: 20px;
}
.product-block_more {
font-size: 12px;
margin-top: 0px;
} .product-block:before {
content: none;
}
.default-card:before {
content: none;
}
.page-product .tab-content p {
padding: 0;
}
.product-block_name {
font-size: 16px;
}
.product-block_name--bold {
font-size: 16px;
}
.breadcrumb-arrow {
margin-left: 5px;
margin-right: 5px;
}
.page-subproduct .breadcrumbs span a,
.page-product .breadcrumbs span a {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 18px;
}
.breadcrumbs>span:last-child {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 18px;
}
.default-text,
.default-editor p {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
}
.sub-product .product-block:nth-child(-n + 3) {
margin-top: 30px;
}
.sub-product .product-block {
width: 100%;
}
.sub-product .product-block .product-block {
margin-top: 30px;
}
.sub-product .product-block_info {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.sub-product .product-block_wrapper {
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
}
.sub-product .product-block_card-btn {
width: 100%;
height: 40px;
font-size: 10px;
padding-left: 20px;
padding-right: 20px;
}
.sub-product .product-block_more {
font-size: 12px;
margin-top: 0px;
}
.sub-product .product-block_price {
display: flex;
flex-direction: row;
padding-left: 20px;
padding-right: 20px;
font-size: 22px;
letter-spacing: 0.44px;
line-height: 22px;
margin-top: 20px;
}
.product-block_price-sale+.product-block_price-regular {
margin-left: 20px;
}
.alert-add-to-cart {
padding: 10px;
bottom: auto;
left: auto;
right: 15px;
top: 15px;
max-width: 200px;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 16px;
}
.sub-product .product-block_name {
font-size: 16px;
}
.sub-product .product-info_size-name,
.sub-product .product-info_weight-name,
.sub-product .product-info_generate-name,
.sub-product .product-info_users-name {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 100%;
}
.sub-product .product-info_size-value,
.sub-product .product-info_weight-value,
.sub-product .product-info_generate-value,
.sub-product .product-info_users-value {
font-size: 12px;
line-height: 100%;
letter-spacing: 0.24px;
margin-left: 5px;
}
.sub-product .product-block:hover {
padding-bottom: 30px;
}
.default-bulleted_list-item,
.default-editor ul li {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.28px;
}
form .question-form_wrapper .default-privacy_text {
padding-left: 0px;
}
.sub-product .product-block_card-btn:after {
width: 12px;
height: 12px;
}
.equipment-card_img-wrapper {
min-height: 205px;
}
.product-block_slider .slider-arrow_prev:before,
.slider-arrow_next:before {
width: 12px;
height: 12px;
background-size: contain;
}
.slider-arrow_prev,
.slider-arrow_next {
height: 32px;
width: 32px;
}
.product-info_container .product-block_info,
.product-info_container .product-block_row {
padding-right: 0px;
}
.page-work .product-block_column:first-child,
.page-product .product-block_column:first-child {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.product-block_buy {
margin-top: 20px;
}
.product .product-block_buy {
margin: 0;
margin-left: 12px;
}
form.cart .product-block_column:last-child {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 30px;
}
.page-product .product-block_price {
padding-right: 0px;
width: 100%;
margin-bottom: 12px;
display: flex;
justify-content: center;
}
.page-product .product-block_count {
width: 100%;
}
.product-block_download {
width: 50%;
}
.product-block_download-link {
font-size: 10px;
letter-spacing: 0.2px;
line-height: 14px;
}
.equipment-card_title {
font-size: 16px;
line-height: 18px;
letter-spacing: 0.24px;
}
.equipment-card_price {
display: flex;
flex-direction: row;
padding-left: 0px;
padding-right: 0px;
font-size: 22px;
letter-spacing: 0.44px;
line-height: 22px;
margin-top: 20px;
}
.equipment-card_wrapper {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.equipment .product-block_card-btn {
width: 100%;
height: 40px;
font-size: 10px;
padding-left: 20px;
padding-right: 20px;
}
.product-block_card-btn:after {
width: 12px;
height: 12px;
}
.equipment-card_addtocart {
display: flex;
flex-direction: row;
align-items: center;
}
.equipment-card_more {
margin-top: 0px;
font-size: 12px;
}
.equipment .btn-wrapper {
width: 40%;
margin-right: 20px;
}
.equipment .product-block_card-btn {
width: 100%;
}
.equipment-card_addtocart .btn-wrapper:before {
height: 40px;
width: 100%;
max-width: 100%;
}
.related .product-block_info {
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.related .product-info_size-name,
.related .product-info_weight-name,
.related .product-info_generate-name,
.related .product-info_users-name {
font-size: 12px;
letter-spacing: 0.24px;
line-height: 100%;
}
.page-product .product-info_size-value,
.page-product .product-info_weight-value,
.page-product .product-info_generate-value,
.page-product .product-info_users-value {
font-size: 12px;
line-height: 100%;
letter-spacing: 0.24px;
margin-left: 5px;
}
.page-product .related .product-block_price {
display: flex;
flex-direction: row;
padding-left: 20px;
padding-right: 20px;
width: 100%;
justify-content: flex-start;
}
.product-block_regular-price,
.product-block_price-sale {
letter-spacing: 0.44px;
line-height: 22px;
font-size: 22px;
}
.product-block_price-sale+.product-block_price-regular {
font-size: 22px;
letter-spacing: 0.44px;
line-height: 22px;
}
.page-product .related .product-block_price {
font-size: 22px;
letter-spacing: 0.44px;
line-height: 22px;
margin-top: 20px;
}
.product-block {
padding-bottom: 30px;
}
.related .product-block_wrapper {
margin-left: 0px;
}
.page-product .related .product-block_card-btn {
width: 40%;
height: 40px;
font-size: 10px;
padding-left: 20px;
padding-right: 20px;
}
.page-product .related .product-block_card-btn {
width: 100%;
}
.page-product .related .btn-wrapper {
width: 40%;
height: 40px;
}
.related .product-block_wrapper {
display: flex;
flex-direction: row;
}
.product-block_name {
font-size: 16px;
line-height: 18px;
letter-spacing: 0.24px;
}
.h2 {
font-size: 24px;
line-height: 30px;
letter-spacing: 0.28px;
}
.product-block_download+.product-block_download {
margin-top: 17px;
}
.page-work .product-block_card-btn,
.work-product .btn-wrapper,
.page-product .product-block_card-btn,
.page-product .btn-wrapper {
width: 150px;
height: 40px;
font-size: 12px;
line-height: 12px;
}
.page-work .product-block_card-btn,
.page-product .product-block_card-btn {
padding-left: 20px;
padding-right: 20px;
}
.page-work .product-block_count-label,
.page-product .product-block_count-label {
margin-top: 15px;
}
.product-block_download {
margin-top: 15px;
}
.sub-product_editor tbody tr td {
font-size: 12px !important;
letter-spacing: 0.24px;
}
.sub-product_editor table {
display: flex;
overflow-x: auto;
padding-bottom: 8px;
height: 100% !important;
}
.sub-product_editor tbody {
display: table;
margin-left: 1px;
box-shadow: inset 0px 0px 0 1px #dbdbdb;
} .sub-product_editor table::-webkit-scrollbar {
width: 2px;
height: 8px;
} .sub-product_editor table::-webkit-scrollbar-track {
background: #eaeaea;
} .sub-product_editor table::-webkit-scrollbar-thumb {
background: var(--color-secondary);
}
.question-form_wrapper .default-privacy_text {
margin-left: 0px;
}
.mb-product-slider {
height: 205px;
}
.product-block_img {
max-height: 205px;
}
.tinkoff_credit_wrapper {
position: relative;
bottom: 120px;
right: 0;
top: auto;
left: 170px;
}
.tinkoff_credit_submit {
margin-left: 0;
}
.filter-block_option .select-wrapper select {
font-size: 16px;
}
.page-cart .tinkoff_credit_wrapper {
bottom: auto;
left: auto;
margin-top: 8px;
}
.footer-info_address {
column-count: 1;
}
.footer-info_addrses-wrapper:last-child {
max-width: 100%;
}
.menu-shapka-menyu-container .menu>.menu-item,
.header.fixed .menu-shapka-menyu-container .menu>.menu-item {
height: 40px;
}
.header.fixed {
position: fixed;
}
.btn-up {
bottom: 100px;
right: 16px;
}
.quiz-form_block-wrapper {
height: auto;
min-height: 400px;
}
.quiz-form_block.showing {
position: relative;
display: block;
}
.quiz-form_block {
display: none;
}
.quiz-form_block:last-child {
padding-bottom: 48px;
}
.quiz-nav_next .btn:after {
margin-left: 0;
margin-right: 24px;
}
.quiz-block_form .default-privacy_text {
padding-left: 0;
}
.woocommerce-result-search {
width: 100%;
}
.woocommerce-head-container {
justify-content: space-between;
}
.woocommerce-result-search .bapf_sfilter.bapf_srch .bapf_form .bapf_search {
width: 150px;
}
}.service-calc {
margin-top: 200px;
margin-bottom: 100px;
}
.service-calc__title span {
color: var(--color-secondary);
}
.service-calc__dsc {
font-size: 18px;
letter-spacing: .05em;
line-height: 30px;
margin-top: 24px;
}
.service-calc__table {
margin: 0 auto;
margin-top: 32px;
max-width: 500px;
}
.service-calc__table-row {
display: flex;
justify-content: space-between;
width: 100%;
padding: 8px 4px;
border-top: 1px solid rgba(210, 210, 210, .5);
}
.service-calc__table-row:last-child {
border-bottom: 1px solid rgba(210, 210, 210, .5);
}
.service-calc__table-name {
font-size: 16px;
line-height: 20px;
}
.service-calc__table-value {
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.service-calc__form-wrapper {
margin-top: 32px;
}
.service-calc__form {
padding: 32px;
border-radius: 20px;
border: 3px solid var(--color-secondary);
}
.service-calc__form-container {
margin: 0 -12px;
margin-top: 16px;
display: flex;
flex-wrap: wrap;
}
.service-calc__form-title {
font-family: "Gilroy-Heavy";
text-align: center;
font-size: 32px;
line-height: 40px;
letter-spacing: .4px;
text-transform: uppercase;
}
.service-calc__label {
width: calc(50% - 24px);
margin: 12px;
}
.service-calc__name {
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: .05em;
}
.service-calc__input {
width: 100%;
height: 48px;
padding-left: 16px;
padding-right: 24px;
border: 1px solid rgba(210, 210, 210, .5);
border-radius: 12px;
transition: .5s ease;
margin-top: 8px;
}
.service-calc__input:focus {
outline-color: var(--color-secondary);
}
.service-calc__select {
width: 100%;
height: 48px;
padding-left: 16px;
padding-right: 24px;
border: 1px solid rgba(210, 210, 210, .5);
border-radius: 12px;
transition: .5s ease;
margin-top: 8px;
}
.service-calc__select:focus {
outline-color: var(--color-secondary);
}
.service-calc__form-result {
margin-top: 32px;
display: none;
}
.service-calc__form-result.active {
display: block;
}
.service-calc__form-result-title {
text-align: center;
font-family: "Gilroy-Heavy";
text-align: center;
font-size: 24px;
line-height: 32px;
letter-spacing: .2px;
text-transform: uppercase;
}
.service-calc__form-result-value {
text-align: center;
font-family: "Gilroy-Bold";
font-size: 50px;
line-height: 60px;
letter-spacing: .05em;
color: var(--color-secondary);
margin-top: 24px;
}
@media screen and (max-width: 560px) {
.service-calc {
margin-top: 64px;
margin-bottom: 64px;
}
.service-calc__dsc {
font-size: 14px;
line-height: 20px;
}
.service-calc__dsc br {
display: none;
}
.service-calc__table-name {
font-size: 14px;
max-width: 60%;
}
.service-calc__table-value {
font-size: 14px;
}
.service-calc__form {
padding: 24px 16px;
}
.service-calc__form-title {
font-size: 18px;
line-height: 24px;
}
.service-calc__label {
width: calc(100% - 24px);
}
.service-calc__label:nth-child(2) {
order: 1;
}
.service-calc__name {
font-size: 16px;
}
.service-calc__form-result-title {
font-size: 18px;
line-height: 24px;
}
.service-calc__form-result {
margin-top: 24px;
}
.service-calc__form-result-value {
font-size: 40px;
line-height: 40px;
letter-spacing: .03em;
margin-top: 12px;
}
}.product-type-variable .variations_form {
flex-wrap: wrap;
}
.product-type-variable .product__attributes {
width: 100%;
}
.product-type-variable .single_variation_wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.product-type-variable .product__attribute-title {
font: 500 14px/16px 'Gilroy-Medium', sans-serif;
color: #828282;
}
.product-type-variable .product__attribute-title+.value {
margin-top: 12px;
max-width: 280px;
}
.product-type-variable .product-block__row {
display: flex;
margin-top: 24px;
}
.product-type-variable .product-slider .slick-slide img {
width: 80%;
height: 80%;
object-fit: contain;
}
.product-type-variable .product-slider_thumbnail img {
height: 80px;
object-fit: contain;
}
.product-type-variable .select2-container .select2-selection--single {
height: 40px;
border: 1px solid rgba(30, 30, 30, 0.07);
border-radius: 24px;
}
.select2-dropdown {
border-radius: 8px;
border: 1px solid rgba(30, 30, 30, 0.07);
}
.select2-container--default .select2-selection--single .select2-selection__clear {
height: 40px;
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #232323;
padding-right: 24px;
padding-left: 48px;
font: 400 14px/40px 'Gilroy-Regular', sans-serif;
}
.select2-results__option {
font: 400 14px/20px 'Gilroy-Regular', sans-serif;
color: #232323;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 24px;
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-product-type-variable-arrow-down.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
transform: translateY(-50%) scale(1, -1);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:before {
content: '';
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/icon-product-type-variable-size.svg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background: var(--color-secondary);
} .TINKOFF_BTN_YELLOW {
margin-top: 24px;
}table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td:before {
content: attr(data-title) ': ';
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
}
table.shop_table_responsive tr td.product-remove:before {
display: none;
}
table.shop_table_responsive tr td.actions:before,
table.shop_table_responsive tr td.download-actions:before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td:before {
display: none;
}
}  ul.products {
content: '';
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 1rem;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.7966666667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
.columns-1 ul.products li.product {
float: none;
width: 100%;
}
.columns-2 ul.products li.product {
width: 48.1%;
}
.columns-3 ul.products li.product {
width: 30.7966666667%;
}
.columns-4 ul.products li.product {
width: 22.15%;
}
.columns-5 ul.products li.product {
width: 16.96%;
}
.columns-6 ul.products li.product {
width: 13.4933333333%;
}
}  .single-product div.product {
content: '';
display: table;
table-layout: fixed;
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
}
.single-product
div.product
.woocommerce-product-gallery
.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
content: '';
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.single-product
div.product
.woocommerce-product-gallery
.flex-control-thumbs
li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product
div.product
.woocommerce-product-gallery
.flex-control-thumbs
li
img {
opacity: 0.5;
}
.single-product
div.product
.woocommerce-product-gallery
.flex-control-thumbs
li
img.flex-active {
opacity: 1;
}
.single-product
div.product
.woocommerce-product-gallery
.flex-control-thumbs
li:hover
img {
opacity: 1;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-2
.flex-control-thumbs
li {
width: 48.1%;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-2
.flex-control-thumbs
li:nth-child(2n) {
margin-right: 0;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-2
.flex-control-thumbs
li:nth-child(2n + 1) {
clear: both;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-3
.flex-control-thumbs
li {
width: 30.7966666667%;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-3
.flex-control-thumbs
li:nth-child(3n) {
margin-right: 0;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-3
.flex-control-thumbs
li:nth-child(3n + 1) {
clear: both;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-4
.flex-control-thumbs
li {
width: 22.15%;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-4
.flex-control-thumbs
li:nth-child(4n) {
margin-right: 0;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-4
.flex-control-thumbs
li:nth-child(4n + 1) {
clear: both;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-5
.flex-control-thumbs
li {
width: 16.96%;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-5
.flex-control-thumbs
li:nth-child(5n) {
margin-right: 0;
}
.single-product
div.product
.woocommerce-product-gallery.woocommerce-product-gallery--columns-5
.flex-control-thumbs
li:nth-child(5n + 1) {
clear: both;
}
.stock:empty:before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
}  @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
position: relative;
margin: 0;
padding: 0;
content: '';
display: table;
table-layout: fixed;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
font-family: 'star';
font-weight: 400;
}
.star-rating:before {
content: '\53\53\53\53\53';
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
color: royalblue;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: 'star';
content: '\53';
color: #404040;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a:before {
content: '\53';
color: #404040;
opacity: 0.25;
}
p.stars:hover a:before {
content: '\53';
color: royalblue;
opacity: 1;
}
p.stars.selected a.active:before {
content: '\53';
color: royalblue;
opacity: 1;
}
p.stars.selected a.active ~ a:before {
content: '\53';
color: #404040;
opacity: 0.25;
}
p.stars.selected a:not(.active):before {
content: '\53';
color: royalblue;
opacity: 1;
} .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative;
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block;
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: red;
} .woocommerce-info {
border-top-color: transparent;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 0px;
margin: 0px;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
display: flex;
margin-bottom: 60px;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
content: '';
display: table;
table-layout: fixed;
background-color: transparent;
clear: both;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: transparent;
color: #232323;
border-bottom: 2px solid #232323;
font-size: 22px;
padding: unset;
letter-spacing: 0.44px;
line-height: 22px;
font-family: 'Gilroy-Bold';
border-radius: 0px;
position: relative;
transition: none;
}
.woocommerce a.button:after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-35%);
width: 13px;
height: 13px;
right: -20px;
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--black.svg);
background-size: contain;
background-repeat: no-repeat;
background-color: initial;
border: none;
outline: none;
}
.woocommerce a.button:hover:after {
background-image: url(//krasnodar.inservo.ru/wp-content/themes/septic/assets/img/arrow-right--green.svg);
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
color: #41bb41;
border-bottom: 2px solid #41bb41;
background: transparent;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: transparent;
margin-top: 105px;
font-size: 32px;
font-family: 'Gilroy-Medium';
letter-spacing: 0.64px;
color: #939393;
width: 100%;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: transparent;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: royalblue;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: royalblue;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
}
.woocommerce-result-search {
display: inline-flex;
}
.woocommerce-result-search .bapf_head {
display: none;
}
.woocommerce-result-search .bapf_sfilter.bapf_srch .bapf_form .bapf_search {
appearance: none;
background: var(--color-secondary);
color: var(--color-white);
border: none;
font-size: 14px;
padding: 0 16px;
height: 38px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 20px;
}
.woocommerce-result-search .bapf_sfilter.bapf_srch .bapf_form .bapf_input {
height: 38px;
padding: 0 16px;
border: 1px solid rgba(210, 210, 210, 0.5);
background: transparent;
color: #9d9d9d;
font-size: 16px;
border-radius: 20px;
outline: none;
}
.woocommerce-result-search .bapf_sfilter.bapf_srch .bapf_form .bapf_input:focus-visible {
border: 1px solid var(--color-secondary);
}
.woocommerce-result-search .bapf_current_suggest {
display: none;
}
.woocommerce-result-search .bapf_sfilter {
margin: 0;
}