body {background: #E3E3E3 url(/images/bg.jpg);}
#sp-menu {text-transform: uppercase;}
#sp-main-body {padding: 1rem 0; min-height: calc(100vh - 116px);}
#sp-footer .container-inner {padding: 0.5em 0;}
div.article-list .article {border: 4px groove #dbdbdb; height: calc(100% - 0.5em); margin: 0;}
div.article-introtext > ul, div.article-details ul {list-style-type: none; padding-left: 1.5em;}
div.article-introtext > ul > li:before, div.article-details ul > li:before {color: green; content: "\2714"; padding-right: 0.5em;}
div.article-details > div.article-ratings-social-share, .article-can-edit {display: none!important;}
div.blog div.article-header {background-color: #969595; overflow: auto; margin: -22px -22px 0 -22px; padding: 22px 22px 0 22px;}
div.blog div.article-introtext {padding-top: 10px;}

#per_s {margin: 0; padding: 2px 10px; border-radius: 10px 10px 0 0; background-color: #257eaf; color: #ffffff; float: left; display: flex;}
#pr_s {width: 100%; height:4px; border-radius: 0 10px 10px 10px; background-color: #257eaf; color: #ffffff; clear: both;}
#pr_s > input {display: none; float: left;}
#pr_s > label {border: 2px solid #2196f3; border-radius: 5px; padding: 2px 10px; transition: .3s; background-color: #f4f4f4; opacity: 1; cursor: text;}
#pr_s > label > img {width:20px; height:20px; margin: -5px 5px -5px -5px; src="/images/pusto.png";}

#sel_gr {float: left; margin: 0 0.7em 0.2em 0;}
#sel_gr > input {display: none;}
#sel_gr > label:nth-child(2) {border-radius: 1em 0 0 1em; }
#sel_gr > label:nth-child(6) {border-radius: 0 1em 1em 0;}
#sel_gr > label {padding: 0.2em 1em; border: 1px solid #257eaf; background-color: #ffeb3b; font-weight: bold; margin: 0;}
#sel_gr > label:hover {background-color: #ffc107;}
#sel_gr > input[type=radio]:checked + label {background-color: #4caf50 !important; color: white;}

#sel_prep {border: 2px solid #03A9F4; border-radius: 0.5em; padding-right: 0.1em; background-color: #f0ffff; color: #3F51B5; font-weight: bold; float: left;}
#sel_prep span {display: block; overflow: hidden; float: left; line-height: 1.7;}
#sel_prep label, #sel_prep div {display: inline-flex; border: 2px solid #4B4C4C; border-radius: 5px; padding: 0 2px 0 22px; margin: 1px 0; transition: .5s; background-color: #696666; color: #FFFFFF; cursor: pointer;}
#sel_prep img {width:20px; height:20px; margin: 2px 2px 0 -20px; background-image: url(/images/preps.png);}
#sel_prep input {display: block; overflow: hidden; float: left; display: none;}
#sel_prep input:checked + label, #sel_prep label:hover, #sel_prep div:hover, #sel_prep .sel {background: #ffa500;}

.sel_gr {float: left; margin: 0 0.5em; line-height: 1.2em;}
.sel_gr > input {display: none;}
.sel_gr > label {padding: 5px 6px; border: 1px solid #257eaf; background-color: #ffeb3b; font-weight: bold; margin: 0;}
.sel_gr > label:hover {background-color: #ffc107;}
.sel_gr > label:nth-child(2) {border-radius: 15px 0 0 15px;}
.sel_gr > label:last-child {border-radius: 0 15px 15px 0;}

.onoffswitch {position: relative; width: 7.5em;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; float: left; margin: 0.2em 0.5em;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 1.5em;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; font-size: 0.9em;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; padding: 0; height: 1.7em; line-height: 1.7em; color: white; padding: 0 0.4em; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; white-space: nowrap;}
.onoffswitch-inner:before {content: "ДЕНЬГИ"; padding-left: 8px; background-color: #34A7C1; color: #FFFFFF;}
.onoffswitch-inner:after {content: "УПАКОВКИ"; padding-right: 8px; background-color: #00C20A; color: #FFFFFF; text-align: right;}
.onoffswitch-switch {display: block; width: 1.7em; height: 1.7em; margin: 0px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; left: 0; right: unset; border: 2px solid #999999; border-radius: 1.5em; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0; left: unset;}

.hid {opacity: 0.5;}
.hidoff {opacity: 1;}
.unselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.opros-lngru {display: none;}

.TextForCopy {font-weight:bold;}
.TextForCopy > i:before {content: "\f0c5"; color: #e30613; font-family: Font Awesome\ 5 Free; font-weight: 400; margin-left: 0.3em; cursor: pointer; font-style: normal;}
#textCopyDel {display: inline-block; color: red;}

img.VideoImg {cursor: pointer;}

/* БУТСТРАП */
.badge-pill {padding-right: .6em; padding-left: .6em; border-radius: 10rem;}
.badge-primary {color: #fff; background-color: #007bff;}
.badge-success {color: #fff; background-color: #28a745;}
.badge-danger {color: #fff; background-color: #dc3545;}

/* rtop.videoPlayer.1.0.2.min */
.rtopVideoPlayerWrapper{position:relative;width:100%}.rtopVideoPlayerWrapper .rtopVideoPlayer{position:relative;overflow:hidden}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder{position:relative;cursor:pointer;height:0;overflow:hidden;padding-bottom:56.25%}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.2);background-size:67px 67px;background-repeat:no-repeat;background-position:center center;opacity:1;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in;cursor:pointer}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.hasFAIcons:after{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;content:"\f144";opacity:1;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in;font-family:"Font Awesome 5 Free";font-size:80px;color:#fff;width:100%;text-align:center;z-index:4}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder.vimeoPlayer iframe{position:absolute;width:100%;height:100%;top:0;left:0}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::-webkit-media-controls-panel{display:none !important;-webkit-appearance:none !important}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::--webkit-media-controls-play-button{display:none !important;-webkit-appearance:none !important}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder *::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none !important}.rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video{position:absolute;width:100%;height:100%;overflow:hidden}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls{position:absolute;bottom:0px;left:0;z-index:1;width:100%;height:40px;opacity:0;-webkit-transform:translate(0%, 0);transform:translate(0%, 0);-webkit-transition:0.3s all;-moz-transition:0.3s all;-ms-transition:0.3s all;transition:0.3s all;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls.hide{-webkit-transform:translate(0%, 40px);transform:translate(0%, 40px)}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls .controlBtn{position:relative;width:100%;padding-right:15px;padding-left:15px;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;height:40px;line-height:40px;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;z-index:3}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause{text-align:center;max-width:60px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPause span.FAIcon{font-size:20px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #playPauseHolder{max-width:60px;cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder{position:relative;margin:0 20px 0 0;-webkit-transition:0.3s all;-moz-transition:0.3s all;-ms-transition:0.3s all;transition:0.3s all;border-radius:0;max-width:calc(100% - 140px);z-index:1}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressSpacer{max-width:calc(100% - 140px);cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullvideoprogress{background:rgba(255,255,255,0.2);width:100%;height:2px;top:0;left:0;bottom:0;position:absolute;margin:auto 0}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #buffered{height:2px;background:rgba(255,255,255,0.6);width:0;position:absolute;top:0;bottom:0;margin:auto 0;left:0;border-radius:4px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progress{position:absolute;top:0;bottom:0;margin:auto 0;left:0;height:2px;background:#fff;width:0;border-radius:4px;border-right:4px solid #ed1c24}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressholder:hover #progressorb{background-color:#ed1c24}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #progressorb{position:absolute;top:0;bottom:0;margin:auto 0;width:8px;height:8px;border-radius:10px;background-color:rgba(237,28,36,0);-webkit-transition:0.3s background-color ease-in;-moz-transition:0.3s background-color ease-in;-ms-transition:0.3s background-color ease-in;transition:0.3s background-color ease-in}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder{font-size:13px;max-width:120px;cursor:default;text-align:center}@media screen and (max-width: 768px){.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #timeholder{display:none}}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl{max-width:100px;text-align:center}@media screen and (max-width: 768px){.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl{max-width:60px}}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn{position:relative}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .muteBtn span.FAIcon{font-size:20px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars{position:relative;margin-left:10px}@media screen and (max-width: 768px){.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars{display:none}}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar{position:relative;display:inline-block;width:5px;margin-left:2px;background-color:rgba(255,255,255,0.5);-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(1){height:5px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(2){height:7.5px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(3){height:10px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:nth-child(4){height:12.5px}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar:hover{background-color:#fff}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active{background-color:#fff}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #soundControl .soundBars .soundBar.active:hover{background-color:rgba(255,255,255,0.5)}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn{max-width:60px;text-align:center}.rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls #fullScreenBtn span.FAIcon{font-size:20px}.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .rtopVideoHolder:after{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.playing .vidControls{opacity:1}.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls{cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder{cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.noControls .rtopVideoHolder:after{cursor:default}.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .vidControls{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.closing .rtopVideoHolder:after{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .rtopVideoHolder.hasFAIcons:after{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in;position:absolute;content:"\f3e5";font-family:"Font Awesome 5 Free";font-weight:900;font-size:80px;color:#fff;width:100%;text-align:center;z-index:4}.rtopVideoPlayerWrapper .rtopVideoPlayer.finished .vidControls{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder{cursor:none}.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:hover:after,.rtopVideoPlayerWrapper .rtopVideoPlayer.hideOverlay .rtopVideoHolder:after{opacity:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls{opacity:1}.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .vidControls.hide{-webkit-transform:translate(0%, 0px);transform:translate(0%, 0px)}.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:before,.rtopVideoPlayerWrapper .rtopVideoPlayer.paused .rtopVideoHolder:after{opacity:1;animation:rtopVideoFadeOut 1.6s forwards}.rtopVideoPlayerWrapper #closeVideo{display:none}.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen{background:#000;height:100%;margin:0;width:100% video;width-height:100%}.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen .rtopVideoHolder{height:100%;padding-bottom:0}.rtopVideoPlayerWrapper .rtopVideoPlayer.isFullscreen.fallbackFS{background:#000;border-radius:0 !important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}.rtopVideoPosterImage{position:absolute;cursor:pointer;height:0;top:0;left:0;width:100%;z-index:999;overflow:hidden;padding-bottom:56.25%}.rtopVideoPosterImage:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,0.2);background-size:67px 67px;background-repeat:no-repeat;background-position:center center;opacity:1;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in;cursor:pointer}.rtopVideoPosterImage.hasFAIcons:after{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;content:"\f144";opacity:1;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in;font-family:"Font Awesome 5 Free";font-size:80px;color:#fff;width:100%;text-align:center;z-index:4}.rtopVideoPosterImage img{position:absolute;width:100%;height:100%;top:0;left:0}.rtopVideoModal{position:fixed;width:100%;height:100vh;top:0;left:0;display:none;z-index:999;background-color:rgba(0,0,0,0)}.rtopVideoModal.show{display:block;animation:rtopModalBGColor .3s forwards}.rtopVideoModal.show .videoModalHolder{animation:rtopModalOpacityColor .3s forwards}.rtopVideoModal .videoModalHolder{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:800px;margin:auto;padding:10px;background-color:#000;opacity:0}.rtopVideoModal #closeVideo{position:absolute;top:-50px;display:block;right:-40px;cursor:pointer}.rtopVideoModal #closeVideo span.FAIcon{font-size:30px;color:#fff;-webkit-transition:0.3s all ease-in;-moz-transition:0.3s all ease-in;-ms-transition:0.3s all ease-in;transition:0.3s all ease-in}.rtopVideoModal #closeVideo span.FAIcon:hover{color:#ed1c24}.rtopVideoModal .rtopVideoPosterImage{display:none}body.noScroll{overflow:hidden;height:100vh;position:fixed}@keyframes rtopVideoFadeOut{0%{opacity:1}50%{opacity:1}100%{opacity:0}}@keyframes rtopModalBGColor{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.8)}}@keyframes rtopModalOpacityColor{0%{opacity:0}100%{opacity:1}}
