/* Start:/local/components/ade/conf_sp_modules_predefined/templates/.default/style.css?1765453916105750*/
*,::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}
html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.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:1140px}}.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%}}.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}}.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}}.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}}

@media (min-width: 1024px){
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 1140px;
    }
}


.conf .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: .15rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: none !important;
    text-transform: none;
}
.conf .btn-primary {
    color: #fff !important;
    background-color: #009fe3 !important;
    border-color: #009fe3 !important;
}
.conf .btn-primary:hover {
    /*color: #009fe3;*/
    /*background-color: #fff;*/
    /*border-color: #009fe3;*/
    opacity: .7 !important;
}

.conf {
    margin-top: 0;
}
.conf .top {
    background: #333333;
    height: 110px;
    width: 100%;
}
.conf .top nav,
.conf .top .summ {
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.conf .top nav {
    margin: 30px 0 0 60px;
}
.conf .top nav > div {
    position: relative;
    width: 150px;
}
.conf .top nav span {
    text-transform: uppercase;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.conf .top nav span:nth-child(1) {
    position: absolute;
    text-shadow: 0px 0px 1px rgb(131, 131, 131);
    color: #dedede;
    top: 0;
    right: calc(100%);
    font-size: 13px;
    line-height: 7px;
}
.conf .top nav span:nth-child(2) {
    display: block;
    width: 48px;
    height: 48px;
    background: #c6c6c6;
    border-radius: 50px;
    text-align: center;
    line-height: 43px;
    font-size: 24px;
    color: #fff;
    border: solid 2px #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
    position: relative;
    cursor: pointer;
}
.conf .top nav div:before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
}
.conf .top nav div:last-child:before {
    display: none;
}
.conf .top nav span:nth-child(3) {
    position: absolute;
    text-shadow: 0px 0px 1px rgb(131, 131, 131);
    color: #dedede;
    bottom: -1px;
    left: 52px;
    font-size: 13px;
    line-height: 13px;
}
.conf .top nav .active span:nth-child(3),
.conf .top nav .active span:nth-child(1) {
    color: #fff;
}
.conf .top nav .active span:nth-child(2) {
    background: #009fe3;
}
.conf .top .summ {
    float: right;
    margin-top: 32px;
}
.conf .top .summ span:first-child {
    vertical-align: text-bottom;
    font-size: 13px;
    line-height: 16px;
    padding: 14px 10px 0 0;
    text-transform: uppercase;
    text-align: right;
    text-shadow: 0px 0px 1px rgb(154, 154, 154);
    color: #fff;
}
.conf .top .summ span:last-child {
    min-width: 130px;
    text-align: right;
    background: #009fe3;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    padding: 11px 13px 11px 5px;
}
.conf .mid {
    background: #bbb6b2;
    height: 525px;
    width: 100%;
    position: relative;
}
.conf .mid:before {
    content:'';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background: #676462;
}
.conf .mid canvas {
    position: relative;
}
.conf .bot {
    background: #f6f6f6;
    height: 150px;
    width: 100%;
    padding: 30px 30px 30px 60px;
}
.conf .bot .actions {
    display: none;
}
.conf .bot .actions.active {
    display: -ms-flexbox;
    display: flex;
}
.conf .bot .actions .left {
    width: 110px;
    color: #90908e;
    font-size: 15px;
    line-height: 18px;
    padding-top: 0;
}
.conf .bot .actions .next .btn {
    min-width: 90px;
}
.conf .bot .actions .next .btn:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 9px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-right.png) no-repeat center;
    margin-left: 5px;
}
.conf .bot .actions .center {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    line-height: 18px;
    -ms-flex-pack: center;
    justify-content: center;
}
.conf .bot .actions .center .sizes {
    width: auto;
    padding: 0 40px;
}
.conf .bot .actions .center .sizes .height,
.conf .bot .actions .center .sizes .width {
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}
.conf .bot .actions .center .sizes .width {
    margin-bottom: 12px;
}
.conf .bot .actions .center .construction span,
.conf .bot .actions .center .sizes .height span,
.conf .bot .actions .center .sizes .width span {
    color: #90908e;
    font-size: 10px;
}
.conf .bot .actions .center .construction {
    width: 60%;
    padding: 0 30px;
    display: -ms-flexbox;
    display: flex;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
}
.conf .bot .actions .center .sizes .width>div:first-child {
    padding: 5px 22px 0 17px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-lr-2.png) no-repeat left 11px;
    width: 125px;
}
.conf .bot .actions .center .sizes .height>div:first-child {
    padding: 5px 22px 0 17px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-tb.png) no-repeat 3px 7px;
    width: 125px;
}
.conf .bot .actions .center .sizes .width>div:last-child,
.conf .bot .actions .center .sizes .height>div:last-child {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.conf .bot .actions .center .construction>div:first-child {
    padding: 5px 0 0 17px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-lr.png) no-repeat left 8px;
}
.conf .bot .actions .center .sizes input {
    width: 150px;
    height: 26px;
    padding: 0;
    background: #f6f6f6;
    color: #0b0b09;
    border: solid 1px #b9b9b9;
    border-radius: 3px;
    text-align: center;
    outline: none !important;
}
.conf .bot .actions .center .construction .btn,
.conf .bot .actions .center .sizes .btn {
    height: 26px;
    padding: 0;
    width: 68px;
    background-color: #f6f6f6;
    color: #0b0b09;
    border-color: #b9b9b9;
}
.conf .bot .actions .center .sizes .btn:last-child {
    float: right;
}
.conf .bot .actions .center .construction .btn.active,
.conf .bot .actions .center .sizes .btn.active {
    background-color: #3c3c3c;
    color: #fff;
    border-color: #272726;
}
.conf .bot .actions .center .construction .btn {
    position: relative;
    margin-left: 15px;
}
.conf .bot .actions .center .construction .btn {
    background-position: center;
    background-repeat: no-repeat;
}
.conf .bot .actions .center .construction .btn:first-child {
    background-image: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-right-grey.png);
}
.conf .bot .actions .center .construction .btn.active:first-child {
    background-image: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-right-white.png);
}
.conf .bot .actions .center .construction .btn:last-child {
    background-image: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-left-grey.png);
}
.conf .bot .actions .center .construction .btn.active:last-child {
    background-image: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/arr-left-white.png);
}
.conf .bot .actions .center .construction .btn span {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
}
.conf .bot .actions .next {
    padding-left: 15px;
}
.conf .s2-bl-img {
    width: 72px;
    height: 72px;
    border-radius: 0;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    text-align: center;
}
.conf .s2-bl-img img {
    max-width: 100%;
    max-height: 100%;
}
.conf .s2-bl-img.svg1 {
    background-size: 80% !important;
    background-repeat: no-repeat !important;
    background-position: 8px 2px !important;
}
.conf .s2-bl-img.svg2 {
    background-size: 85% !important;
    background-repeat: no-repeat !important;
    background-position: 8px 3px !important;
}
.conf .s2-bl-img.svg3 {
    background-size: 85% !important;
    background-repeat: no-repeat !important;
    background-position: 10px 0px !important;
}
.conf .s2-bl-img.svg4 {
    background-size: 85% !important;
    background-repeat: no-repeat !important;
    background-position: 5px 0px !important;
}
.conf .s2-bl-img.svg4 img,
.conf .s2-bl-img.svg3 img,
.conf .s2-bl-img.svg2 img,
.conf .s2-bl-img.svg1 img {
    display: none;
}
.conf .s2-bl-txt {
    width: 95px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    color: #000;
    margin: 0 auto;
}
.conf .s2-bl {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
    max-width: 103px;
}
.conf .s2-bl.disabled {
    display: none!important;
}
.conf .s2-bl-inner {
    cursor: pointer;
    opacity: .5;
    pointer-events: none;
}
.conf .s2-bl-inner.active {
    opacity: 1;
    pointer-events: all;
}
.conf .s2-bl-inner.disable {
    opacity: .5!important;
    /*pointer-events: none!important;*/
}
.conf .s2-bl-inner:hover .s2-bl-img {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.conf .s4_color .s2-bl-img {
    padding: 0;
    overflow: hidden;
}

.conf > .container {
    position: relative;
    padding: 0;
    background: #212121;
}
.conf > .container .conf_modal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ededed;
    padding: 35px;
    opacity: 0;
    pointer-events: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}
