.smartc-demo{max-width:1140px;width:100%}.smartc-demo--active,.smartc-demo--unactive{-ms-flex-preferred-size:45%;flex-basis:45%;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.smartc-demo--unactive{padding:0 30px 0 10%;-ms-flex-preferred-size:43%;flex-basis:43%}@media screen and (max-width:1300px){.smartc-demo--unactive{padding:0 20px 0 4%;-ms-flex-preferred-size:40%;flex-basis:40%}}.smartc-demo--active{-webkit-filter:grayscale(1);filter:grayscale(1);padding-left:6%;opacity:0}.smartc-demo--active.show{opacity:.3}.smartc-demo--active .smartc-demo--content{max-width:80%}@media screen and (max-width:1300px){.smartc-demo--active .smartc-demo--content{max-width:96%}}@media screen and (max-width:479px){.smartc-demo--active .smartc-demo--content{max-width:100%}}.smartc-demo--header h4{color:#0e2030;font-weight:700!important;font-size:21px!important;line-height:24px!important}.smartc-demo--item{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:480px){.smartc-demo--item{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.smartc-demo--item p{font-size:18px;color:#0e2030;line-height:31px}@media screen and (max-width:479px){.smartc-demo--item p{line-height:28px;font-size:16px}}.smartc-demo--mark{-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);margin-right:20px}@media screen and (max-width:479px){.smartc-demo--mark{margin-right:10px}}.smartc-demo--content.divide{display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-column-gap:6px}.smartc-demo--switcher{-ms-flex-preferred-size:10%;flex-basis:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.smartc-demo--switcher .demo-animated-decorator{position:absolute;top:-25px;left:0}@media screen and (max-width:1024px){.smartc-demo--switcher .demo-animated-decorator{display:none}}.smartc-demo--switcher .demo-animated-decorator svg{position:absolute;visibility:hidden;max-width:100px;-webkit-transform:rotate(11deg);-ms-transform:rotate(11deg);transform:rotate(11deg)}.smartc-demo--switcher .demo-animated-decorator svg path:nth-child(2){opacity:0;-webkit-transition:opacity .3s 1s;-o-transition:opacity .3s 1s;transition:opacity .3s 1s}.smartc-demo--switcher .demo-animated-decorator svg.animated{visibility:visible}.smartc-demo--switcher .demo-animated-decorator svg.animated path{stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:dash 2.5s linear forwards;animation:dash 2.5s linear forwards}.smartc-demo--switcher .demo-animated-decorator svg.animated path:nth-child(2){opacity:1}.smartc-demo--tumbler{width:115px;height:48px;border:2px solid #e1e4ea;background-color:#edf0f5;border-radius:100px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px;cursor:pointer;-webkit-transition:.6s;-o-transition:.6s;transition:.6s;opacity:0}.smartc-demo--tumbler.show{opacity:1}.smartc-demo--tumbler span{font-weight:400;font-size:18px;color:#000;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.smartc-demo--tumbler .tumbler-on{opacity:0}.smartc-demo--tumbler .tumbler-slide{height:44px;width:44px;background-color:#fff;position:absolute;left:0;top:0;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.smartc-demo--tumbler.entered{background-color:#fdc43c;border:2px solid #efb938}.smartc-demo--tumbler.entered .tumbler-on{opacity:1}.smartc-demo--tumbler.entered .tumbler-off{opacity:0}.smartc-demo--tumbler.entered span{color:#0a3184}.smartc-demo--tumbler.entered .tumbler-slide{-webkit-animation-name:slider;animation-name:slider;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-filter:grayscale(0);filter:grayscale(0)}.smartc-demo--tumbler.leaved .tumbler-slide{-webkit-animation-name:sliderBack;animation-name:sliderBack;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.smartc-demo.demo-desktop{padding:35px 0 40px 0;border-radius:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}@media screen and (max-width:1024px){.smartc-demo.demo-desktop{display:none}}.smartc-demo.demo-mobile{display:block;background-color:#fff}@media screen and (min-width:1025px){.smartc-demo.demo-mobile{display:none}}.smartc-demo.demo-mobile .smartc-demo--nav{background-color:#d9d9d9;display:-webkit-box;display:-ms-flexbox;display:flex}.smartc-demo.demo-mobile .smartc-demo--nav h4{-ms-flex-preferred-size:50%;flex-basis:50%;color:#99999a;font-weight:700;font-size:18px;line-height:21px;border-bottom:1px solid #d9d9d9;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;padding:16px 4px;margin:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.smartc-demo.demo-mobile .smartc-demo--nav h4.active{border-bottom:1px solid #fdc43c;background-color:#fff;color:#0e2030}.smartc-demo.demo-mobile .smartc-demo--wrap{position:relative}.smartc-demo.demo-mobile .smartc-demo--wrap>div{position:absolute;top:0;left:0;width:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:0;-webkit-filter:grayscale(0);filter:grayscale(0);padding:30px 20px 40px 45px}@media screen and (max-width:479px){.smartc-demo.demo-mobile .smartc-demo--wrap>div{padding:30px 15px 40px 15px}}.smartc-demo.demo-mobile .smartc-demo--wrap>div:last-child{position:static}.smartc-demo.demo-mobile .smartc-demo--wrap>div.visible{opacity:1}@-webkit-keyframes slider{from{left:0}to{left:calc(100% - 44px)}}@keyframes slider{from{left:0}to{left:calc(100% - 44px)}}@-webkit-keyframes sliderBack{from{left:calc(100% - 44px)}to{left:0}}@keyframes sliderBack{from{left:calc(100% - 44px)}to{left:0}}
/*# sourceMappingURL=demo.css.map */