.conf > .container .conf_modal.opened {
    opacity: 1;
    pointer-events: all;
    z-index: 2;
}
.conf .conf_modal_title {
    text-transform: uppercase;
}
.conf .conf_modal_close {
    position: absolute;
    top: 35px;
    right: 35px;
    z-index: 100;
    cursor: pointer;
    text-indent: -99999999px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/modal-close.svg) no-repeat center;
    display: block;
    width: 40px;
    height: 40px;
    background-size: 25px;
}

.cursor_pointer {
    cursor: pointer !important;
}
.conf_modal_content .colors {
    display: none;
    padding: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.conf_modal_content .colors.visible {
    display: -ms-flexbox;
    display: flex;
}
.conf_modal_content .colors .color {
    width: calc(25% - 20px);
    margin: 10px;
    border: solid 1px #999;
    border-radius: 4px;
    height: 75px;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.conf_modal_content .colors .color span {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
}
.conf_modal_content .colors .color.grey_txt {
    color: #444;
}
.conf_modal_content .colors .color.active {
    border-color: #000;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
}



.conf .conf_modal .conf_modal_carousel {
    margin: 0 40px;
    display: none;
}
.conf .conf_modal .conf_modal_carousel.slick-initialized {
    display: block;
}
.conf .conf_modal .conf_modal_carousel_wrap {
    display: none;
    margin: 120px 0 0;
}
.conf .conf_modal .conf_modal_carousel_wrap.visible {
    display: block;
}
.conf .conf_modal .slick-slide {
    outline: none;
    position: relative;
    cursor: pointer;
}
.conf .conf_modal .slick-slide:hover {
    background-color: #ddd;
}
.conf .conf_modal .slick-slide .cm_carousel-image {
    padding: 20px;
}
.conf .conf_modal .slick-slide .cm_carousel-image img {
    max-width: 100%;
    margin: 0 auto;
    max-height: 260px;
}
.conf .conf_modal .slick-slide .cm_carousel-bottom {
    text-align: center;
    padding: 0 20px;
}
.conf .conf_modal .slick-slide .cm_carousel-title {
    text-transform: uppercase;
    font-weight: bold;
    color: #3c3c3a;
    font-size: 14px;
}
.conf .conf_modal .slick-slide .cm_carousel-subtitle {
    padding-top: 5px;
    height: 60px;
    color: #3c3c3a;
    font-size: 14px;
}
.conf .conf_modal .slick-prev,
.conf .conf_modal .slick-next {
    width: 40px;
    height: 40px;
}
.conf .conf_modal .slick-prev.slick-disabled,
.conf .conf_modal .slick-next.slick-disabled {
    opacity: .5;
}
.conf .conf_modal .slick-prev:before,
.conf .conf_modal .slick-next:before {
    font-size: 40px;
    display: none !important;
}
.conf .conf_modal .slick-prev {
    left: -40px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/slider-left.svg) no-repeat center;
}
.conf .conf_modal .slick-next {
    right: -40px;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/slider-right.svg) no-repeat center;
}
.conf .conf_modal2 {
    opacity: 0;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 16px;
    text-align: center;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.conf .conf_modal2.opened {
    opacity: 1;
    pointer-events: all;
    z-index: 1;
}
.conf_modal2_inner {
    position: relative;
    display: none;

    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 60px;

    background: #f6f6f6;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.15);
}
.conf_modal2_inner.active {
    display: -ms-flexbox;
    display: flex;
}
.conf_modal2_inner>p {
    margin-bottom: 20px;
    padding-right: 20px;
}
.conf_modal2_inner .bl {
    padding: 20px 20px 10px;
    cursor: pointer;

    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.conf_modal2_inner .bl:hover {
    background: #ececec;
}
.conf_modal2_inner .bl img {
    margin: 0 0 20px;
}

.conf_modal2_inner.conf_modal2_inner_dobor {
    font-size: 14px;
}
.conf_modal2_inner.conf_modal2_inner_dobor .bl {
    padding: 0;
    width: 150px;
}
.conf_modal2_inner.conf_modal2_inner_dobor .bl.disable {
    pointer-events: none;
    opacity: .5;
}
.conf_modal2_inner.conf_modal2_inner_dobor .bl.bl-header {
    background: transparent !important;
    width: 100%;
}
.conf_modal2_inner.conf_modal2_inner_dobor .bl img {
    margin: 0;
    width: 80px;
}
.conf_modal2_inner.conf_modal2_inner_dobor .bl:nth-child(2) img {
    width: 87px;
    margin-right: -6px;
}

.preloader-wrap{
    z-index:99999999;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background: rgba(0, 0, 0, .5);
    -webkit-transition:all .25s linear;
    -moz-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear
}
.preloader-wrap .preloader{
    position:absolute;
    top:50%;left:50%;
    margin-top:-100px;
    margin-left:-100px;
    border:3px solid #009ee2;
    border-radius:50%;
    border-top:3px solid transparent;
    border-bottom:3px solid transparent;
    width:200px;
    height:200px;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite
}
.preloader-wrap .preloader_logo{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-21px;
    margin-left:-74px;
    height:42px;
    width:148px
}
.colors:before {display:none}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
.preloader-wrap.dis{
    opacity: 0;
    pointer-events: none;
}

.ktype_select {
    background: #B2B2B2;
    padding: 1px 0;
}
.ktype_select_bl {
    margin: 20px auto;
    display: block;
    width: 572px;
    height: 200px;
    background: linear-gradient(to top, #BFBFBF, #FFFFFF);
    border-radius: 5px;
    background-size: 100% 101%;
    position: relative;
    cursor: pointer;
    padding: 1px;
    -webkit-box-shadow: 0 12px 9px -4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 12px 9px -4px rgba(0,0,0,.3);
    box-shadow: 0 12px 9px -4px rgba(0,0,0,.3);
}
.ktype_select_bl_txt {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 27px;
    color: #666666;
    text-align: right;
    margin-right: 22px;
    width: auto;
    display: block;
    line-height: 27px;
    margin-top: 30px;
}
.ktype_select_bl .btn.btn-begin {
    background: url(/images/2019/fon-news.svg) no-repeat;
    background-size: cover;
    color: #FFFFFF;
    text-decoration: none;
    height: 42px;
    width: 132px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 29px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 20px;
    border-radius: 5px 0 5px 0;
    text-transform: uppercase;
    padding: 0;
    padding: 6px 10px 6px 13px;
    border: none;
}
.ktype_select_bl .btn.btn-begin:hover {
    text-decoration: underline;
}
.ktype_select_bl_img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 47%;
    height: 100%;
    background-size: cover;
    border-radius: 5px 0 0 5px;
}
.ktype_select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    padding-top: 130px;
    pointer-events: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.ktype_select.active {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    pointer-events: all;
}
.conf .top,
.conf .mid,
.conf .bot {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.conf .top.active,
.conf .mid.active,
.conf .bot.active {
    visibility: visible;
    opacity: 1;
}
.conf .top .ktype {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px rgb(154, 154, 154);
    color: #fff;
    letter-spacing: 3px;
}
.conf .top .corner_side {
    position: absolute;
    top: 100px;
    left: 32px;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px rgb(154, 154, 154);
    color: #fff;
    letter-spacing: 1px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.conf .top .corner_side.active {
    opacity: 1;
    pointer-events: all;
}
.conf .top .corner_side div {
    background: #c6c6c6;
    display: inline-block;
    padding: 5px 10px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
    position: relative;
}
.conf .top .corner_side div:hover,
.conf .top .corner_side div.active {
    background: #009fe3;
}
.conf .top .corner_side div span {
    position: absolute;
    bottom: calc(100% + 0px);
    left: 0;
    font-size: 12px;
    letter-spacing: 0;
    width: 100%;
    text-align: center;
}
.conf .inactive {
    pointer-events: none !important;
    opacity: .5 !important;
}
.conf .dispnone {
    display: none !important;
}
.conf .top_view {
    color: #fff;
    letter-spacing: 1px;
    background: #c6c6c6;
    display: inline-block;
    padding: 4px 10px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor: pointer;
    position: absolute;
    top: 100px;
    right: 32px;
    text-transform: uppercase;
}
.conf .top_view:hover {
    background: #009fe3;
}
.conf_modal_content .modal_top_view {
    margin-top: 40px;
    display: none;
}
.conf_modal_content .modal_top_view.visible {
    display: block;
}
.conf_modal_content .modal_top_view canvas {
    display: block;
    margin: 0 auto;
    /*background: rgba(0, 159, 226, 0.1);*/
}
.conf_modal2 .conf_modal2_inner .d-flex {
    -ms-flex-pack: center;
    justify-content: center;
}
.ktype_select_bl.disabled {
    pointer-events: none;
    opacity: .5;
}
@media (max-width: 1199px){
    .conf .bot {
        padding: 30px;
    }
    .container {
        max-width: 1024px;
        min-width: 1024px;
    }
}
@media (min-width: 1024px){
    .som {
        display: none !important;
    }
}








.canvas_colors_main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: left;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.canvas_colors_main_bl {
    width: 190px;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 2px;
    margin: 0 5px;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: relative;
}
.canvas_colors_main_bl > div {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.canvas_colors_main_bl > div:nth-child(2) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}
.canvas_colors_main_bl_title {
    font-size: 12px;
    padding: 8px 10px;
}
.canvas_colors_main_bl_name {
    font-size: 12px;
    line-height: 13px;
    padding: 5px 8px;
}
.canvas_colors_main_bl.black .canvas_colors_main_bl_name {
    color: #666666;
}
.canvas_actions.step-4 .canvas_actions-top {
    margin-top: 25px;
    padding-left: 50px;
    opacity: 0;
    pointer-events: none !important;
}
.canvas_actions.step-4 .canvas_actions-top.postop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 20px;
}
.canvas_actions.step-4 .canvas_actions-top.opened {
    opacity: 1;
    pointer-events: all !important;
}
.canvas_actions.step-4 .canvas_actions-top .act_radio_btn-wrap {
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5px;
}
.canvas_actions.step-4 .canvas_actions-top .act_radio_btn-wrap > span {
    width: 73px;
}
.canvas_colors_slider .colors .color {
    width: 87px;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 2px;
    margin: 0 5px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    color: #fff;
}
.canvas_colors_slider .colors .color span {
    font-size: 12px;
    line-height: 13px;
    padding: 5px 8px;
}
.canvas_colors_slider .colors .color.grey_txt span {
    color: #666666;
}
.canvas_colors_slider .colors .color.active {
    border-color: #3fa9f5;
}
.canvas_colors_slider {
    -ms-flex: 0 0 calc(100% - 69px);
    flex: 0 0 calc(100% - 69px);
    max-width: calc(100% - 69px);
    padding-right: 9px;
}
.canvas_colors_slider_close {
    width: 60px;
    height: 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    border: solid 1px #fff;
    border-radius: 2px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.canvas_colors_slider_close svg {
    width: 22px;
    height: 22px;
}
.canvas_colors_slider .colors {
    display: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    width: calc(100% - 76px - 71px);
    margin-left: 71px;
}
.canvas_colors_slider .colors.visible {
    display: block;
    opacity: 0;
    pointer-events: none;
}
.canvas_colors_slider .colors.visible.slick-initialized {
    opacity: 1;
    pointer-events: all;
}
.canvas_colors_slider * {
    outline: none !important;
}
.canvas_colors_slider .slick-prev,
.canvas_colors_slider .slick-next {
    width: 60px;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.canvas_colors_slider .slick-prev svg,
.canvas_colors_slider .slick-next svg {
    width: 12px;
    height: 22px;
}
.canvas_colors_slider .slick-prev {
    left: -71px;
}
.canvas_colors_slider .slick-next {
    right: -76px;
}
.canvas_colors_slider .slick-prev:before,
.canvas_colors_slider .slick-next:before {
    display: none;
}
.canvas_colors_slider .slick-prev.slick-disabled,
.canvas_colors_slider .slick-next.slick-disabled {
    opacity: .5;
}
.canvas_actions.active,
.canvas_actions > div {
    pointer-events: none !important;
}
.canvas_actions.active > div {
    pointer-events: all !important;
}
.app_canvas_hovers {
    position: absolute;
    top: 0;
    left: calc(50% - 512px);
    bottom: 0;
    pointer-events: none;
    max-width: 1024px;
}
.app_canvas_hovers > div {
    position: absolute;
}
.app_canvas_hovers > div .module_hover {
    pointer-events: all;
    cursor: pointer;
    background: url("/local/components/ade/conf_sp_modules_predefined/templates/.default/img/sp_default/corner-lb.svg") no-repeat left bottom,
    url("/local/components/ade/conf_sp_modules_predefined/templates/.default/img/sp_default/corner-lt.svg") no-repeat left top,
    url("/local/components/ade/conf_sp_modules_predefined/templates/.default/img/sp_default/corner-rb.svg") no-repeat right bottom,
    url("/local/components/ade/conf_sp_modules_predefined/templates/.default/img/sp_default/corner-rt.svg") no-repeat right top;
    background-size: 34px;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    outline: none !important;
    border: none !important;
    width: 100%;
    height: 100%;
}
.app_canvas_hovers > div.active .module_hover,
.app_canvas_hovers > div:active .module_hover,
.app_canvas_hovers > div:focus .module_hover,
.app_canvas_hovers > div:hover .module_hover {
    opacity: 1;
}
.app_canvas_hovers.noevents > div .module_hover {
    pointer-events: none !important;
}
.canvas_colors_main_bl.active {
    border-color: #3fa9f5;
}
.canvas_colors_main_bl.active > div:first-child {
    background: #3fa9f5;
}
.canvas_colors_main_bl.active .canvas_colors_main_bl_name {
    opacity: 0;
}
.canvas_colors_main_bl .canvas_colors_main_bl_btn_apply {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    font-size: 14px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 50%;
}
.canvas_colors_main_bl.black .canvas_colors_main_bl_btn_apply {
    color: #666666;
}
.canvas_colors_main_bl.active .canvas_colors_main_bl_btn_apply {
    opacity: 1;
    pointer-events: all;
}
.canvas_actions.step-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.next.disabled {
    opacity: .5;
    pointer-events: none;
}



.vue-slider-rail {
    background-color: #fff;
    border-radius: 2px;
}
.vue-slider-process {
    background-color: #3fa9f5;
    border-radius: 2px;
}
.vue-slider-wrap.mirror .vue-slider-rail {
    background-color: #3fa9f5;
}
.vue-slider-wrap.mirror .vue-slider-process {
    background-color: #fff;
}
.vue-slider-dot {
    background-color: #3fa9f5;
    border-radius: 50px;
}
.vue-slider-mark-step {
    width: 1px;
    height: 15px;
    background-color: #fff;
    top: -5px !important;
}
.vue-slider-marks .vue-slider-mark:first-child .vue-slider-mark-step,
.vue-slider-marks .vue-slider-mark:last-child .vue-slider-mark-step {
    opacity: 0;
}
/*.vue-slider-marks {
    width: calc(100% - 18px) !important;
    margin-left: 9px;
}*/
.vue-slider-mark {
    font-size: 12px;
}
.vue-slider-dot-tooltip-top {
    width: 88px;
    height: 36px;
    border: solid 1px #fff;
    border-radius: 2px;
    text-align: center;
    padding: 10px 0;
    background: #333;
    position: relative;
}
.vue-slider-dot-tooltip-top:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    background: #333;
    position: absolute;
    top: calc(100% - 4px);
    left: calc(50% - 5px);
    transform: rotate(-45deg);
}
.vue-slider-dot {
    width: 22px !important;
    height: 22px !important;
}

.conf .mid {
    position: relative;
}
.module_size_slider {
    position: absolute;
    bottom: -129px;
    left: 0;
    background: transparent;
    width: calc(100% - 257px);
    height: 129px;
    padding: 10px 40px 10px 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    background: #333;
    z-index: 2;
}
.module_size_slider-title {
    position: absolute;
    top: 38px;
    left: 60px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 18px;
}
.module_size_slider.active {
    opacity: 1;
    pointer-events: all;
}
.module_size_slider .vue-slider-wrap {
    width: 100%;
}

.app_canvas_hovers > div .module_hover {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.app_canvas_hovers > div .module_hover .btn-remove {
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/btn-remove.png) no-repeat center;
    width: 107px;
    min-width: 107px;
    height: 37px;
    position: relative;
    z-index: 2;
    margin: 5px 0;
}
.app_canvas_hovers > div .module_hover .btn-append {
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/btn-insert.png) no-repeat center;
    width: 107px;
    min-width: 107px;
    height: 37px;
    position: relative;
    z-index: 2;
    margin: 5px 0;
}
.btn-append-wrap {
    width: calc(100% + 74px);
    display: flex;
    justify-content: space-between;
}
.app_canvas_hovers > div .module_hover .btn-append-left {
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/ico-s2_3-sizes-1.svg) no-repeat left center;
    background-size: auto 37px;
    width: 37px;
    min-width: 37px;
    height: 37px;
    position: relative;
    z-index: 2;
    margin: 5px 0;
}
.app_canvas_hovers > div .module_hover .btn-append-right {
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/ico-s2_3-sizes-1.svg) no-repeat right center;
    background-size: auto 37px;
    width: 37px;
    min-width: 37px;
    height: 37px;
    position: relative;
    z-index: 2;
    margin: 5px 0;
}
.app_canvas_hovers .append_btns .set_active_module,
.app_canvas_hovers .append_btns .btn-append,
.app_canvas_hovers .append_btns .btn-remove,
.app_canvas_hovers .btn-append-wrap {
    display: none;
}
.app_canvas_hovers .append_btns .btn-append-wrap {
    display: flex;
}
.app_canvas_hovers > div .module_hover .btn-append-left.disabled,
.app_canvas_hovers > div .module_hover .btn-append-right.disabled {
    visibility: hidden;
}
.app_canvas_hovers > div .module_hover .set_active_module {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.app_canvas_hovers .btn-append-wrap.disabled,
.app_canvas_hovers .btn-append.disabled,
.app_canvas_hovers > div.disabled .module_hover {
    display: none !important;
}

.act_radio_btn {
    width: 58px;
    height: 29px;
    border: solid 1px #fff;
    border-radius: 50px;
    padding: 3px;
    position: relative;
    display: inline-block;
    margin: 0 8px;
    cursor: pointer;
}
.act_radio_btn:after {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    border: solid 1px #fff;
    background: transparent;
    border-radius: 50px;
}
.act_radio_btn.active:after {
    float: right;
    background: #3fa9f5;
    border-color: #3fa9f5;
}
.act_select_btn-wrap {
    padding: 7px 30px 11px;
    margin: 0 22px;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}
.act_radio_btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.mob_rt {
    width: 135px;
}
.canvas_actions.step-4 .canvas_actions-top .act_radio_btn-wrap {
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}
.canvas_actions.step-4 .canvas_actions-top .act_radio_btn-wrap > span {
    width: 55px;
    text-align: right;
}

.btn-close {
    position: absolute;
    top: -26px;
    right: 0;
    width: 24px;
    height: 24px;
    background: #000;
    z-index: 99;
    background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/modal-close.svg) no-repeat center;
    background-size: contain;
    opacity: 0;
    pointer-events: none;
}
.app_canvas_hovers .active .btn-close {
    opacity: 1;
    pointer-events: all;
}
.go_backnext_wrap {
    position: absolute;
    top: 123px;
    right: 50px;
    display: flex;
}
.go_next,
.go_back {
    color: #fff;
    display: block;
    z-index: 2;
    padding: 10px;
    margin-left: 10px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #fff;
}
.go_next {
    background: transparent url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/ico-redo.svg) no-repeat 55px center;
    padding: 7px 43px 7px 17px;
    background-size: 24px;
}
.go_back {
    background: transparent url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/ico-undo.svg) no-repeat 10px center;
    padding: 7px 17px 7px 43px;
    background-size: 24px;
}
.go_next:hover,
.go_back:hover {
    background-color: #009fe3;
    border: 1px solid #009fe3;
}
.app_canvas_sizes {
    position: absolute;
    color: #fff;
    font-size: 13px;
}
.app_canvas_sizes_width {
    position: absolute;
    top: -25px;
    left: 0;
    height: 20px;
    width: 100%;
    text-align: center;
    border-left: solid 1px;
    border-right: solid 1px;
}
.app_canvas_sizes_width span {
    position: absolute;
    display: block;
    width: 100%;
    top: -12px;
}
.app_canvas_sizes_width:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    background: #fff;
    height: 1px;
    width: 100%;
}
.app_canvas_sizes_width_bot {
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 20px;
    width: 100%;
    text-align: center;
    border-left: solid 1px;
    border-right: solid 1px;
}
.app_canvas_sizes_width_bot span {
    position: absolute;
    display: block;
    width: 100%;
    top: -2px;
}
.app_canvas_sizes_width_bot:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    background: #fff;
    height: 1px;
    width: 100%;
}
.app_canvas_sizes_width_bot_modules {
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 20px;
    width: 100%;
    text-align: center;
    border-left: solid 1px;
    border-right: solid 1px;
}
.app_canvas_sizes_width_bot_modules span {
    position: absolute;
    display: block;
    width: 100%;
    top: -2px;
}
.app_canvas_sizes_width_bot_modules:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    background: #fff;
    height: 1px;
    width: 100%;
}
.app_canvas_size_module {
    position: absolute;
    bottom: -25px;
    left: 0;
    height: 20px;
    width: 100%;
    text-align: center;
    /* border-left: solid 1px; */
    border-right: solid 1px;
    color: #fff;
}
.app_canvas_size_module span {
    position: absolute;
    display: block;
    width: 100%;
    top: -3px;
}
.app_canvas_size_module:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    background: #fff;
    height: 1px;
    width: 100%;
}
.app_canvas_sizes_height {
    position: absolute;
    top: 0;
    left: -25px;
    height: 100%;
    width: 20px;
    text-align: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}
.app_canvas_sizes_height span {
    position: absolute;
    display: block;
    width: 100%;
    left: -12px;
    top: calc(50% - 8px);
    transform: rotate(-90deg);
    white-space: nowrap;
}
.app_canvas_sizes_height:before {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    right: 0;
    background: #fff;
    height: 100%;
    width: 1px;
}

.conf {
    margin-top: 0;
    overflow: hidden;
    font-family: 'Roboto Condensed', sans-serif;
}
.conf .bot {
    background: #333;
    color: #fff;
    height: 129px;
    padding: 29px 30px 29px 60px;
}
.conf .bot .summary {
    float: right;
    width: 257px;
    background: #009de2;
    min-height: 100px;
    position: relative;
    height: 130px;
    margin-top: -30px;
    margin-right: -30px;
    padding: 25px 26px 0;
}
.conf .bot .summary .ico-top {
    position: absolute;
    left: 0;
    top: -37px;
    z-index: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 180px 37px 180px;
    border-color: transparent transparent #009ee2 transparent;
}
.conf .bot .summary .title {
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 8px 0;
    position: relative;
    z-index: 2;
}
.conf .bot .summary .price-wrp div:first-child {
    display: inline-block;
    width: 60px;
    text-align: right;
    line-height: 14px;
    font-size: 12px;
}
.conf .bot .summary .price-wrp div:last-child {
    display: inline-block;
    font-size: 38px;
    padding-left: 5px;
}
.conf .bot .summary .btns {
    text-align: center;
}
.conf .bot .summary .btns.invisible {
    opacity: 0;
    pointer-events: none;
}
.conf .bot .summary .btn {
    background: white;
    color: #000;
    border: 0;
    box-shadow: none;
    display: inline-block;
    margin: 11px 5px 0;
    min-width: 90px;
    min-width: 100%;
    border-radius: 2px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.conf .bot .summary .btn:hover {
    opacity: 0.7;
}

.conf .bot .actions .left .btn {
    width: 72px;
    padding: 0;
    background: transparent !important;
    border: none !important;
}
.conf .bot .actions .left .btn img {

    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.app_canvas_hovers > div .module_hover.module_hover_sofa2 {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
}
.module_hover_sofa2_wrap {
    z-index: 2;
}

@media (min-width: 1024px){
    .som {
        display: none!important;
    }
    .mob_rt {
        margin: 0 10px 0 auto;
    }
}
@media (max-width: 1023px){
    .hom {
        display: none!important;
    }
    #bx-panel {
        display: none !important;
    }

    .conf {
        background-color: #bbb6b2;
        margin-top: 50px;
        overflow: hidden;
    }
    .conf .mid {
        transform: scale(0.6) translate(-60%, -60%);
        margin-top: 0;
        height: 271px;
        margin-left: calc((((1024px / 3.58) - 100vw) / 2) * -1);
    }
    .container {
        max-width: 100%;
        min-width: 100%;
    }
    .conf > .container {
        max-width: 100%;
        min-width: 100%;
        background-color: #bbb6b2;
    }
    .conf .bot .summary,
    .conf .bot .params {
        width: 100%;
        float: none;
    }
    .conf .bot .params {
        padding: 0 10px 0;
    }
    .conf .bot .summary .ico-top {
        display: none;
    }
    .conf .bot .summary {
        height: auto;
        margin-top: 0;
        padding: 4px 10px 6px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: auto;
    }
    .conf .bot .summary .price-wrp div:last-child {
        font-size: 30px;
        padding-left: 3px;
    }
    .conf .bot .summary .price-wrp div:first-child {
        width: 45px;
        line-height: 14px;
        font-size: 10px;
    }
    .conf .bot .summary .btn {
        border: 0;
        margin: 0;
        padding: 6px 8px;
        min-width: 0;
    }
    .conf .bot {
        height: auto;
        padding: 0;
    }


    .top_tabs {
        display: flex;
        height: 36px;
        background: #4d4d4d;
        color: #fff;
    }
    .top_tab {
        min-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .top_tab.active {
        background: #333;
    }
    .canvas_actions.step-4 {
        top: 36px;
        height: 100px;
        background: #333;
    }
    .mobile_inactive {
        display: none !important;
    }
    .conf .top {
        height: 136px;
    }
    .mobile_scene_modules {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 100px;
        padding: 0 10px;
    }
    .conf .s2-bl-img {
        width: 60px;
        height: 60px;
    }
    .conf .s2-bl {
        -ms-flex: initial !important;
        flex: initial !important;
        max-width: initial;
    }
    .module_size_slider {
        position: absolute;
        top: 36px;
        left: 0;
        right: 0;
        height: 100px;
        width: 100%;
        padding: 25px 30px 0;
    }
    .conf .mid .module_size_slider {
        display: none !important;
    }
    .vue-slider-dot {
        width: 15px !important;
        height: 15px !important;
    }
    .vue-slider-dot-tooltip-top {
        width: 50px;
        height: 28px;
        padding: 6px 0;
        font-size: 12px;
    }
    .vue-slider-dot-tooltip-top:after {
        width: 6px;
        height: 6px;
        top: calc(100% - 2px);
        left: calc(50% - 3px);
    }
    .vue-slider-mark-step {
        height: 4px;
        top: 4px !important;
    }
    .vue-slider-ltr .vue-slider-mark-label {
        font-size: 9px;
    }
    .btn-close {
        top: -40px;
        width: 40px;
        height: 40px;
    }
    .go_backnext_wrap {
        position: relative;
        top: initial;
        right: initial;
    }
    .bot-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/sp_default/floor_bg.jpg) no-repeat center;
        background-size: cover;
        padding: 50px 15px 15px;
        margin-top: -61px;
        position: relative;
        color: #fff;
    }
    .bot-mobile .mob_rt {
        width: 60px;
    }
    .bot-mobile .mob_rt .act_radio_btn-wrap {
        width: 60px;
        display: flex;
        flex-wrap: wrap;

    }
    .bot-mobile .mob_rt .act_radio_btn-wrap span {
        font-size: 12px;
        line-height: 14px;
    }
    .bot-mobile .mob_rt .act_radio_btn-wrap .act_radio_btn {
        margin: 2px 0 0;
    }
    .bot-mobile .mob_rt .act_radio_btn-wrap .act_radio_btn.active:after {
        background: #333333;
        border-color: #333333;
    }
    .go_back {
        padding: 13px 10px 13px 43px;
        font-size: 12px;
        margin-left: 0;
        height: 44px;
    }
    .go_next {
        padding: 13px 43px 13px 10px;
        font-size: 12px;
        background-position: 45px center;
        margin-left: 5px;
        height: 44px;
    }
    .go_next:hover, .go_back:hover {
        background-color: transparent;
        border: 1px solid #fff;
    }
    .go_next.active:hover, .go_back.active:hover,
    .go_back.active,
    .go_next.active {
        background-color: #333;
        border-color: #333;
    }
    .bot-mobile .btn.btn-primary.btn-mirror {
        font-size: 12px;
        line-height: 12px;
        width: auto;
        white-space: normal;
        text-align: left;
        border-color: #fff !important;
        padding: 9px 10px 9px 35px;
        opacity: 1 !important;
        background: transparent url(/local/components/ade/conf_sp_modules_predefined/templates/.default/img/svg/ico-mirror-mobile.svg) no-repeat 9px center !important;
        background-size: 18px !important;
    }

    .canvas_colors_main {
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .canvas_actions.step-4 .canvas_actions-top {
        margin-top: 10px;
        flex-wrap: wrap;
        padding: 0;
    }
    .canvas_colors_main_bl {
        width: initial;
        height: 39px;
        -ms-flex: 0 0 42%;
        flex: 0 0 42%;
        max-width: 42%;
        margin: 0 2px 4px;
    }
    .canvas_colors_main_bl_name {
        font-size: 10px;
        line-height: 10px;
        padding: 3px 6px;
    }
    .canvas_colors_main_bl_title {
        font-size: 11px;
        line-height: 11px;
        padding: 6px 8px;
    }
    .canvas_actions.step-4 .canvas_actions-top div.canvas_colors_slider_close {
        position: absolute;
        top: -10px;
        right: 20px;
        z-index: 2;
        border: none;
        padding: 0;
        height: 20px;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        max-width: 20px;
        opacity: 0.5;
    }
    .canvas_colors_slider .slick-prev, .canvas_colors_slider .slick-next {
        display: none !important;
    }
    .canvas_colors_slider {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }
    .canvas_colors_slider .colors.visible {
        width: 100%;
        margin: 15px 0 0;
    }
    .canvas_colors_slider .colors .color {
        border: solid 1px #666666;
        margin: 0 2px;
        height: 50px;
    }
    .canvas_colors_slider .colors .color.active {
        border-color: #3fa9f5;
    }
    .canvas_colors_slider .colors .color span {
        font-size: 11px;
        line-height: 12px;
        padding: 2px 3px;
    }
    .canvas_colors_slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 2px;
        padding: 0;
        cursor: pointer;
        background: #333333;
        border: solid 1px #666666;
        border-radius: 50px;
    }
    .canvas_colors_slider .slick-dots li button {
        width: 100%;
        height: 100%;
        padding: 0;
        opacity: 0 !important;
    }
    .canvas_colors_slider .slick-dots li.slick-active {
        background: #3fa9f5;
        border: solid 1px #3fa9f5;
    }
    .canvas_colors_slider .slick-dots {
        bottom: -18px;
    }
}
@media (max-width: 767px){
    .conf .mid {
        transform: scale(0.5) translate(-50%, -50%);
        margin-top: 0;
        height: 262px;
        margin-left: calc((((1024px / 2) - 100vw) / 2) * -1);
    }
    .app_canvas_sizes_width span {
        top: -30px;
        font-size: 28px;
    }
    .app_canvas_size_module,
    .app_canvas_sizes_width_bot_modules,
    .app_canvas_sizes_width_bot,
    .app_canvas_sizes_height {
        display: none;
    }
    .bot-mobile {
        margin-top: -50px;
    }
}
@media (max-width: 499px){
    .conf .mid {
        transform: scale(0.4) translate(-50%, -70%);
        margin-top: 0;
        height: 233px;
        margin-left: calc((((1024px / 2.08) - 100vw) / 2) * -1);
    }
    .bot-mobile {
        margin-top: -59px;
    }
}
@media (max-width: 389px){
    .conf .mid {
        transform: scale(0.38) translate(-50%, -80%);
        margin-top: 0;
        height: 226px;
        margin-left: calc((((1024px / 2.14) - 100vw) / 2) * -1);
    }
    .bot-mobile {
        margin-top: -63px;
    }
}
@media (max-width: 374px){
    .conf .mid {
        transform: scale(0.33) translate(-50%, -90%);
        margin-top: 0;
        height: 209px;
        margin-left: calc((((1024px / 2.29) - 100vw) / 2) * -1);
    }
    .mobile_scene_modules {
        padding: 0 5px;
    }
    .conf .s2-bl-img {
        width: 50px;
        height: 50px;
    }

    .canvas_colors_slider .colors .color span {
        font-size: 10px;
        line-height: 11px;
    }
    .bot-mobile {
        margin-top: -61px;
        padding: 50px 5px 15px;
    }
    .go_back {
        padding: 13px 10px 13px 33px;
        background-size: 16px;
    }
    .go_next {
        padding: 13px 33px 13px 10px;
        background-size: 16px;
    }
}
.canvas_actions.step-4 .canvas_actions-top .act_radio_btn-wrap:nth-child(2) {
    margin-top: 5px;
}
@media (max-width: 1023px){
    .bot-mobile {
        align-items: flex-end;
        padding-top: 15px;
    }
    .bot-mobile .mob_rt .act_radio_btn-wrap {
        margin-top: 5px;
    }
}

.conf .bot .summary .price-wrp div:last-child {
    line-height: 38px;
    position: relative;
}
.conf .bot .summary .price-wrp div:last-child .old-price {
    position: absolute;
    font-size: 16px;
    line-height: 16px;
    bottom: 100%;
    text-decoration: line-through;
}
@media (max-width: 1023px){
    .conf .bot .summary .price-wrp div:last-child {
        line-height: 40px;
    }
    .conf .bot .summary .price-wrp div:last-child .old-price {
        font-size: 11px;
        line-height: 11px;
        bottom: calc(100% - 9px);
    }
}




/* Меню сайта для конфигураторов */
@media (min-width: 1024px){
    .main-wrap {
        position: relative;
    }
    .main-wrap > .sidebar {
        padding-right: 14px !important;
        width: calc(25.5% - 12px) !important;
        position: absolute;
        z-index: 99;
        background: #f5f5f7;
        opacity: 0;
        pointer-events: none;
        transition: .2s;
    }
    .main-wrap > .sidebar.opened {
        opacity: 1;
        pointer-events: all;
    }
    .main-wrap > .sidebar:before {
        content: '';
        display: block;
        width: 20px;
        height: 10000px;
        position: absolute;
        top: -77px;
        right: 100%;
        background: #f5f5f7;
        z-index: -1;
    }
    .main-wrap > .sidebar:after {
        content: '';
        display: block;
        width: 150px;
        height: 10000px;
        position: absolute;
        top: -77px;
        left: 100%;
        background: linear-gradient(90deg, rgba(113,113,113,0.09849877450980393) 0%, rgba(0,0,0,0) 50%);
    }
    .main-wrap > .content {
        width: 100% !important;
    }
    .header-left {
        height: 77px;
        margin-top: -30px;
        margin-bottom: -20px;
        padding: 30px 0 20px;
    }
    header.header {
        z-index: 999;
        position: relative;
    }
    .main-wrap > .content .conf-page-top {
        display: flex;
        flex-wrap: wrap;
    }
    .main-wrap > .content .conf-page-top .conf-page-top-l {
        width: 25.5%;
    }
    .main-wrap > .content .conf-page-top .conf-page-top-r {
        width: 74.5%;
    }
    .main-wrap > .content .conf-page-top .site-logo {
        display: block;
        width: 217px;
        margin: 11px 0 15px -28px;
    }
    .main-wrap > .content .conf-page-top .page-header {
        margin-top: 83px;
    }


    .header-conf-menu {
        display: block !important;
        float: left;
        margin-right: 50px;
    }
    .header-conf-menu span {
        font-size: 14px;
        font-weight: bold;
        color: #2D9CDB;
        border-bottom: 1px dotted;
    }
    .header-lang {
        float: left;
    }

    .mobile-menu-btn {
        margin: 0;
        padding: 0;
        border: none !important;
        background: transparent;
        outline: none !important;
        margin-right: 10px;
    }
    .mobile-menu-icon {
        display: block;
        position: relative;
        background: #666666;
        width: 19px;
        height: 3px;
        transition: .4s;
        cursor: pointer;
        border-radius: 0;
    }
    .mobile-menu-icon::after, .mobile-menu-icon::before {
        content: "";
        display: block;
        position: absolute;
        background: #666666;
        width: 100%;
        height: 3px;
        transition: .4s;
    }
    .mobile-menu-icon::after {
        top: 6px;
    }
    .mobile-menu-icon::before {
        top: -6px;
    }
    .mobile-menu-btn.opened .mobile-menu-icon {
        background: transparent;
    }
    .mobile-menu-btn.opened .mobile-menu-icon::before,
    .mobile-menu-btn.opened .mobile-menu-icon::after {
        top: 0;
    }
    .mobile-menu-btn.opened .mobile-menu-icon::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .mobile-menu-btn.opened .mobile-menu-icon::before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #header-conf-menu-btn {
        display: flex;
        align-items: center;
        cursor: pointer;
    }


    /*
    .footer-left {
        width: 0 !important;
    }
    .footer-right {
        width: calc(100% - 150px) !important;
    }
     */
}
/* / Меню сайта для конфигураторов */

canvas#app_canvas {
    margin: 0 auto;
    display: block;
}

@media (max-width: 1169px){
    .conf {
        min-width: 1024px;
        margin-left: -15px;
    }
}
@media (max-width: 1023px){
    .conf {
        min-width: calc(100% + 30px);
        margin-left: -15px;
        margin-top: 20px;
    }
    .app_canvas_hovers {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        max-width: initial;
    }
}
/*
.price-wrp {
    display: none;
	}*/
/* End */
/* /local/components/ade/conf_sp_modules_predefined/templates/.default/style.css?1765453916105750 */