/* Start:/local/templates/1ctrend/css/bootstrap.min.css?178973266651386*/
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,figure,footer,header,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:not(:focus-visible){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]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,pre{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=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.blockquote{margin-bottom:1rem;font-size:1.25rem}.figure{display:inline-block}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.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}}@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}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.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%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.is-valid~.valid-feedback,.was-validated :valid~.valid-feedback{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-feedback{display:block}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.is-invalid~.invalid-feedback,.was-validated :invalid~.invalid-feedback{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-feedback{display:block}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}@media (max-width:991.98px){.navbar-expand-lg>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-text:last-child{margin-bottom:0}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-img{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.border{border:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!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}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}}.position-static{position:static!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.w-50{width:50%!important}.h-100{height:100%!important}.mb-0{margin-bottom:0!important}.m-1{margin:.25rem!important}.mt-5{margin-top:3rem!important}.pt-0{padding-top:0!important}.pt-5{padding-top:3rem!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}}
/* End */


/* Start:/local/templates/1ctrend/css/jquery.fancybox.min.css?179182624112824*/
/***
 * ver. 3.5.7
 */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#4A5060;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#1F2430;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/1ctrend/css/swiper.min.css?158662127013676*/
/**
 * Swiper 5.3.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 10, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* End */


/* Start:/local/templates/1ctrend/css/ripple.css?1648993737897*/
.has-ripple {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.ripple {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 50%;

    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);

    background: #fff;
    opacity: 1;
}
.ripple-animate {
    -webkit-animation: ripple;
    -o-animation: ripple;
    animation: ripple;
}
@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2);
    }
}
/* End */


/* Start:/local/templates/1ctrend/css/gruppy/keysy.css?179182624172903*/
@font-face {
    font-family: OpenSans;
    src: url(/local/templates/1ctrend/fonts/OpenSans-Regular-subset.woff2) format("woff2"),
         url(/local/templates/1ctrend/fonts/OpenSans-Regular.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Oswald;
    src: url(/local/templates/1ctrend/fonts/Oswald-Regular-subset.woff2) format("woff2"),
         url(/local/templates/1ctrend/fonts/Oswald-Regular.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Oswald-Medium;
    font-weight: 500;
    src: url(/local/templates/1ctrend/fonts/oswald-medium-subset.woff2) format("woff2"),
         url(/local/templates/1ctrend/fonts/oswald-medium.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: OpenSans-Bold;
    font-weight: bold;
    src: url(/local/templates/1ctrend/fonts/OpenSans-Bold-subset.woff2) format("woff2"),
         url(/local/templates/1ctrend/fonts/OpenSans-Bold.ttf) format("truetype");
    font-display: swap;
}
@font-face {
    font-family: OpenSans-Italic;
    src: url(/local/templates/1ctrend/fonts/opensans-italic-subset.woff2) format("woff2"),
         url(/local/templates/1ctrend/fonts/opensans-italic.ttf) format("truetype");
    font-display: swap;
    font-style: italic;
}
body{
    font-family: OpenSans;
    font-size: 16px;
    line-height: 1.5;
    color: #4A5060;
    font-variant-numeric: lining-nums;
    font-feature-settings: "lnum" 1;
    -webkit-font-feature-settings: "lnum" 1;
    -moz-font-feature-settings: "lnum" 1;
    -ms-font-feature-settings: "lnum" 1;
    -o-font-feature-settings: "lnum" 1;
}
body.stop-scroll{
    overflow: hidden;
}
.btn.focus, .btn:focus{
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn.disabled, .btn:disabled{
    cursor: not-allowed;
    background: #999999 !important;
}
h1, .h1{
    font-family: Oswald-Medium;
    font-size: 34px;
    line-height: 48px;
    color: #4A5060;
}
h2, .h2{
    font-family: Oswald-Medium;
    font-size: 38px;
    line-height: 120%;
    color: #4A5060;
}
h3, .h3{
    font-family: Oswald-Medium;
    font-size: 32px;
    line-height: 120%;
    color: #4A5060;
}
h4, .h4 {
    font-family: Oswald-Medium;
    font-size: 22px;
    line-height: 120%;
    color: #4A5060;
    margin-bottom: 20px;
}
h5, .h5{
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 22px;
    color: #4A5060;
    margin-bottom: 10px;
}
b{
    font-family: OpenSans-Bold;
}
a{
    font-family: OpenSans;
    color: #B4553A;
}
a:hover, a:focus, a:active{
    text-decoration: underline;
    color: #B4553A;
}
.mt15{
    margin-top: 15px;
}

/*HEADER block start*/

.header_block{
    position: fixed;
    width: 100%;
    top: 0;
    background: #ffffff;
    z-index: 10001;
    border-bottom: 1px solid #dadde4;
}
.header_inner{
    position: relative;
}
.header_inner .container{
    max-width: 1330px!important;
}
.header{
    min-height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_logo{
    max-width: 210px;
    display: flex;
    align-items: center;
}
.header_logo img{
    width: 110px;
    margin-right: 10px;
}
.logo_text{
    font-size: 11px;
    line-height: 16px;
	color: #4A5060;
}
.navbar{
    padding: 0;
}
.nav-link{
    font-family: Oswald;
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 0;
    color: #000000;
}
a.nav-link:hover, a.nav-link:focus, a.nav-link:active{
    color: #B4553A;
}
.header_navbar{
    position: static;
}
.dropdown-menu{
    right: 0;
    margin-top: 1px;
    padding-top: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: none;
    border-right: none;
    border-left: none;
}
.dropdown-item{
    white-space: normal;
}
.header_navbar .row{
    width: 100%;
}
.dropdown_menu_title{
    margin-bottom: 20px;
}
.dropdown_menu_title .h3{
    font-family: Oswald-Medium;
    font-size: 22px;
    line-height: 120%;
    color: #4A5060;
}
.dropdown_menu_title .dropdown-item{
    font-family: OpenSans-Bold;
    font-size: 16px;
    line-height: 22px;
    color: #6C6C6C;
    padding: 3px;
}
.header_menu .dropdown_menu_title .dropdown-item{
    font-size: 14px;
    line-height: 18px;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: transparent;
}
.header_contact{
    display: flex;
    gap: 20px;
    align-items: center;
}
.header_messengers {
	display: flex;
    gap: 5px;
    align-items: center;
}
.header_consult {
    font-family: Oswald-Medium;
	display: flex;
	align-items: center;
	gap: 8px;
}
.header_consult_avatar {
	position: relative;
}
.header_consult_avatar img {
	max-width: 50px;
}
.header_consult_avatar:before {
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: #01DD3F;
	animation: blink 1s infinite ease-in-out;
}
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0.5; }
  100% { opacity: 1; }
}
.header_consult_content {
	font-size: 14px;
}
.header_consult_title {
	text-transform:uppercase;
}
.red_link{
    font-family: Oswald;
    font-size: 14px;
    letter-spacing: 0.05em;
    text-decoration: underline;
    color: #B4553A;
}
.red_link:hover, .red_link:focus, .red_link:active{
    text-decoration: none;
    color: #B4553A;
}
.header_block .btn-red.btn-red--small {
    margin-top: 5px;
    height: 30px;
    /* в media.css ссылкам в .phone_block задан display:inline-block, и он
       перебивал flex у .btn-red — текст переставал центрироваться.
       Возвращаем flex явно: он держит текст по центру по обеим осям
       при любом шрифте, высоте и длине надписи */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-transform: none;
    width: auto;
    min-width: 155px;
    padding: 0 16px;
    white-space: nowrap;
    /* кнопка приходит как display:block, а не flex, поэтому текст в ней
       центрируется не justify-content, а text-align. Без этой строки он
       наследует выравнивание вправо от блока телефона */
    text-align: center;
    font-weight: normal;
    font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: 0 !important;
}
/* полоса про ИИ под шапкой, тест четырёх текстов, 15.09.2026 */
.polosa-ii {
    background: #722F30;
    color: #fff;
    font-family: OpenSans, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.35;
    /* высота фиксированная: под неё заранее резервируется отступ страницы */
    height: 40px;
    overflow: hidden;
}
.polosa-ii[hidden] { display: none; }
/* 17.09.2026: отступ под полосу до первой отрисовки, класс ставит скрипт в <head> */
.est-polosa-ii body { padding-top: 40px; }
.polosa-ii__vnutri {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
}
.polosa-ii__ssylka {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    color: #fff;
    text-decoration: none;
}
.polosa-ii__ssylka:hover, .polosa-ii__ssylka:focus { color: #fff; text-decoration: none; }
.polosa-ii__ssylka:hover .polosa-ii__tekst { text-decoration: underline; }
.polosa-ii__metka {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: #FFC62B;
    color: #3A1A1A;
    padding: 2px 6px;
    border-radius: 2px;
}
.polosa-ii__tekst {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.polosa-ii__strelka { flex: 0 0 auto; color: #FFC62B; font-weight: 700; }
.polosa-ii__krest {
    flex: 0 0 auto;
    background: none;
    border: 0;
    padding: 0 2px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.polosa-ii__krest:hover { color: #fff; }
@media (max-width: 767.99px) {
    .polosa-ii { font-size: 13px; height: 50px; }
    .est-polosa-ii body { padding-top: 50px; }
    .polosa-ii__vnutri { gap: 8px; }
    .polosa-ii__metka { display: none; }
    /* на телефоне текст в две строки, лишнее — многоточием, высота не растёт */
    .polosa-ii__tekst {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

/* 17.09.2026, ускорение: картинкам первого экрана заданы width/height, чтобы
   страница не прыгала при загрузке. Ширину им задаёт CSS, поэтому высота
   должна считаться от пропорций, а не браться из атрибута. */

/* метка у пункта меню «ИИ Автоматизация»: пункт стоит вторым, но среди
   девяти одинаковых теряется */
.metka-novoe {
    display: inline-block;
    vertical-align: super;
    margin-left: 5px;
    padding: 1px 5px 2px;
    border-radius: 3px;
    background: #F24944;
    color: #fff;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 8.5px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.header_contact .callback{
    line-height: 14px;
    display: flex;
    width: 130px;
    gap: 10px;
    align-items: center;
    letter-spacing: 0.05em;
}
.header_contact .phone_block{
    display: flex;
    /* stretch, а не center: номер уже кнопки и при центрировании
       не совпадал с ней по правому краю */
    align-items: stretch;
    text-align: right;
	flex-direction: column;
}
.header_contact .phone_block a{
    line-height: 21px;
}
.header_contact a.header_phone{
    font-family: Oswald-Medium;
    font-size: 20px;
    color: #4A5060;
}

.block-h1{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid #dadde4;
}
.block-h1 h1{
    padding-top: 20px;
    padding-bottom: 40px;
}
.bx-breadcrumb{
    position: absolute;
    width: 1170px;
    left: 50%;
    margin-left: -585px !important;
    bottom: 0;
    font-family: OpenSans;
    font-size: 13px;
    color: #8F8F8F;
}
.breadcrumb-link{
    color: #4A5060;
    text-decoration: underline;
    font-weight: bold;
}
.breadcrumb-link:hover, .breadcrumb-link:active, .breadcrumb-link:focus{
    text-decoration: none;
    color: #4A5060;
}
.header_navbar .navbar-toggler:focus, .header_navbar .navbar-toggler:hover {
    background-color: #ddd;
}
.navbar-toggler{
    padding: 26px 27px;
}
.header_navbar .navbar-toggler .icon-bar{
    background: #f24944;
}
.navbar-toggler .icon-bar{
    width: 23px;
    height: 4px;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.navbar-toggler.active .icon-bar.first{
    transform: rotate(45deg);
    margin-bottom: -5px;
    margin-top: 7px;
}
.navbar-toggler.active .icon-bar.second{
    background-color: transparent;
}
.navbar-toggler.active .icon-bar.third{
    transform: rotate(-45deg);
    margin-top: -11px;
    margin-bottom: 7px;
}
.navbar-toggler .icon-bar+.icon-bar{
    margin-top: 2px;
}
@media screen and (max-width:767.99px) {
	.header_menu {
		order: 1;
	}
	.header_logo {
		order: 2;
	}
	.header_contact {
		order: 3;
	}
	.header_messengers {
		display: none;
	}
	/* в media.css всем ссылкам в .phone_block задан padding 11px ради
	   зоны тапа; у номера он раздувал блок на всю высоту шапки, и кнопка
	   прижималась к её нижней границе */
	.header_contact a.header_phone {
		white-space: nowrap;
		text-align: right;
		padding: 6px 0;
	}
	.header_block .btn-red.btn-red--small {
		font-size: 13px;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		padding: 0 12px;
	}
	/* номер и кнопка по одному правому краю: без stretch номер
	   центрировался внутри блока и не совпадал с кнопкой */
	.header_contact .phone_block {
		min-width: 0;
		max-width: 100%;
		align-items: stretch;
	}
}
/*HEADER block end*/



/*ICONS block start*/

/* Блик по кнопке.

   Как было: внутрь кнопки вставлялся пустой <svg viewBox="0 0 1 1">.
   Ширину такой svg берёт из соотношения сторон 1:1, то есть она
   равнялась высоте кнопки, а не ширине. Отсюда три беды: на кнопках
   разной высоты блик был разной ширины, проход занимал одно и то же
   время при разной длине пути, а кнопки без этого svg блика не имели
   вовсе. Вдобавок анимировалось свойство left, а это пересчёт
   раскладки на каждом кадре, и таких анимаций на странице два десятка.

   Как стало: блик рисует псевдоэлемент самой кнопки. Он всегда
   размером с неё, полоса занимает ту же долю ширины, а проход идёт
   ровно от края до края. Двигается только transform — без пересчёта
   раскладки. Разметку править не нужно, блик появляется на всех
   кнопках сразу. */
/* 18.09.2026: у прозрачных кнопок ::after занят бордовой рамкой (строка ниже),
   и блик её двигал — половина кнопки закрашивалась. Поэтому для .btn-trans
   блик рисуется через ::before. */
.btn-red::after,
.btn-trans::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(100deg,
        rgba(255, 255, 255, 0) 42%,
        rgba(255, 255, 255, 0.55) 50%,
        rgba(255, 255, 255, 0) 58%);
    transform: translateX(-100%);
    animation: blik_po_knopke 3s ease-in-out 2s infinite;
}
@keyframes blik_po_knopke {
    0% {
        transform: translateX(-100%);
    }
    35% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(100%);
    }
}
/* прежняя разметка блика осталась в шаблонах, но больше не нужна */
.animate_btn {
    display: none;
}
/* у кого в системе выключены анимации — блика нет */
@media (prefers-reduced-motion: reduce) {
    .btn-red::after,
    .btn-trans::before {
        animation: none;
        opacity: 0;
    }
}
.icon{
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}
.icon-rarrow{
    background: url(/local/templates/1ctrend/img/chevron-right.svg) center center no-repeat;
    width: 25px;
    height: 25px;
}
.icon-add-file{
    background: url(/local/templates/1ctrend/img/add_file.svg) no-repeat 50% 50%;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    vertical-align: bottom;
}
.icon-circle{
    background: #C4C4C4;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.icon-caret{
    background: url(/local/templates/1ctrend/img/caret.svg) no-repeat 50% 50%;
    width: 7px;
    height: 8px;
}

/*ICONS block end*/



/*MAIN block start*/

.main_container{
	margin: 80px auto 0;
	max-width: 1920px;
	width: 100%;
}
.about{
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.about .video-block{
    margin-top: 20px;
}
.video-block-youtube img{
    width: 100%;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.video-block{
    max-width: 670px;
    max-height: 377px;
}
.video-block-youtube{
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-block-youtube:before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    /*background: #fed928;*/
    /*opacity: 0.85;*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 10;
}
.video-block-youtube.hide-bg:before{
    opacity: 0;
    transition: .3s opacity;
}
.play-btn{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    display: flex;
    z-index: 20;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s opacity;
}
.play-btn img{
    width: 100px;
    cursor: pointer;
}
.video-iframe{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
}
.video-iframe.active{
    height: 100%;
    width: 100%;
    background: #000000;
    z-index: 30;
}
.about h3{
    font-family: Oswald-Medium;
    font-size: 38px;
    line-height: 120%;
    color: #4A5060;
    margin-bottom: 20px;
}
.main-slider .swiper-slide{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 731px;
}
.main-slider .swiper-slide.excort-page{
    height: 550px;
}
.main-slider ul{
    margin-top: 40px;
}
.learn_more{
    padding: 15px 26px 15px 26px;
    border: none;
}
.main-slider .learn_more{
    margin-top: 20px;
}
.swiper-pagination{
    text-align: left;
}
.main-slider.swiper-container-horizontal>.swiper-pagination-bullets{
    width: 1100px;
    left: 50%;
    margin-left: -520px;
    bottom: 50px;
    height: 37px;
}
.swiper-icon-prev{
    position: absolute;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    cursor: pointer;
}
.swiper-icon-next{
    position: absolute;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    cursor: pointer;
}
.main-slider .swiper-icon-prev{
    bottom: 50px;
    width: 1170px;
    left: 50%;
    height: 45px;
    margin-left: -585px;
}
.main-slider .swiper-icon-next{
    bottom: 50px;
    width: 1000px;
    left: 50%;
    height: 45px;
    margin-left: -428px;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #d5d8da;
    transition: .3s all;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    width: 48px;
    background: #B4553A;
    -webkit-border-radius: 68px;
    -moz-border-radius: 68px;
    border-radius: 68px;
}
.ccases .swiper-pagination{
    text-align: right;
}
.ccases.swiper-container-horizontal>.swiper-pagination-bullets{
    width: auto;
    left: auto;
    right: 50%;
    margin-right: -545px;
    top: 10px;
    height: 37px;
    z-index: 10;
}
.ccases .swiper-icon-prev{
    top: 0px;
    width: 45px;
    right: 50%;
    height: 45px;
    margin-right: -290px;
    text-align: right;
    z-index: 20;
}
.ccases .swiper-icon-next{
    top: 0px;
    width: 45px;
    right: 50%;
    height: 45px;
    margin-right: -585px;
    text-align: right;
}
.reviews img{
    width: 100%;
}
.reviews .img a:focus-visible{
    outline: none;
}
.team-block .swiper-pagination{
    text-align: right;
}
.team-block.swiper-container-horizontal>.swiper-pagination-bullets{
    width: 1110px;
    right: 50%;
    margin-right: -520px;
    top: 10px;
    height: 37px;
    z-index: 10;
}
.team-block .swiper-icon-prev{
    top: 0px;
    width: auto;
    right: 43%;
    height: 45px;
    margin-right: -333px;
    text-align: right;
    z-index: 20;
}
.team-block .swiper-icon-next{
    top: 0px;
    width: auto;
    right: 50%;
    height: 45px;
    margin-right: -585px;
    text-align: right;
}
.license_sale_1C {
    background: white;
    padding-top: 20px;
    margin-bottom: 80px;
}
.gray-section{
    background: #F5F7F9;
}
.block{
    padding-bottom: 40px;
    padding-top: 40px;
}
.kviz-cotainer{
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: center center;
}
.kviz-cotainer .container{
    justify-content: center;
    min-height: 600px;
    display: flex;
    align-items: start;
    flex-direction: column;
}
.kviz-cotainer h3{
    max-width: 495px;
}
.kviz-cotainer .btn-red{
    margin-top: 50px;
}
.scale-wrap .scale {
    width: 100%;
    border: 1px solid rgba(31,31,31,.2);
    height: 50px;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    border-radius: 33px;
    overflow: hidden;
    background: #ffffff;
    margin-top: 20px;
}
.scale-wrap .load {
    position: relative;
    height: 100%;
}
.scale-wrap .load:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 90%;
    background: #fed928;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    border-radius: 33px;
}
.scale-wrap .wave {
    position: absolute;
    top: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    transform-origin: 50% 48%;
    -webkit-border-radius: 43%;
    -moz-border-radius: 43%;
    -ms-border-radius: 43%;
    border-radius: 43%;
    animation: wave 3s infinite linear;
}
.scale-wrap .wave.one {
    background: #fed928;
    animation: wave 4s infinite linear;
    z-index: 1;
    right: 10px;
}
.scale-wrap .wave.two {
    animation: wave 5s infinite linear;
    background: #ffee9c;
    right: 0;
}
.scale-wrap .percent-res {
    position: absolute;
    color: #010101;
    z-index: 3;
    width: 100%;
    left: 50%;
    bottom: 12px;
    font-family: Oswald-Medium;
}
@keyframes wave {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
@-webkit-keyframes wave {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}
.boxes{
    padding-bottom: 95px;
    padding-top: 60px;
}
.boxes .swiper-icon-prev{
    bottom: 0px;
    width: 300px;
    left: 50%;
    height: 45px;
    margin-left: -108px;
}
.boxes .swiper-icon-next{
    bottom: 0px;
    width: 300px;
    left: 50%;
    height: 45px;
    margin-left: 65px;
}
.boxes.swiper-container-horizontal>.swiper-pagination-bullets{
    width: 97px;
    left: 50%;
    margin-left: -48px;
    bottom: 0px;
    height: 37px;
}
.ccases{
    font-size: 16px;
}
.ccases-tag{
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
}
.ccases-tag a{
    color: #B4553A;
    text-decoration-line: underline;
    font-family: OpenSans;
    font-size: 16px;
    line-height: 22px;
}
.ccases-tag a:hover, .ccases-tag a:active, .ccases-tag a:focus{
    text-decoration: none;
    color: #B4553A;
}
.ccase-contact:first-of-type{
    margin-top: 6px;
}
.bg-default{
    background-position: 50% 50%;
    -webkit-background-size: auto;
    background-size: auto;
    background-repeat: no-repeat;
}
.progs .row:last-child .soft-links{
    margin-bottom: 0;
}
.podderzhka{
    -ms-background-position-y: 0;
    background-position-y: 0;
}
.cases-name a.h3:hover, .cases-name a.h3:active, .cases-name a.h3:focus{
    text-decoration: none;
    color: #B4553A;
}
.serts, .team-block, .reviews{
    padding-top: 96px;
    margin-top: -96px;
}
/* 17.09.2026: превью YouTube вместо плеера, плеер вставляется по нажатию */
.yt-prevyu {
    position: relative;
    width: 100%;
    background: #000;
    cursor: pointer;
    overflow: hidden;
}
.yt-prevyu img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* старые браузеры без aspect-ratio: высоту даёт сама картинка */
@supports not (aspect-ratio: 1) {
    .yt-prevyu img { position: static; height: auto; }
}
.yt-prevyu__knopka {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin: -24px 0 0 -34px;
    border: 0;
    border-radius: 12px;
    background: #B4553A;
    opacity: .9;
    cursor: pointer;
}
.yt-prevyu__knopka::before {
    content: '';
    position: absolute;
    left: 27px;
    top: 14px;
    border-style: solid;
    border-width: 10px 0 10px 17px;
    border-color: transparent transparent transparent #fff;
}
.yt-prevyu:hover .yt-prevyu__knopka { opacity: 1; }
.yt-prevyu iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#map {
    height: 350px;
    width: 100%;
    /* 17.09.2026: карта грузится по прокрутке, до неё — серая подложка */
    background: #e5e3df;
    margin-bottom: -100px;
}
.modules{
    margin-top: 50px;
    margin-bottom: -80px;
}
.module .btn-red{
    width: 100%;
}
.ccases-tag:first-of-type{
    margin-left: 0;
}
.cases-name{
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 30px;
}
.case-block{
    display: flex;
    margin-bottom: 40px;
}
.case-img img{
    border-radius: 20px;
    max-width: 470px;
}
.case-body{
    padding: 0 30px;
}
.case{
    -ms-background-position-y: 10%;
    background-position-y: 10%;
}
.dcase-video-clock{
    margin-right: 30px;
    display: flex;
    width: 100%;
}
.dcase-video-clock .video-block{
    max-width: 790px;
    max-height: 445px;
}
.dvideo-dop{
    margin-left: 30px;
    margin-top: 30px;
    font-family: OpenSans;
    font-size: 16px;
}
.blockquote-section{
    background: #FFFFFF;
    border: 2px solid #D5D8DA;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 30px 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: start;
}
/*.what-do.block{*/
/*    margin-bottom: -80px;*/
/*    padding-bottom: 40px;*/
/*}*/
.case-text-block{
    margin-bottom: -80px;
    padding-bottom: 0;
}
.blockquote-section img{
    margin-right: 20px;
}
.case .h1{
    margin-bottom: 30px;
}
.task{
    background: linear-gradient(120.74deg, #D6151F 14.99%, #FF5652 73.03%);
}
.solid{
    background: linear-gradient(125.66deg, #FED928 14.73%, #FF8652 85.36%);
}
.result{
    background: linear-gradient(125.66deg, #4CAF50 14.73%, #059C0B 85.36%);
}
.bottom-interface{
    display: flex;
    justify-content: space-around;
    width: 70%;
    margin: auto;
}
.bottom-interface img{
    border: 3px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 10px;
    cursor: pointer;
}
.bottom-interface .swiper-slide-thumb-active img{
    border: 3px solid #D6151F;
    box-sizing: border-box;
    border-radius: 10px;
}
.swiper-button-next-icon{
    opacity: 0.5;
    width: 70px;
    height: 70px;
    background: url(/local/templates/1ctrend/img/next-arraow.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    content: '';
}
.swiper-button-prev-icon{
    opacity: 0.5;
    width: 70px;
    height: 70px;
    background: url(/local/templates/1ctrend/img/prev-arraow.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}
.prices-detail-block{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.prices-detail-block .btn-box{
    display: flex;
    justify-content: center;
}
.prices-detail-block .btn-big{
    width: 100%;
    max-width: 400px;
}
.nowrap{
    white-space: nowrap;
}
.dop-services-container h2{
    margin-bottom: 30px;
}
.card{
    border: none;
    margin-bottom: 5px;
    border-radius: 10px !important;
}
.card-header{
    border: none;
    background: #E2E6EB;
    padding: 30px 18px;
}
.card.active .card-header{
    background: #ffffff;
    padding-bottom: 0px;
}
.card  .collapse{
    position: relative;
}
.text-adv{
    font-family: OpenSans;
}
.team-block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*.team-inner:after{*/
/*    display: block;*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    left: 8px;*/
/*    right: 8px;*/
/*    height: 100%;*/
/*    background-image: url("/local/templates/1ctrend/img/team/team-decor.png");*/
/*    background-repeat: no-repeat;*/
/*}*/

/*MAIN block end*/



/*Forms block start*/
.btn-red{
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    font-family: OpenSans-Bold;
    border-radius: 100px;
    font-size: 14px;
    letter-spacing: 0.1em !important;
    padding: 0;
    font-weight: bold;
    color: #4A5060;
    transition: all 0.1s ease-out;
    border: none;
    height: 60px;
    width: 230px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #FFDE0B 0%, #FEAB3F 100%);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.40) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 16px 16px -11px #FEAB3F;
}
.btn-red:hover, .btn-red:focus, .btn-red:active,
.nav-step .continue.active:hover, .nav-step .continue.active:focus, .nav-step .continue.active:active{
    /*background: linear-gradient(180deg, #A50059 0%, #C21019 100%);*/
    box-shadow: 0px 10px 16px -11px #A40A14, inset 0px -1px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
    color: #FFFFFF;
    text-decoration: none;
}
.btn-red.btn-grad{
    height: 60px !important;
    width: 230px !important;
}
.btn-red.btn-grad:hover, .btn-red.btn-grad:focus, .btn-red.btn-grad:active{
    bbackground: linear-gradient(180deg, #A50059 0%, #C21019 100%);
    box-shadow: 0px 10px 16px -11px #A40A14, inset 0px -1px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.btn.btn-yellow{
    font-family: Oswald-Medium;
    font-size: 22px;
    line-height: 120%;
    color: #4A5060;
    text-align: center;
    background: none;
    width: max-content;
    padding: 16px 33px;
}
.btn.btn-yellow.active{
    background: #FFDE0B;
    border-radius: 100px;
    color: #FFFFFF;
    box-shadow: none;
    display: flex;
}
.btn-trans{
    width: 250px;
    border-radius: 550px;
    background-color: white;
    /*border: 2px solid #039BE5;*/
    /*border-radius: 550px;*/
    /*border: 2px solid;*/
    /*border-image-source: linear-gradient(180deg, #A50059 0%, #C21019 100%);*/
    /*border-image-source: linear-gradient(45deg, rgb(0,143,104), rgb(250,224,66));*/
    /*border-image-slice: 1;*/
    color: #B4553A;
    height: 60px;
    line-height: 56px;
    padding: 0;
    transition: .05s all;
    position: relative;
    text-transform: uppercase;
    font-family: OpenSans-Bold;
    font-size: 14px;
    /*letter-spacing: 0.1em !important;*/
}
.btn-trans::after {
    position: absolute;
    top: -3px; bottom: -3px;
    left: -3px; right: -3px;
    background: linear-gradient(180deg, #A50059 0%, #C21019 100%);
    box-shadow: 0px 10px 16px -11px #A40A14, inset 0px -1px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px rgba(255, 255, 255, 0.4);
    content: '';
    z-index: -1;
    border-radius: 550px;
}
.btn-trans:hover, .btn-trans:active, .btn-trans:focus{
    background-color: transparent;
    color: #ffffff;
}
.btn-trans.btn-skype:hover, .btn-trans.btn-skype:focus{
    background-color: #039be5;
    color: #ffffff;
}
.btn-trans.btn-skype:active{
    background-color: transparent;
    color: #039be5;
}
.btn-trans.btn-tm:hover, .btn-trans.btn-tm:focus{
    background-color: #039be5;
    color: #ffffff;
}
.btn-trans.btn-tm:active{
    background-color: transparent;
    color: #039be5;
}
.btn-wa{
    border: 2px solid #64B161;
    color: #B4553A;
}
.btn-trans.btn-wa:hover, .btn-trans.btn-wa:focus{
    background-color: #B4553A;
    color: #ffffff;
}
.btn-trans.btn-wa:active{
    background-color: transparent;
    color: #B4553A;
}
.btn-trans.btn-red{
    background-color: transparent;
    border: 2px solid #D6151F;
    color: #B4553A;
    width: 250px;
    height: 60px;
    padding: 0;
}
.btn-trans.btn-red:hover, .btn-trans.btn-red:focus{
    background-color: #B4553A;
    color: #ffffff;
}
.btn-trans.btn-red:active{
    background-color: transparent;
    color: #B4553A;
}
.btn-trans.btn-open{
    color: #B4553A;
    height: 64px;
    line-height: 58px;
    width: 274px;
    border: 2px solid #F4F8FC;
}
.btn-trans.btn-open:hover, .btn-trans.btn-open:focus{
    background-color: #8FAECC;
    border-color: #8FAECC;
}
.btn-module{
    display: flex;
}
.btn-module .btn-red{
    margin-right: 30px;
    width: 250px;
}
.btn-table{
    padding: 14px 42px;
}
.modal-info{
    padding: 100px;
    justify-content: center;
}
.policy{
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: underline;
    display: inline-block;
    margin-top: 10px;
}
.policy:hover{
    color: #FFFFFF;
    text-decoration: none;
}
.footer_soc .policy{
    margin-top: 0;
}
.form-control-input {
    border-radius: 100px;
    border: 2px solid #FFDE0B;
    padding: 4% 15% 4% 15%;
    height: auto;
    font-size: 16px;
    line-height: 22px;
    color: #999999;
    text-align: center;
}
textarea.form-control-input {
    border-radius: 27px;
    padding: 16px;
	min-height: 140px;
}
textarea.form-control-input::placeholder {
    padding: 16px!important;
	margin: 0!important;
    line-height: 24px!important;
}
.inputs{
    margin-top: 60px;
    margin-bottom: 33px;
    display: flex;
    justify-content: space-between;
}
.inputs .form-control-input{
    width: 300px;
    height: 60px;
    line-height: 58px;
    display: inline-block;
    padding: 0;
}
.step .form-wrap .btn-big{
    width: 100%;
    margin-left: 0;
}
.form-wrap{
    margin-bottom: 40px;
}
.form-calc-block{
    background-position: 50% 40%;
    -webkit-background-size: auto;
    background-size: auto;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}
.form-calc-inner{
    width: 50%;
    float: right;
}
.form-calc{
    width: 570px;
    min-height: 550px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 40px 50px;
}
.opti-price .form-calc, .opti-price .form-calc-inner{
    width: 100%;
}
.form-calc h2{
    margin-bottom: 34px;
}
.form-calc .btn{
    width: 100%;
}
.form-cal-container{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.calc{
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -170px;
}
.form-text-sub{
    margin-bottom: 35px;
    margin-right: 143px;
}
.form-text-sub h4{
    margin-bottom: 15px;
}
.dropzone{
    border: 2px dashed #DAE0E7;
    box-sizing: border-box;
    border-radius: 10px;
    min-height: 100px;
    padding: 24px 30px;
    margin-bottom: 20px;
}
.dropzone .dz-message{
    margin: 0;
}
.dropzone .dz-message .dz-button{
    color: #B4553A;
    font-size: 16px;
    line-height: 22px;
    font-family: OpenSans;
}
.add-file-bototm{
    margin-top: 8px;
    color: #999999;
}
.dropzone .dz-preview .dz-image{
    width: 90px;
    height: 90px;
}
.modal-body{
    padding: 0;
}
.modal-content{
    border-radius: 20px;
}
.modal-inner{
    display: flex;
}
.modal-img{
    border-radius: 20px 0px 0px 20px;
    /*height: 535px;*/
    width: 500px;
    flex-grow: 0;
    flex-shrink: 0;
    background-size: cover;
}
#price-up .modal-img{
    background: linear-gradient(135.17deg, #FED928 23.24%, #FF8652 86.82%);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 480px;
}
#price-up .modal-text h3{
    margin-bottom: 20px;
}
#price-up .modal-text p{
    margin-bottom: 30px;
}
.modal-text{
    padding: 30px 50px 20px;
    text-align: center;
    width: 100%;
}
.modal-text h3{
    margin-bottom: 40px;
}
.modalAction .modal-text h3{
    margin-bottom: 10px;
}
.modalAction .modal-text .text{
    margin-bottom: 20px;
    font-size: 20px;
}
.modal-text .form-input{
    margin: 0 auto 15px;
}
.modal-text .form-control-input, .modal-text .btn.btn-red{
    padding-top: 18px;
    padding-bottom: 20px;
}
.modal-text .btn-red{
    width: 100%;
}
.modal-text form{
    margin-bottom: 5px;
}
.modal .policy{
    color: #C4C4C4;
}
.modal .close{
    font-size: 3rem;
    font-weight: 100;
    color: #c2c2c2;
    right: 20px;
    position: absolute;
    top: 10px;
}

/*Forms block start*/


/*TEST*/
.col_float{
    width: 100%;
}
.btn-rounded{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.btn-big{
    width: 342px;
}
.step {
    display: none;
}
.step.active {
    display: block;
}
.kviz-block{
    padding: 60px 40px 30px;
    min-height: 607px;
}
.step-all .center-column {
    width: 100%;
    padding: 0 13.125em;
    position: relative;
}
.flex-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.step-all .number-step {
    font-size: 21px;
    color: #919191;
    line-height: 31px;
    font-family: Oswald-Medium;
}
.step-all .number-step .current {
    font-size: 3.33333em;
}
.step-all .title-block .desc {
    display: none;
}
#step5{
    padding: 0 70px;
}
.list-object {
    justify-content: center;
    flex-wrap: wrap;
}
.list-object .object {
    width: 16.66%;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    vertical-align: text-top;
}
.list-object .object .thumb {
    position: relative;
}
.list-object .object.object-text .thumb {
    height: 220px;
}
.list-object .object.active .thumb img, .list-object .object:hover .thumb img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    border-color: #fed928;
}
.list-object .object.active .name, .list-object .object.active .thumb:after, .list-object .object:hover .name {
    opacity: 1;
}
.list-object .object.active .name{
    color: #B4553A;
}
.list-object .object .thumb img {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: all .3s ease-in-out;
    border: 3px solid transparent;
    box-sizing: border-box;
}
.list-object .object .thumb img, .list-object .object .thumb:after {
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}
.list-object .object .thumb.shadow {
    -webkit-box-shadow: 0 0 2.5em rgba(34,34,34,.1);
    -moz-box-shadow: 0 0 2.5em rgba(34,34,34,.1);
    -ms-box-shadow: 0 0 2.5em rgba(34,34,34,.1);
    -o-box-shadow: 0 0 2.5em rgba(34,34,34,.1);
    box-shadow: 0 0 2.5em rgba(34,34,34,.1);
}
.fade05 {
    opacity: .7;
}
.list-object .object .name {
    text-align: center;
    margin-top: 10px;
    transition: all .3s ease-in-out;
    font-family: OpenSans-Bold;
    font-size: 14px;
    color: #6C6C6C;
    line-height: 19px;
}
.progress{
    width: 100%;
    margin: 20px auto 0;
    border-radius: 61px;
    height: 20px;
}
.bg-kviz{
    background: linear-gradient(173.29deg, #FED928 14.73%, #FF8652 85.36%);
    border-radius: 61px;
}
.list-object .object.active .thumb{
    -webkit-box-shadow: 0 0 2.8125em rgba(254,217,40,.9);
    -moz-box-shadow: 0 0 2.8125em rgba(254,217,40,.9);
    -ms-box-shadow: 0 0 2.8125em rgba(254,217,40,.9);
    -o-box-shadow: 0 0 2.8125em rgba(254,217,40,.9);
    box-shadow: 0 0 2.8125em rgba(254,217,40,.9);
}
.scale-wrap .percent {
    position: absolute;
    left: 5.625em;
}
.objects-wrap{
    margin-bottom: 40px;
    margin-top: 40px;
}
.nav-step {
    position: relative;
    max-height: 25.8125em;
    align-items: center;
    justify-content: flex-end;
}
.step .btn-red{
    width: auto;
    margin-left: 30px;
}
.step .btn-red:first-child{
    margin-left: 0;
}
.step-text{
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 218px;
    overflow: hidden;
    outline: unset;
    padding: 10px 15px;
    font-size: 14px;
    width: 100%;
    margin-top: 3px;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    line-height:114px;
    text-align: center;
    overflow: hidden;
}
textarea::-webkit-input-placeholder { /* Webkit */
    line-height:114px;
    text-align: center;
    overflow: hidden;
}
textarea:-ms-input-placeholder { /* IE */
    line-height:114px;
    text-align: center;
    overflow: hidden;
}
.nav-step .continue {
    margin-top: 0;
    background: #d5d5d5;
    cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type='radio'] {
    -webkit-appearance:none;
    width:22px;
    height:22px;
    border:1px solid #FEAB3F;
    border-radius:50%;
    outline:none;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:14px;
    height:14px;
    margin: 3px auto;
    border-radius:50%;
}
input[type='radio']:checked:before {
    background:#FEAB3F;
}
input[type='radio']:not(:checked), input[type='radio']:not(:checked) + label{
    cursor: pointer;
}
input[type='radio']:not(:checked):hover{
    box-shadow:0 0 10px 0px #FEAB3F;
}
input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    border:2px solid #FED928;
    outline:none;
    border-radius: 5px;
    position: relative;
    flex-shrink: 0;
    background: #ffffff;
}
input[type='checkbox']:checked{
    background: #fed928;
}
input[type='checkbox']:checked:before {
    content:'';
    display:block;
    background: url(/local/templates/1ctrend/img/icons/checked.svg) no-repeat 50% 50%;
    width:24px;
    height:24px;
    margin-left: 1px;
    margin-top: 1px;
}
input[type='checkbox']:not(:checked), input[type='checkbox']:not(:checked) + label, input[type='checkbox']:hover{
    cursor: pointer;
}
.problem-block{
    margin-bottom: 40px;
}
.form-check-label{
    margin-left: 8px;
    font-size: 18px;
    line-height: 150%;
    margin-bottom: 10px;
}
.problem-block .btn-big{
    width: 270px;
    margin-top: 10px;
}
/*end TEST*/


/*start Bit*/
.row .how-info:last-of-type{
    padding-left: 30px;
    padding-right: 15px;
}
.btn-center{
    display: flex;
    justify-content: center;
}
.swiper-hidden{
    width: 50%;
    overflow: hidden;
    flex-basis: 50%;
}
/*end Bit*/


/*Footer block start*/

.footer{
    background: #30353E;
}
.footer ul li a{
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    text-decoration: underline;
}
.footer ul li a:hover, .footer ul li a:active, .footer ul li a:focus{
    color: #FFFFFF;
    text-decoration: none;
}
.footer ul li a.contact-click{
    color: #FFFFFF;
    font-family: Oswald-Medium;
    text-decoration: none;
}
.footer ul li a:hover, .footer ul li a:active, .footer ul li a:focus{
    color: #FFFFFF;
    text-decoration: underline;
}
.footer_copy{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #434750;
}
.footer_contacti{
    padding-top: 30px;
}
.footer_soc{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.socsety img{
    padding-left: 15px;
}
.socsety a{
    text-decoration: none;
    vertical-align: middle;
}
.footer_soc span a{
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px solid #FFFFFF;
}
.copy{
    font-size: 12px;
    line-height: 16px;
    color: #A4A4A4;
}
.contakt ul{
    padding-top: 28px;
    margin: 0;
    padding-bottom: 26px;
}
.contakt li{
    font-family: Oswald-Medium;
    font-size: 16px;
    color: #FFFFFF;
}
.mail{
    padding-bottom: 10px;
}
.form-calc-block{
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.form-calc-block.anna-block{
    margin-top: 0;
}
.form-calc-inner{
    width: 470px;
    margin-right: 15px;
    margin-left: 30px;
    flex-shrink: 0;
}
.form-calc{
    width: auto;
    min-height: auto;
    padding: 40px 30px 30px;
}
.politic{
    margin-top: 20px;
    text-align: center;
}
.politic a, .politic a:hover, .politic a:focus, .politic a:active{
    color: #4A5060;
}
.form-control-input.errorInput{
    border-color: #d6151f;
}
.text-discont{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.opti-price h4{
    margin-bottom: 30px;
}
 .yam-btn{
    display: flex;
    align-items: center;
}
.btn.btn-red span{
    display: inline-block;
    margin-left: 4px;
}
.nav-step .btn-red{
    width: 150px;
}
.buttons-wrap{
    display: flex;
}
.nav-step .continue{
    box-shadow: none;
}
.nav-step .continue.active{
    cursor: pointer;
    background: linear-gradient(180deg, #FFDE0B 0%, #FEAB3F 100%);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.40) inset, 0px -1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0px 16px 16px -11px #FEAB3F;
}

/*Footer block end*/
.kviz-progress-num{
    color: #4A5060;
    font-family: Oswald;
    font-size: 22px;
    margin-bottom: 16px;
    text-align: right;
}
.kviz-progress-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 12px;
    border-radius: 68px;
    background: #D5D8DA;
}
.kviz-progress-fill{
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    height: 12px;
    background: #B4553A;
    border-radius: 68px;
}
.kviz-progress-fill.second{
    width: 66%;
}
.kviz-progress-fill.third{
    width: 99%;
}
.kviz-progress-fill.fourth{
    width: 100%;
}
.kviz-answers{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-bottom: 60px;
}
.kviz-answer{
    display: flex;
    align-items: center;
}
.kviz-questions h4{
    color: #4A5060;
    font-family: Oswald;
    font-size: 22px;
    margin-bottom: 50px;
}
.kviz-question.final h4{
    margin-bottom: 15px;
}
.kviz-question.final .inputs{
    margin-top: 25px;
}
.kviz-question.final .inputs .form-control-input{
    width: 350px;
}
.kviz-answer label{
    margin-left: 23px;
    color: #3F3D3C;
    font-size: 16px;
    margin-bottom: 0;
    cursor: pointer;
}
.buttons-wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.buttons-wrap .btn-red{
    width: 200px;
}
.buttons-wrap .btn-red:not(.active), .buttons-wrap .btn-red.disabled{
    background: #d5d5d5;
    box-shadow: none;
    cursor: default;
}
.kviz-question:not(.active){
    display: none;
}

/*--fixed-messengers-*/
.fixed-messengers {
	position: fixed;
	bottom: 10px;
	left: 10px;
	right: 10px;
	display: none;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2px;
	height: 60px;
	z-index: -1;
}
@media screen and (max-width:767.99px) {
	.fixed-messengers {
		display: grid;
		z-index: 10000;
	}
}
.fixed--messenger,
.fixed--messenger:hover {
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1.4px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.fixed-telegram {
	border-radius: 0 60px 60px 0;
	background-image: linear-gradient(90deg, #0088CC 0%, #0060A4 100%);
	box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 0 0, inset rgba(0, 0, 0, 0.15) 0 -1px 0 0, 0 16px 16px -11px #0088CC;
}
.fixed-max {
    border-radius: 60px 0 0 60px;
    background: linear-gradient(
            90deg,
            #44CCFF 0%,
            #4835D3 60%,
            #9933DD 100%
    );
    box-shadow:
            inset rgba(255, 255, 255, 0.35) 0 1px 0 0,
            inset rgba(0, 0, 0, 0.2) 0 -1px 0 0,
            0 16px 20px -10px rgba(72, 53, 211, 0.45),
            0 10px 28px -12px rgba(153, 51, 221, 0.5);
}
.btn-whatsapp,
.btn-whatsapp:hover {
	border-radius: 60px;
    margin-top: 20px;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1.4px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	min-width: 300px;
	background-image: linear-gradient(90deg, #25D366 0%, #00AB3E 100%);
	box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 0 0, inset rgba(0, 0, 0, 0.15) 0 -1px 0 0, 0 16px 16px -11px #25D366;
}
.btn-whatsapp:hover {
	box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 0 0, inset rgba(0, 0, 0, 0.15) 0 -1px 0 0, 0 16px 16px -11px #25D300;
}
.btn-whatsapp span {
	max-width: 190px;
}
.main-slider .learn_more {
    min-width: 300px;
}
.btn-max,
.btn-max:hover {
    border-radius: 60px;
    margin-top: 20px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1.4px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-width: 300px;

    background-image: linear-gradient(
            90deg,
            #44CCFF 0%,
            #4835D3 60%,
            #9933DD 100%
    );

    box-shadow:
            inset rgba(255, 255, 255, 0.35) 0 1px 0 0,
            inset rgba(0, 0, 0, 0.2) 0 -1px 0 0,
            0 16px 20px -10px rgba(72, 53, 211, 0.45),
            0 10px 28px -12px rgba(153, 51, 221, 0.5);
}

.btn-max:hover {
    box-shadow:
            inset rgba(255, 255, 255, 0.4) 0 1px 0 0,
            inset rgba(0, 0, 0, 0.25) 0 -1px 0 0,
            0 18px 24px -10px rgba(72, 53, 211, 0.55),
            0 12px 32px -12px rgba(153, 51, 221, 0.6);
}

.btn-max span {
    max-width: 190px;
}
@media screen and (max-width:767.99px) {
	.btn-whatsapp,
	.btn-max,
	.main-slider .learn_more
	 {
		min-width: 300px;
	}
}

/*--consult-form--*/
.consult-callback__inner {
	position: relative;
	margin-top: 100px;
}
.consult-img {
    position: absolute;
    bottom: 0;
    left: -5px;
	width: 65.5vw
}
.consult-img img {
	max-width: 100%;
}
.consult-wrapper {    
	position: relative;
	padding-top: 65px;
	display: flex;
	justify-content: space-between;
}
.consult-content {
	max-width: 370px;
	width: 100%;
}
.consult-content-title {
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
	color: white;
	font-size: 38px;
	line-height: 48px;
	font-weight: 500;
}
.consult-content-text {
	max-width: 300px;
	width: 100%;
	color: white;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
.consult-content-person {
	margin-top: 70px;
	padding: 20px 30px;
	border-radius: 20px;
	max-width: 316px;
	width: 100%;
	background-color: white;
	box-shadow: 0 10px 20px rgba(0,0,0,.15);
}
.consult-content-person-name {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: 500;
}
.consult-content-person-position {
	margin-top: 15px;
	font-size: 16px;
	line-height: 24px;
	color: #4A5060;
}

.form-messegers {
	padding-bottom: 20px;
	/*border-bottom: 1px solid #e9e9e9;*/
	margin-bottom: 20px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
}

.form-messenger,
.form-messenger:hover {
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 1.4px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 60px;
}
.form-telegram {
	border-radius: 60px;
	background-image: linear-gradient(90deg, #0088CC 0%, #0060A4 100%);
	box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 0 0, inset rgba(0, 0, 0, 0.15) 0 -1px 0 0, 0 16px 16px -11px #0088CC;
}
.form-whatsapp {
	border-radius: 60px;
	background-image: linear-gradient(90deg, #25D366 0%, #00AB3E 100%);
	box-shadow: inset rgba(255, 255, 255, 0.4) 0 1px 0 0, inset rgba(0, 0, 0, 0.15) 0 -1px 0 0, 0 16px 16px -11px #25D366;
}
.form-max {
	border-radius: 60px;
    background: linear-gradient(
            90deg,
            #44CCFF 0%,
            #4835D3 60%,
            #9933DD 100%
    );
    box-shadow:
            inset rgba(255, 255, 255, 0.35) 0 1px 0 0,
            inset rgba(0, 0, 0, 0.2) 0 -1px 0 0,
            0 16px 20px -10px rgba(72, 53, 211, 0.45),
            0 10px 28px -12px rgba(153, 51, 221, 0.5);
}

/**FAQ**/

.block_faq_q {
	font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
    display: flex;
    align-items: center;
	justify-content: space-between;
    cursor: pointer;
}

.block_faq_outer {
	margin-bottom: 20px;
}
.block_faq_q {
    border: 1px solid #D5D8DA;
    position: relative;
    border-radius: 50px;
    padding: 20px;
	font-size: 22px;
	line-height: 28px;
	color: #4A5060;
	display: flex;
	gap: 15px;
	align-items: center;
}

.block_faq_outer {
	counter-increment: accordion-counter;
}

.block_faq_outer 
.block_faq_q:before {
  content: counter(accordion-counter) ".";
}


.block_faq_q span {
    flex: 1;
}
.block_faq_outer.open {
	border-color: #FEAB3F; 
}



html {
	scroll-behavior: smooth;
}
.article-review-rate {
	display: flex;
	align-items: center;
	gap: 10px;
}
.hit-slider {
    padding-top: 70px;
    margin-top: -70px;
	overflow: hidden;
}
.hit-slider .swiper-pagination-bullets {
    width: auto;
    right: 60px;
    top: 10px;
    height: 37px;
    z-index: 10;
}

.hit-slider {
	position: relative;
}

@media screen and (max-width:1439.99px) {
	.consult-img {
		left: -180px;
		width: 85vw
	}
    .main_container .main-slider .swiper-slide {
        height: 600px;
    }
}

@media screen and (max-width:1365.99px) {
	.consult-img {
		left: -300px;
		width: 100vw
	}
}

@media screen and (min-width:767.99px) and (max-width: 1200.99px) and (orientation: landscape) {
    .main_container .main-slider .swiper-slide {
        height: 550px;
    }
    .main_container .main-slider .swiper-slide.automatization {
        height: 650px;
    }
    .main-slider.swiper-container-horizontal>.swiper-pagination-bullets {
        margin-left: -305px!important;
    }
}

@media screen and (max-width: 767.99px) {
.consult-callback__inner {
		margin-top: 50px;
	}
	.consult-wrapper {
    	padding-top: 40px;
		flex-direction: column;
	}
	.consult-content {
		max-width: 100%;
	}
	.consult-content-title {
		font-size: 30px;
		line-height: 120%;
	}
	.consult-content-person {
		margin-top: 35px;
		max-width: 180px;
	}
	.consult-form .form-calc-inner {
		margin: 45px 0 0;
		padding: 0;
	}
	.consult-img {
		position: absolute;
		bottom: unset;
		left: 0;
		right: 0;
		top: 225px;
		width: auto;
	}
	.consult-img img {
		max-width: 100%;
	}
    .main_container .main-slider .swiper-slide.automatization {
        height: 750px;
    }
}
@media only screen and (max-width: 480px) {
    .main_container .main-slider .swiper-slide {
        height: 640px;
    }
    .main_container .main-slider .swiper-slide.automatization {
        height: 750px;
    }
}

.btn-whatsapp svg {
    width: 40px;
    height: 40px;
}
.btn-whatsapp span {
    max-width: 190px;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}


.block_integration .integration_row.row_n1 {
  margin-right: 70px;
  margin-left: 70px;
}
.block_integration .integration_row.row_n2 {
  margin-right: -60px;
  margin-left: 70px;
}
.block_integration .integration_row.row_n3 {
    margin-left: 40px;
    margin-right: -115px;
}
.block_integration .integration_row.row_n4 {
    margin-right: -100px;
    margin-left: 10px;
}
.block_integration .integration_row.row_n5 {
  margin-right: 70px;
  margin-left: 70px;
}
@keyframes css42_moving {
    30% {
        left: 100%;
        transform: skewX(-45deg) translateX(50%);
    }
    100% {
        left: 100%;
        transform: skewX(-45deg) translateX(50%);
    }
}
.reverse {
    background: #F5F7F9;
}
.consult-wrapper {
    padding-top: 81px;
}
.text-adv .more {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: flex;
    font-family: OpenSans-Bold;
    border-radius: 100px;
    font-size: 14px;
    letter-spacing: 0.1em !important;
    padding: 0;
    font-weight: bold;
    color: #4A5060;
    transition: all 0.1s ease-out;
    border: none;
    height: 60px;
    width: 230px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    background: linear-gradient(180deg, #0BBBEF 0%, #005893 100%);
    box-shadow: 0px 16px 16px -11px #00589399;
}

@media screen and (max-width:767px) {
	.block-h1 h1 {
        padding-bottom: 0;
        padding-top: 0;
        margin: 0;
    }
	.block_integration .integration_row.row_n4 {
		margin-right: 0;
		margin-left: 0;
	}
	.modal-content .form-messegers {
		display: none;
	}
}

.modal-text .form-control-input:focus::placeholder {
	opacity: 0;
	color: white;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: .3rem;
	padding-left: .3rem;
}

.dcase-video-clock .video-block {
    max-width: 790px;
    height: 444px;
    max-height: 444px;
}
.case .dcase-video-clock .video-block {
    height: 100%;
    max-height: 362px;
}
.video-block-inner {
    height: 100%;
}
.video-block-youtube {
    height: 100%;
}
/* 05.09.2026: на ширине 577–767px хлебные крошки наезжали на заголовок h1 —
   правило выше (max-width:767px) обнуляет отступ, возвращаем его в этом диапазоне */
@media screen and (min-width: 577px) and (max-width: 767px) {
    .block-h1 h1 {
        padding-bottom: 44px;
    }
}

/* 05.09.2026: таблицы внутри текста страниц (класс table-tarif в тексте элемента).
   Только внутри .text-adv — таблицы тарифов на других страницах не затрагиваются. */

/* 05.09.2026: заголовки внутри текстовых блоков страниц (.text-adv) — было h2 38px / h3 32px,
   уровни почти не различались. Плюс зазор между карточками и текстом на страницах Битрикс24. */
.text-adv h2{font-size:30px;line-height:1.2;margin:36px 0 14px}
.text-adv h3{font-size:22px;line-height:1.25;margin:26px 0 8px}
.text-adv p>strong:only-child{font-size:17px}
.text-adv > h2:first-child,.text-adv > h3:first-child{margin-top:0}
@media (max-width:767px){
  .text-adv h2{font-size:24px}
  .text-adv h3{font-size:19px}
}
/* подпункты внутри текстов (нумерованные этапы, вопросы) — единый вид */
.text-adv h4{font-family:OpenSans,sans-serif;font-weight:600;font-size:18px;line-height:1.3;margin:20px 0 6px;color:#4A5060}

/* Подвал: заголовки колонок обычным регистром, а не капслоком */
.footer ul li a.footer-title{font-weight:700}


/* Логотипы клиентов в списке кейсов показываем целиком, а не обрезаем */


/* Логотипы клиентов над списком кейсов: одинаковая высота ячейки, логотип целиком по центру */


/* Карточка кейса в слайдере: одинаковые маркеры списков и картинка фиксированной высоты */

/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1550px) {
    .main-slider .swiper-slide{
        height: 550px;
    }
    .main-slider ul{
        margin-top: 30px;
    }
    .main-slider.swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 20px;
    }
    .main-slider .swiper-icon-prev{
        bottom: 20px;
    }
    .main-slider .swiper-icon-next{
        bottom: 20px;
    }
    .main-slider .swiper-slide img{
        width: 70%;
    }
}

@media only screen and (max-width : 1200px) {
    .vakansii-list{
        flex-direction: column;
    }
    .main-slider .swiper-slide{
        height: 600px;
    }
    .btn-module{
        display: flex;
        flex-direction: column;
    }
    .btn-trans{
        width: 100%;
    }
    .btn-box .btn-red{
        width: auto;
        height: 50px;
        font-size: 12px;
    }
    body{
        font-size: 16px;
    }
    .logo_text{
        display: none;
    }
    .main-slider .swiper-icon-prev{
        width: 920px;
        margin-left: -460px;
    }
    .bx-breadcrumb{
        width: 920px;
        margin-left: -460px !important;
    }
    .main-slider.swiper-container-horizontal>.swiper-pagination-bullets{
        width: 850px;
        margin-left: -395px;
    }
    .main-slider .swiper-icon-next{
        width: 750px;
        margin-left: -305px;
    }
    .ccases .swiper-icon-next, .team-block .swiper-icon-next{
        margin-right: -460px;
    }
    .ccases.swiper-container-horizontal>.swiper-pagination-bullets{
        margin-right: -395px;
    }
    .team-block.swiper-container-horizontal>.swiper-pagination-bullets{
        width: 860px;
        margin-right: -395px;
    }
    .ccases .swiper-icon-prev{
        margin-right: -223px;
    }
    .team-block .swiper-icon-prev{
        margin-right: -218px;
    }
    .main-slider .swiper-slide{
        padding-top: 30px;
    }
    .btn.btn-yellow{
        font-size: 18px;
        padding: 16px 22px;
    }
    .footer ul li a{
        line-height: 32px;
    }
    .form-calc{
        width: auto;
    }
    #map{
        height: 400px;
        margin-bottom: -111px;
    }
    .btn-module .btn-red{
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .modal-img{
        width: 300px;
    }
    .what-do, .case{
        padding-bottom: 20px;
    }
    .case .video-block-youtube{
        width: 100%;
    }
    .case .video-block-youtube img:not(.play-video){
        width: 100%;
    }
    .license_sale_1C{
        padding-top: 80px;
    }
    #step5{
        padding: 0 20px;
    }
    .list-object .object.object-text .thumb {
        height: 133px;
    }
    .step-text{
        height: 128px;
    }
    .inputs{
        margin-top: 60px;
    }
    .form-wrap {
        margin-bottom: 80px;
    }
    .step-all .center-column{
        padding: 0;
    }
    .main-slider .swiper-slide img{
        width: auto;
        max-width: 100%;
    }
}

@media only screen and (max-width : 1100px) {
    .block_integration .integration_row.row_n5, .block_integration .integration_row.row_n1 {
        margin:unset;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .preview-cases.b24_page .row {
        flex-direction: column;
    }

.block_integration .integration_row.row_n5,
.block_integration .integration_row.row_n1 ,
.block_integration .integration_row.row_n3 {
    margin:unset;

}
    .form-cal-container{
        max-width: 100%;
    }
    .form-text-sub{
        margin-bottom: 45px;
        margin-right: 80px;
    }
    .team-block.swiper-container-horizontal>.swiper-pagination-bullets{
        display: none;
    }
    .play-btn img {
        width: 50% !important;
    }
    .footer ul li a{
        font-size: 14px;
    }
    .main-slider .swiper-icon-prev{
        width: 720px;
        margin-left: -360px;
    }
    .main-slider.swiper-container-horizontal>.swiper-pagination-bullets{
        width: 650px;
        margin-left: -295px;
    }
    .main-slider .swiper-icon-next{
        width: 550px;
        margin-left: -205px;
    }
    .navbar-collapse{
        position: fixed;
        left: 0;
        top: 81px;
        width: 100%;
        height: 100%;
        background: #ffffff;
        overflow: auto;
        padding: 50px;
        text-align: center;
    }
    .bx-breadcrumb{
        width: 690px;
        margin-left: -345px !important;
    }
    .nav-link{
        font-size: 22px;
        font-family: Oswald-Medium;
    }
    .prices-detail-block{
        flex-direction: column;
    }
    .bottom-interface{
        width: 100%;
    }
    .modal-img{
        width: 0;
        display: none;
    }
    .cases-tag{
        display: none;
    }
    .cases-name{
        margin-top: 0;
        margin-bottom: 15px;
    }
    .case-block .case-img, .case-block .case-img img{
        width: 100%;
    }
    .dcase-video-clock{
        height: auto;
    }
    .ccases .swiper-icon-next, .team-block .swiper-icon-next{
        margin-right: -345px;
    }
    .ccases.swiper-container-horizontal>.swiper-pagination-bullets{
        margin-right: -280px;
        width: auto;
    }
    .ccases .swiper-icon-prev{
        margin-right: -108px;
        width: auto;
    }
    .license_sale_1C{
        margin-bottom: 30px;
    }
    .inputs{
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
    }
    #step5{
        padding: 0;
    }
    .step-form h3{
        font-size: 26px;
    }
    .step h2{
        font-size: 28px;
    }
    .list-object .object{
        width: 30%;
    }
    .inputs .form-control-input{
        margin-bottom: 15px;
    }
    .step .form-wrap .btn-big{
        font-size: 14px;
    }
    .form-wrap{
        margin-bottom: 20px;
    }
    .case-text-block, .modules{
        margin-bottom: 20px;
    }
    .modal-info{
        padding: 100px 50px;
    }
    .modal-info h2{
        font-size: 28px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .kviz-answers{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .opti-price .form-calc-inner{
        margin-left: 0;
        padding: 0;
    }
    h2 br{
        display: none;
    }
    .form-text-sub{
        display: none;
    }
    .form-calc-block{
        background-image: none !important;
    }
    .play-btn img {
        width: auto !important;
    }
    .ccases.swiper-container .video-block{
        margin-bottom: 20px;
    }
    .license_sale_1C{
        padding-top: 30px;
    }
    .calc{
        display: none;
    }
    .form-calc-inner{
        width: 100%;
        float: none;
        padding: 0 30px;
    }
    .bx-breadcrumb{
        width: 510px;
        margin-left: -255px !important;
    }
    .team-block .swiper-icon-prev{
        display: none;
    }
    .team-block .swiper-icon-next{
        display: none;
    }
    .case .cases-name .h3{
        display: none;
    }
    .footer{
        text-align: center;
    }
    .about{
        background-image: none !important;
    }
    .bottom-interface img{
        width: 150px;
        height: auto;
    }
    .case-block, .dcase-video-clock{
        flex-direction: column;
    }
    .case-img{
        margin-bottom: 20px;
    }
    .case-body{
        padding: 0;
    }
    .swiper-slide img{
        width: 100%;
        height: auto;
    }
    .dvideo-dop{
        margin-left: 0;
        margin-top: 10px;
    }
    .ccases.swiper-container-horizontal>.swiper-pagination-bullets{
        display: none;
    }
    .ccases .swiper-icon-next, .team-block .swiper-icon-next{
        margin-right: -255px;
    }
    .ccases .swiper-icon-prev{
        margin-right: -205px;
    }
    .main-slider .swiper-icon-prev{
        margin-left: -255px;
    }
    .main-slider .swiper-icon-next{
        margin-left: -205px;
    }
    .main-slider.swiper-container-horizontal>.swiper-pagination-bullets{
        display: none;
    }
    .kviz-cotainer{
        background-image: none !important;
    }
    .kviz-cotainer .container{
        min-height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .boxes .swiper-slide img{
        width: 80%;
    }
    .boxes .swiper-icon-prev{
        width: auto;
        margin-left: -45px;
    }
    .boxes .swiper-icon-next{
        width: auto;
        margin-left: 5px;
    }
    .boxes.swiper-container-horizontal>.swiper-pagination-bullets{
        display: none;
    }
    .about{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .video-block iframe{
        width: 100% !important;
    }
}

@media only screen and (max-width : 576px) {
    .bx-breadcrumb{
        width: auto;
        margin-left: 15px !important;
        left: 0;
    }
    .modal-text{
        padding: 50px 20px 20px;
    }
    h1{
        font-size: 30px;
        line-height: 1.3;
    }
    .header_logo img{
        width: 100px;
    }
    .block-h1{
        height: 175px;
    }
    .bottom-interface img{
        width: 130px;
    }
    .ccases .swiper-icon-next, .team-block .swiper-icon-next{
        margin-right: 0;
        right: 0;
    }
    .ccases .swiper-icon-prev{
        margin-right: 40px;
        right: 0;
    }
    .main-slider .swiper-icon-prev{
        margin-left: 0;
        left: 15px;
    }
    .main-slider .swiper-icon-next{
        margin-left: 60px;
        left: 15px;
    }
    .navbar-collapse{
        padding: 30px 15px;
    }
    .main-slider .swiper-slide{
        height: 520px;
    }
    .kviz-block {
        padding: 30px 10px;
    }
    .objects-wrap{
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .team-block .img{
        text-align: center;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .kviz-answers{
        grid-template-columns: repeat(1, 1fr);
    }
    .buttons-wrap{
        gap: 20px;
    }
    .block-h1{
        height: auto;
    }
    .block-h1 h1{
        padding-bottom: 20px;
    }
    .text-discont br{
        display: none;
    }
    .footer_soc{
        flex-direction: column;
    }
    .copy{
        margin-bottom: 10px;
    }
    .socsety{
        margin-bottom: 10px;
    }
    .blockquote-section{
        flex-direction: column;
    }
    .blockquote-section img{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .bottom-interface{
        display: none;
    }
    .what-do{
        padding-bottom: 0;
    }
    .case-block{
        margin-bottom: 40px;
    }
    .bx-breadcrumb{
        display: none;
    }
    .main-slider ul{
        margin-top: 20px;
    }
    .main-slider .learn_more{
        margin-top: 10px;
    }
    .main-slider .swiper-slide{
        height: 445px;
    }
    .form-calc{
        padding: 30px 20px;
        min-height: auto;
    }
    .form-calc-inner{
        padding: 0 15px;
    }
    .step .btn-red{
        margin-left: 20px;
    }
    .step .btn-red:first-child{
        margin-left: 0;
    }
    .modal-info{
        padding: 50px 20px;
    }
    .modal-info h2{
        font-size: 24px;
    }
    .header_logo img{
        margin-right: 5px;
    }
    .navbar-toggler {
        padding: 24px 24px;
    }
    .header_inner .container{
        padding-right: 10px;
        padding-left: 10px;
    }
    .play-btn img {
        width: 50% !important;
    }
    .main-slider .swiper-slide{
        background: #f0f0f8 !important;
    }
}

@media only screen and (max-width : 400px) {
    .kviz-question.final .inputs .form-control-input{
        width: 100%;
    }
    .btn-big{
        width: 250px;
    }
    .header_logo img{
        width: 80px;
        margin-right: 0;
    }
    .header_contact a.header_phone{
        font-size: 14px;
    }
    .navbar-toggler {
        padding: 15px 15px;
    }
    .main-slider .swiper-slide{
        height: 465px;
    }
    .form-calc h2{
        font-size: 28px;
    }
    .btn.btn-yellow{
        font-size: 16px;
    }
    .list-object .object{
        width: 48%;
    }
    .step-text{
        height: 170px;
    }
    .list-object .object.object-text .thumb {
        height: 173px;
    }
    .step .btn-red{
        padding: 11px 38px 13px;
    }
    .btn-big {
        padding: 18px 30px 20px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 350px) {
    .step-text {
        height: 178px;
    }
    .list-object .object.object-text .thumb {
        height: 181px;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */

/* Small Devices, Tablets */

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .dropdown-toggle:hover+.dropdown-menu {
        display: block;
    }
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .swiper-container.ccases{
        padding-top: 10px;
    }
    .container, .modal-xl {
        max-width: 1200px;
    }
}
/* End */


/* Start:/local/templates/1ctrend/components/bitrix/breadcrumb/.default/style.min.css?1587392199467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/1ctrend/template_styles.css?1791826243107715*/
.flexbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.flexbox img {
	width: 110px;
}

@media (max-width: 575px) {
	.flexbox {
		display: block;
	}
	.flexbox img {
		float: right;
		width: 100px;
		margin-right: 10px;
		margin-top: 10px;
	}
}
/* 11.09.2026: видео и широкие вставки не должны рвать мобильную вёрстку */
.module-text iframe,
.detail-text iframe,
.content iframe,
iframe[src*="youtube"],
iframe[src*="youtu.be"],
iframe[src*="rutube"],
iframe[src*="vk.com"] {
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

/* 12.09.2026: подсказка в поле вопроса была смещена. У самого поля
   padding 16px, и у ::placeholder стоял ещё один padding 16px, из-за
   чего подсказка и вводимый текст не совпадали по месту. */
textarea.form-control-input::placeholder,
textarea.form-control.form-control-input::placeholder {
    padding: 0 !important;
    line-height: 22px !important;
}
textarea.form-control-input {
    line-height: 22px;
    min-height: 96px;
}

/* 12.09.2026, мобильная версия: порядок блоков на страницах модулей.
   На узком экране колонки складываются в столбик, и класс
   flex-column-reverse поднимал наверх картинку, а заголовок с ценой
   уезжал вниз. На экранах уже 768 порядок возвращаем к обычному. */
@media (max-width: 767.98px) {
    .module-block.flex-column-reverse {
        flex-direction: column !important;
    }
}

/* 14.09.2026: плашка разработчика сайта в подвале.
   Ссылка помечена nofollow и открывается в новой вкладке, поэтому вес
   поисковикам не передаётся, а посетитель остаётся на сайте. */
a.webreach-credit {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 7px;
    width: max-content;
    min-height: 44px;
    margin: 22px 0 0;
    padding: 3px 0;
    border: 0;
    background: none;
    box-shadow: none;
    color: #fff;
    font-family: inherit;
    font-style: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;
    opacity: .72;
    transition: opacity .2s;
}

a.webreach-credit:visited,
a.webreach-credit:hover,
a.webreach-credit:active {
    color: #fff;
    text-decoration: none;
}

a.webreach-credit:hover {
    opacity: 1;
}

a.webreach-credit::before,
a.webreach-credit::after {
    content: none;
}

a.webreach-credit > .webreach-credit__label {
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: .01em;
    text-transform: none;
}

a.webreach-credit > .webreach-credit__logo {
    display: block;
    flex: none;
    width: 132px;
    height: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: visible;
}

a.webreach-credit > .webreach-credit__logo > path {
    fill: #fff;
}

a.webreach-credit:hover > .webreach-credit__label {
    text-decoration: underline;
    text-underline-offset: 3px;
}

a.webreach-credit:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 5px;
}

/* на телефоне правило целей для пальца ниже добавляет плашке лишние
   отступы, ей они не нужны: высота и так 44 пикселя */
@media (max-width: 767.98px) {
    a.webreach-credit {
        margin-top: 18px;
        /* 17.09.2026: на телефоне логотип прилипал к линии над копирайтом */
        margin-bottom: 24px;
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* 12.09.2026, мобильная версия: цели для пальца.
   На телефоне ссылки в подвале, в списках программ и в отзывах были
   высотой 19-24 пикселя при рекомендованных 44. Увеличиваем область
   нажатия отступами, разметку не трогаем. */
@media (max-width: 767.98px) {
    .list-unstyled li {
        margin-bottom: 6px;
    }
    .list-unstyled a,
    .box-title a,
    .img a,
    .socsety a,
    .phone_block a,
    .yamap-block__sub a {
        display: inline-block;
        padding-top: 11px;
        padding-bottom: 11px;
    }

    /* 17.09.2026: подвал на телефоне был растянут — межстрочный 32 px из
       media.css плюс отступы выше давали 60 px на ссылку. Теперь 30 px */
    .footer ul li {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .footer ul li a {
        line-height: 22px;
        /* Антон 17.09: 44 px всё равно выглядело растянуто — плотнее */
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .footer ul.list-unstyled {
        margin-bottom: 8px;
    }
    /* панель MAX и Telegram закреплена внизу (60 px + 10 от края) и
       закрывала соцсети в конце страницы */
    .footer_copy {
        padding-bottom: 90px;
    }

    /* 18.09.2026, Антон выбрал вариант Б: на телефоне списки подвала
       свёрнуты в разделы, заголовок раскрывает. Ссылки остаются в коде
       страницы, поисковики их видят. Подвал короче примерно вдвое. */
    .podval-razdel {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px 2px;
        border: 0;
        border-top: 1px solid #434750;
        background: none;
        color: #fff;
        font: inherit;
        font-size: 15px;
        text-align: left;
        cursor: pointer;
    }
    .podval-razdel::after {
        content: "+";
        font-size: 20px;
        line-height: 1;
        color: #aab;
    }
    .podval-razdel--otkryt::after {
        content: "–";
    }
    .footer_contacti .col-md-3:not(.contakt) > ul.list-unstyled {
        display: none;
        padding-bottom: 6px;
    }
    /* селектор должен быть не слабее того, что скрывает список выше,
       иначе нажатие ничего не меняет */
    .footer_contacti .col-md-3:not(.contakt) > .podval-razdel--otkryt + ul.list-unstyled {
        display: block;
    }
    .footer_contacti .col-md-3:last-of-type .podval-razdel {
        border-bottom: 1px solid #434750;
    }
    .footer_contacti .col-md-3:last-of-type .podval-razdel--otkryt {
        border-bottom: 0;
    }

    /* 18.09.2026, Антон: на телефоне логотип в подвале только занимает место —
       он уже есть в шапке. Плашка разработчика — одной строкой без логотипа. */
    .footer_contacti .contakt > img,
    .footer_contacti .contakt > a > img {
        display: none;
    }
    a.webreach-credit {
        flex-direction: row;
        gap: 5px;
        margin-top: 14px;
        margin-bottom: 18px;
        min-height: 0;
    }
    a.webreach-credit > .webreach-credit__imya {
        font-size: 11px;
        font-weight: 600;
    }
    a.webreach-credit > .webreach-credit__logo {
        display: none;
    }
}
/* на компьютере остаётся логотип, слово не нужно */
@media (min-width: 768px) {
    a.webreach-credit > .webreach-credit__imya {
        display: none;
    }
}
/* на компьютере заголовков разделов нет — списки и так видны */
@media (min-width: 768px) {
    .podval-razdel {
        display: none;
    }
}

/* 18.09.2026: место под ленивую картинку резервируется по её пропорциям.
   Пока у картинки нет адреса, Chrome рисует её как строчный текст подписи
   и пропорции не применяет — отсюда прыжки вёрстки на карточках программ,
   кейсах и списках модулей. inline-block это чинит, на вид после загрузки
   разницы нет. */
/* только тем, у кого проставлены ширина и высота: по ним и резервируется
   место. Картинкам без размеров это правило делало хуже — до загрузки они
   занимали ноль, и страница дёргалась сильнее (главная, CLS 0,17). */
img.lazy[width][height]:not([src]),
img.lazyload[width][height]:not([src]) {
    display: inline-block;
}
/* 18.09.2026: высота у ленивых картинок всегда по пропорции. Атрибут height
   действует как слабое правило CSS: если ширину задаёт стиль (например 70 %),
   а высоту — атрибут, картинка растягивается. Так уехала картинка на
   страницах модулей. */
img.lazy, img.lazyload {
    height: auto;
}

/* 18.09.2026: значкам соцсетей в подвале задан размер. Без него браузер
   не знает, сколько места занять, и при их загрузке страница дёргается —
   Lighthouse показывал прыжок 0,17 на главной. */
.socsety img {
    width: 24px;
    height: 24px;
}
/* плашка рейтинга на первом экране: место под неё держится по пропорции */
.integration .slider-img img.slider-reviews {
    aspect-ratio: 618 / 130;
}

/* 18.09.2026, Антон: таблица лицензий была со шквалом кнопок «Купить» —
   по кнопке в каждой строке. Кнопки убраны, кликается вся строка, под
   таблицей одна кнопка. Таблица заодно плотнее. */
.table-licenses tr.lic-stroka {
    cursor: pointer;
}
.table-licenses tr td {
    padding: 12px 15px;
    border-top-width: 1px;
}
.table-licenses tr.lic-stroka:hover {
    background: #FFF6CC;
}
.lic-nizhe {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 18px;
}
@media (max-width: 767.98px) {
    .table-licenses tr td {
        padding: 9px 8px;
        font-size: 14px;
    }
    .lic-nizhe {
        gap: 10px;
    }
    .lic-nizhe .btn {
        width: 100%;
    }
}

/* 18.09.2026, Антон: виджет отзывов с Яндекс Карт занимал 800 px — это
   почти два экрана телефона. Ужат; список внутри виджета прокручивается,
   отзывы не теряются. */
.yamap-block__sub {
    height: 520px;
}
@media (max-width: 767.98px) {
    .yamap-block__sub {
        height: 420px;
    }
    .yam-block .gray-section {
        margin-top: 24px;
    }
}
/* отзывы-переписки под заголовком, перед картой */
.yam-block .serts-block.reviews-block {
    margin: 0 0 24px;
}

/* 18.09.2026, Антон: кнопка «Развернуть» краснела при наведении и оставалась
   такой. Фон ей задавало общее правило прозрачных кнопок, а бордовый цвет
   давала подложка ::after. Здесь цвета заданы явно для всех состояний. */
.btn-trans.btn-open,
.btn-trans.btn-open:hover,
.btn-trans.btn-open:focus,
.btn-trans.btn-open:active {
    background-color: #fff;
    border-color: #F4F8FC;
    color: #B4553A;
}
.btn-trans.btn-open:hover {
    background-color: #F4F8FC;
}
.btn-trans.btn-open::after {
    /* подложка-градиент этой кнопке не нужна: она и красила её в бордовый */
    display: none;
}
/* стрелка разворачивается, когда таблица открыта */
.btn-open--razvernuto .icon-open {
    transform: rotate(180deg);
}

/* 18.09.2026, Антон: блок отзывов-переписок был огромным — три снимка
   телефона целиком, по 740 px высотой, из них половина корпус и размытая
   переписка. Показываем нижнюю часть экрана, где сам отзыв: блок ниже
   вдвое, текст крупнее. По нажатию снимок открывается целиком, как раньше. */
.reviews .img img {
    aspect-ratio: 11 / 10;
    object-fit: cover;
    object-position: 50% 86%;
    /* лёгкое увеличение срезает боковые грани корпуса */
    transform: scale(1.15);
}
.reviews .img {
    max-width: 370px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 14px;
}
/* отступы вокруг блока — плотнее */
.serts-block h2 {
    margin-bottom: 24px;
}
.reviews-block {
    margin-top: 24px;
}

/* 17.09.2026: кнопка «Читать полностью» в кейсах на телефоне — по центру.
   Колонки встают друг под друга, а кнопка оставалась прижатой вправо (float).
   Здесь, а не в style.css: media.css грузится позже и перебивает */
@media (max-width: 575.98px) {
    .ccase-btn {
        float: none;
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
}

/* 18.09.2026: выпадающее меню «Программы 1С» не помещалось в экран.
   Оно закрывается событием «мышь ушла с меню», а уходить было некуда:
   814 px при высоте окна около 700. Меню выросло 15.09, когда добавили
   разделы: пунктов в нём стало 62 вместо 52, колонок 13 вместо 10.
   Сжимаем отступы и шрифт — получается 614 px. Плюс потолок по высоте
   экрана на случай низких ноутбуков: там появится прокрутка внутри меню,
   а снизу останется полоса страницы, куда можно увести мышь. */
@media (min-width: 992px) {
    .header_navbar .dropdown-menu {
        padding-top: 8px;
        padding-bottom: 4px;
        max-height: calc(100vh - 110px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .header_navbar .dropdown-item {
        padding: 0 3px;
        font-size: 13px;
        line-height: 15px;
    }
    .header_navbar .dropdown_menu_title .h3 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 3px;
    }
    .header_navbar .dropdown_menu_title {
        margin-bottom: 8px;
    }
}

/* «Все программы» и «Цены и прайс-лист» стояли двумя строками во всю
   ширину колонки и съедали верх меню. Ставим их в одну строку. */
@media (min-width: 992px) {
    .header_navbar .dropdown-menu[aria-labelledby="header_menu_progs"] .row:first-child .dropdown_menu_title {
        display: flex;
        flex-wrap: wrap;
        column-gap: 28px;
        margin-bottom: 2px;
    }
    .header_navbar .dropdown-menu[aria-labelledby="header_menu_progs"] .row:first-child .dropdown_menu_title .dropdown-item {
        width: auto;
    }
}

/* 18.09.2026: на экранах уже 1600 верхняя строка шапки не помещалась в
   контейнер: логотип с подписью, девять пунктов меню и блок с телефоном
   вместе занимали 1453 px при контейнере 1300, и телефон с кнопкой
   «Обратный звонок» уезжали за правый край. Появилось это, когда в меню
   добавили «ИИ Автоматизация» с плашкой. Сжимаем только верхнюю строку
   меню, выпадающие списки не трогаем. */
@media (min-width: 992px) and (max-width: 1599.98px) {
    .header_navbar .nav-link {
        padding-left: 1px;
        padding-right: 1px;
        font-size: 14px;
    }
    .header_consult_title {
        font-size: 12px;
    }
}

/* 18.09.2026: фон карточки кейса раньше стоял в атрибуте style и качался
   сразу на всех 35 страницах с кейсами, хотя блок ниже первого экрана.
   Теперь адрес в data-bg, фон подставляет ленивая загрузка, а положение
   и растяжение задаём здесь. */
.ccases-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 19.09.2026, Антон: окно заявки с фото (#callback) не помещалось в экран
   на страницах, где ему подменяют заголовок и добавляют абзац: заголовок
   в две строки, абзац в четыре, кнопка, согласие, «Ответим в течение
   часа» и две кнопки мессенджеров — вместе выше 900 px. Ужимаем отступы
   и размеры и ставим потолок по высоте окна с прокруткой внутри —
   на любом экране закрывающий крестик и кнопки остаются видны. */
@media (min-width: 768px) {
    #callback .modal-content,
    #price-up .modal-content,
    #callback-success-new .modal-content,
    .modalAction .modal-content {
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }
    #callback .modal-text,
    .modalAction .modal-text {
        padding: 22px 40px 14px;
    }
    #callback .modal-text h3,
    .modalAction .modal-text h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 12px !important;
    }
    #callback .modal-text p,
    .modalAction .modal-text .text {
        font-size: 15px !important;
        line-height: 22px;
        margin-bottom: 14px !important;
    }
    #callback .modal-text .form-group,
    .modalAction .modal-text .form-group {
        margin-bottom: 10px;
    }
    #callback .modal-text .form-control-input,
    #callback .modal-text .btn.btn-red,
    .modalAction .modal-text .form-control-input,
    .modalAction .modal-text .btn.btn-red {
        padding-top: 12px;
        padding-bottom: 13px;
    }
    #callback .politic,
    .modalAction .politic {
        margin-top: 8px !important;
        margin-bottom: 6px !important;
    }
    #callback h4,
    .modalAction h4 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    #callback .form-messenger,
    .modalAction .form-messenger {
        padding-top: 11px;
        padding-bottom: 11px;
    }
}

/* 20.09.2026: таблицы в тексте статей и модулей на телефоне не
   помещались в экран — колонки уезжали за правый край без всякой
   возможности их увидеть. Теперь таблица прокручивается вбок внутри
   своей рамки, страница при этом не едет. */
.detail-text table,
.article-detail-container table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
    margin: 18px 0;
}
.detail-text table th,
.detail-text table td,
.article-detail-container table th,
.article-detail-container table td {
    padding: 8px 12px;
    border: 1px solid #e3e5ea;
    text-align: left;
    vertical-align: top;
}
.detail-text table th,
.article-detail-container table th {
    background: #f5f6f8;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    /* ячейки не переносим по словам: так таблица читается строками,
       а не превращается в лесенку из обрывков */
    .detail-text table td,
    .detail-text table th,
    .article-detail-container table td,
    .article-detail-container table th {
        white-space: nowrap;
        font-size: 14px;
        padding: 7px 10px;
    }
}

/* 20.09.2026: правила для подписи автора убраны вместе с самой подписью,
   по решению Антона. */

/* 21.09.2026, вариант Б по выбору Антона: в выпадающем меню шапки вместо
   серой стрелки 25 px — красная точка, пункты обычным Open Sans тёмного
   цвета (было жирное серое), при наведении строка подсвечивается.
   Размер шрифта и высоту строк не трогаем: меню «Программы 1С» 18.09
   ужимали, чтобы помещалось в экран. */
.header_navbar .dropdown_menu_title .dropdown-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: OpenSans, Arial, sans-serif;
    color: #4A5060;
    border-radius: 4px;
    transition: background-color .12s ease, color .12s ease;
}
.header_navbar .dropdown_menu_title .dropdown-item .icon-rarrow {
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F24944;
}
.header_navbar .dropdown_menu_title .dropdown-item:hover,
.header_navbar .dropdown_menu_title .dropdown-item:focus-visible {
    background-color: #FFF1F0;
    color: #F24944;
}
.header_navbar .dropdown_menu_title .h3 {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 2px solid #F24944;
}
/* пустые заголовки-заполнители &nbsp; выравнивают колонки — черта им не нужна */
.header_navbar .dropdown_menu_title .h3.h3-pustoy {
    border-bottom-color: transparent;
}

/* 21.09.2026, приёмка Антона, блок 1. Списки программ (каталог /1ssoft/ и
   все списки .list-gray) — как меню, вариант Б: красная точка вместо
   серой стрелки, обычный тёмный шрифт вместо жирного серого. */
.list-gray li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}
.list-gray li .icon-rarrow {
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #F24944;
}
.list-gray a,
.list-gray a.black-link {
    font-family: OpenSans, Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #4A5060;
    text-decoration: none;
}
.list-gray a:hover,
.list-gray a:focus-visible {
    color: #F24944;
}

@media (min-width: 992px) {
    /* каталог: коробки меньше, разделы плотнее */
    .soft-links { margin-bottom: 24px; }
    .soft-pic { margin-right: 20px; }
    .soft-pic img { width: 140px; height: auto; }
    .soft-info h4 { font-size: 22px; margin-bottom: 10px; }

    /* блок «Посоветуйтесь со специалистом» — был 1200 px высотой */
    .consult-callback__inner { margin-top: 40px; }
    .consult-wrapper { padding-top: 30px; padding-bottom: 30px; }
    .consult-content-title { font-size: 30px; line-height: 38px; margin-bottom: 12px; }
    .consult-content-person { margin-top: 30px; padding: 14px 22px; }
    .consult-img { width: 40vw; max-width: 600px; left: 0; }
    .consult-form .form-calc-inner { width: 420px; }
    .consult-form .form-calc { padding: 26px 26px 20px; }
    .consult-form .form-group { margin-bottom: 10px; }
    .consult-form .form-control-input { padding: 11px 20px; font-size: 15px; }
    .consult-form textarea.form-control-input { height: 80px; }
    .consult-form .form-messegers { padding-bottom: 10px; }
    .consult-form .form-messenger { min-height: 46px; padding-top: 8px; padding-bottom: 8px; }
    .consult-form .btn { height: 50px; }

    /* подвал: плотнее, без подчёркивания */
    .footer_contacti { padding-top: 24px; }
    .footer ul li a {
        font-size: 14px;
        line-height: 24px;
        text-decoration: none;
    }
    .footer ul li a:hover,
    .footer ul li a:focus-visible {
        color: #FFDE0B;
        text-decoration: none;
    }
    .footer ul.list-unstyled { margin-bottom: 6px; }
}
/* подчёркивание в подвале убрано и на телефоне */
.footer ul li a { text-decoration: none; }

/* 21.09.2026, приёмка Антона: гармошки (возможности программы на карточках,
   вопросы) — пункт был 98–140 px высотой, стал около 50. */
.accordion .card { margin-bottom: 4px; }
.accordion .card-header { padding: 10px 16px; }
.accordion .card-header .btn-link { font-size: 18px; line-height: 26px; padding-top: 2px; padding-bottom: 2px; }
.accordion .card-header .btn-link span { font-size: 18px; line-height: 26px; }
.accordion .card-header .icon-tabs { transform: scale(.75); }

/* 21.09.2026, Антон: «все блоки ужимать — 5–6 строк на весь экран».
   Проход плотности для компьютера: заголовки разделов меньше, вертикальные
   отступы между блоками примерно на 40 % меньше. Телефон не трогаем —
   у него свои правила и он уже сокращён 18.09. */
@media (min-width: 992px) {
    h2, .h2 { font-size: 32px; line-height: 1.2; }
    h2:not([class]), .h2 { margin-bottom: 18px; }
    h3 { font-size: 26px; }
    .block { padding-top: 28px; padding-bottom: 28px; }
    .gray-section { padding-top: 36px; padding-bottom: 36px; margin-bottom: 0; }
    .gray-section.block { padding-top: 28px; padding-bottom: 28px; }
    .detail-program { padding-top: 48px; padding-bottom: 30px; }
    .outer-box { padding-top: 30px; padding-bottom: 28px; }
    .program-bullets { margin-bottom: 20px; }
    .possibilities { margin-top: 24px; }
    .poss { padding-top: 28px; padding-bottom: 28px; }
    .serts-block.reviews-block { margin-top: 40px; }
    .container.prog-detail-text { margin-top: 24px; }
    /* опрос-калькулятор «Узнайте стоимость» */
    .prog-kviz-progress { margin-bottom: 20px; }
    .kviz-answers { margin-bottom: 24px; }
    .kviz-question h4, .kviz-question .h4 { margin-bottom: 20px; }

    /* страница «Интеграция с маркетплейсами»: первый экран в две колонки,
       коробка справа и меньше (была 633 px высотой под кнопками) */
    .detail-program--mp { padding-top: 32px; padding-bottom: 24px; }
    .detail-program--mp .detail-program-block { display: flex; align-items: center; gap: 40px; }
    .detail-program--mp .program-text-block { flex: 1 1 58%; }
    .detail-program--mp .img-bit { flex: 0 0 36%; }
    .detail-program--mp .img-bit img { width: 100%; max-width: 380px; height: auto; }
    .detail-program--mp .slider-btns { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
    .detail-program--mp .slider-btns .gray-btn-program { margin: 0; }
    .detail-program--mp .btn-max { width: auto; flex: 0 0 auto; padding-left: 26px; padding-right: 26px; }

    /* маркетплейсы — сетка карточек вместо длинного столбика */
    /* на странице два блока .markets по 3 карточки — поэтому 3 колонки,
       при 4 справа оставалась пустая колонка */
    .markets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .markets + .markets { margin-top: 16px; }
    .markets .market-block .btn { font-size: 14px; }
    .markets .market-block {
        display: flex; flex-direction: column; align-items: center; justify-content: space-between;
        gap: 10px; margin: 0; padding: 16px 14px; background: #fff; border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
    }
    .markets .market-block img { max-height: 44px; width: auto; max-width: 100%; }
    .markets .market-block ul { margin: 0; padding-left: 16px; font-size: 13px; line-height: 18px; color: #4A5060; }
    .markets .market-block .btn { width: auto; min-width: 150px; height: 44px; padding: 0 20px; }
}

/* картинка первого экрана модулей не шире экрана (на телефоне вылезала: 683 px) */
.img-bit img { max-width: 100%; height: auto; }

/* каталог: название карточки обрезалось фиксированной высотой 54 px
   («1С Автоматизация продаж, CRM и…») */
.prog-text .black-link { height: auto; overflow: visible; font-size: 16px; line-height: 22px; margin-bottom: 14px; }

/* строчные формы «имя + телефон + кнопка»: поля наезжали друг на друга */
.form-inline { gap: 12px; flex-wrap: wrap; }
.form-inline .form-group { margin: 0; }
.form-inline .form-control-input { width: 280px; padding-left: 16px; padding-right: 16px; }
.form-inline .btn { margin-left: 0; }
@media (min-width: 992px) {
    .header_navbar .dropdown_menu_title .dropdown-item {
        padding: 2px 6px;
        margin: 0 -6px;
    }
    .header_navbar .dropdown_menu_title .h3 {
        margin-bottom: 6px;
    }
}

/* 21.09.2026: первый экран главной — один слайд вместо слайдера, поджат.
   Кнопки кончались на 452 px, экран был 600–731 px: низ пустовал под
   стрелками слайдера, которых больше нет */
@media (min-width: 1201px) {
    .main_container .main-slider .swiper-slide { height: 560px; }
    .main-slider .slider-info { padding-top: 40px; }
}
/* первый экран про ИИ (21.09.2026): подзаголовок, плотный список,
   ссылка для тех, кто пришёл за 1С */
.main-slider .slider-pod { max-width: 540px; margin: 14px 0 0; font-size: 17px; line-height: 26px; color: #4A5060; }
.main-slider ul.list-plus { margin-top: 18px; }
.main-slider .list-plus li { padding-bottom: 10px; }
.main-slider .slider-primechanie { margin: 2px 0 0; font-size: 14px; line-height: 20px; color: #666; }
.main-slider .slider-btns { margin-top: 6px; }
.main-slider .learn_more { margin-top: 10px; }
/* 26.09.2026, аудит: контраст #e63329 на белом 4,3:1, ниже нормы 4,5;
   #d6151f — тот же красный, что у наведения в блоке отзывов, 5,3:1 */
.main-slider .slider-1s { display: inline-block; margin-top: 14px; font-weight: 600; font-size: 15px; color: #B4553A; text-decoration: none; border-bottom: 1px dashed #d6151f; }
.main-slider .slider-1s:hover { color: #b8231b; border-bottom-color: #b8231b; }
@media (max-width: 767.98px) {
    .main-slider .slider-h br { display: none; }
    .main-slider .slider-pod { font-size: 15px; line-height: 23px; }
}
/* 21.09.2026, «Купить Битрикс24» на планшете (768) ехала вбок до 1040 px:
   картинка первого экрана без ограничения ширины и блок «почему мы»
   с жёсткими 770 px */
.main_block_right img { max-width: 100%; height: auto; }
.noreverse .why-text { max-width: 100%; }
/* схема «Автоматизация бизнеса с Битрикс24»: отрицательные отступы рядов
   (до −115 px) рассчитаны на 1170 px, на планшете правая колонка уходила
   за край */
@media (max-width: 1199.98px) {
    .block_integration .integration_row[class*="row_n"] { margin-left: 0; margin-right: 0; }
    .block_integration .integration_item,
    .block_integration .integration_item.right_item { margin-left: 0; margin-right: 0; max-width: 100%; font-size: 16px; line-height: 20px; }
    .block_integration .integration_item { padding: 14px 30px 14px 16px; }
    .block_integration .integration_item.right_item { padding: 14px 16px 14px 30px; }
    /* картинка тарифов в тексте (790 px) — не шире колонки */
    .why-text img { max-width: 100%; height: auto; }
    /* «Контакты»: support@1ctrend.ru шрифтом 22 px не влезал в колонку 210 px */
    .contact-info .contact-click { font-size: 18px; overflow-wrap: anywhere; }
}

/* планшет: средняя колонка схемы Битрикс24 пустая (там ноутбук на фоне) —
   её место отдано крайним, иначе подписи ломались в 4 строки */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .block_integration .integration_row > .col-md-4 { flex: 0 0 44%; max-width: 44%; }
    .block_integration .integration_row > .col-md-4:nth-child(2) { flex: 0 0 12%; max-width: 12%; }
}

/* до 992 px media.css переносит стрелку правых пунктов вправо — отступ туда же */
@media (max-width: 992px) {
    .block_integration .integration_item.right_item { padding: 14px 30px 14px 16px; }
}

/* телефон и планшет: фото скрыто, экран по высоте текста (было 550–640 px,
   на телефоне под кнопками пустовало ~200 px) */
@media (max-width: 1200.99px) {
    .main_container .main-slider .swiper-slide { height: auto; padding-bottom: 40px; }
    .main-slider .slider-info { padding-top: 32px; }
}
/* ===== 22.09.2026: итоги прохода 8 страниц на телефоне, планшете, компьютере ===== */

/* вопросы-ответы: круг с плюсом сжимался и наезжал на текст вопроса (планшет) */
.faq_plus { flex: 0 0 35px; margin-left: 12px; }

/* подсказка «Введите Ваш номер телефона» обрезалась в поле на телефоне */
@media (max-width: 575.98px) {
    .form-control::placeholder { font-size: 14px; }
}

/* «Рекомендуем прочитать ещё эти статьи»: точки листалки наезжали на заголовок */
@media (max-width: 991.98px) {
    .hit-slider .swiper-pagination-bullets { display: none; }
}
/* планшет: дата и «3 мин» статьи в строку, а не столбиком */
@media (min-width: 576px) and (max-width: 991.98px) {
    .articles-detail__info { flex-direction: row; justify-content: center; gap: 12px; }
}

/* кейсы: логотип, название и стрелки не помещались в строку — «Zende» обрезалось */
@media (max-width: 575.98px) {
    .ccase-head .ccase-logo + .h4 { display: none; }
}

/* главная, «Лицензии, аренда, внедрение»: логотип 1С наезжал на текст на планшете */
@media (max-width: 991.98px) {
    .license_sale_1C .tab-pane .col-md-5 { display: none; }
    .license_sale_1C .tab-pane .col-md-7 { flex: 0 0 100%; max-width: 100%; }
}

/* строчная оранжевая форма («Посоветуйтесь…», «Автоматизируем…»): фон-картинка
   с волной не совпадала с блоком, заголовок оказывался на белом, форма наезжала
   на соседний блок (margin-top −102 px). Делаем сплошной оранжевый блок */
.orange-callback:not(.orange-callback__progcomplex):not(.vak-callback):not(.orange-callback__column) { margin-top: 0 !important; }
.orange-callback:not(.orange-callback__progcomplex):not(.vak-callback):not(.orange-callback__column) .orange-callback__inner {
    background-color: #FEAB3F; background-image: none !important; padding-top: 32px; padding-bottom: 32px;
}
.orange-callback .policy { white-space: normal; }

/* маркетплейсы на планшете и телефоне — карточки сеткой, как на компьютере
   (был длинный столбик: логотип, список, кнопка вплотную к следующему логотипу) */
@media (max-width: 991.98px) {
    .markets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 16px 0 0; flex-direction: initial; }
    .markets + .markets { margin-top: 12px; }
    .markets .market-block {
        display: flex; flex-direction: column; align-items: center; justify-content: space-between;
        gap: 8px; margin: 0; padding: 14px 10px; background: #fff; border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0,0,0,.08);
    }
    .markets .market-block img { max-height: 40px; width: auto; max-width: 100%; }
    .markets .market-block ul { margin: 0; padding-left: 14px; font-size: 13px; line-height: 18px; color: #4A5060; }
    .markets .market-block ul li { font-size: 13px; line-height: 18px; margin-bottom: 4px; }
    .markets .market-block .btn { width: auto; min-width: 0; height: 40px; padding: 0 16px; font-size: 13px; }
}
@media (max-width: 575.98px) {
    /* в каждом блоке по три площадки — три в ряд, без пустых мест */
    .markets { gap: 8px; }
    .markets .market-block { padding: 10px 6px; gap: 6px; }
    .markets .market-block img { max-height: 28px; }
    .markets .market-block .btn { height: 34px; padding: 0 8px; font-size: 10px; letter-spacing: .5px; }
    /* у всех площадок список одинаковый — на телефоне прячем */
    .markets .market-block ul { display: none; }
}

/* «Контакты» на планшете: почта рвалась посреди слова (support@1ctrend.r / u) */
@media (max-width: 1199.98px) {
    .contact-info .contact-click { font-size: 17px; overflow-wrap: normal; word-break: normal; }
}

/* «Управление торговлей» на планшете: карточки цен занимали левую половину */
@media (min-width: 576px) and (max-width: 991.98px) {
    .prices-detail-block { gap: 16px; flex-wrap: nowrap; flex-direction: row; }
    .prices-detail-block .btn { width: auto; min-width: 150px; height: 44px; padding: 0 22px; }
    .prices-detail-block .outer-box { flex: 1 1 0; min-width: 0; width: auto; max-width: none; margin: 0; }
}

/* окно приветствия чата («1С Консультант. Здравствуйте!») на телефоне
   постоянно закрывало текст; кнопка чата остаётся */
@media (max-width: 767.98px) {
    .b24-widget-button-popup { display: none !important; }
}

/* 26.09.2026, решение Антона: виджет Битрикс24 грузится только по нажатию.
   Своя кнопка «Чат» (#trend-chat в footer.php) стоит там же и выглядит так же,
   как кнопка виджета: круг 66 px, зелёный #00bb0a из настроек виджета,
   right 50 / bottom 80 (см. .b24-widget-button-position-bottom-right в style.css).
   После нажатия кнопка прячется, дальше работает кнопка самого виджета. */
.trend-chat {
    position: fixed;
    right: 50px;
    bottom: 80px;
    width: 66px;
    height: 66px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #00bb0a;
    box-shadow: 0 0 0 8px rgba(0, 187, 10, 0.2);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    transition: transform .2s ease, box-shadow .2s ease;
}
.trend-chat:hover { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(0, 187, 10, 0.25); }
.trend-chat:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.trend-chat--zhdet { opacity: .6; cursor: progress; }
@media (max-width: 767.98px) {
    /* над плашкой MAX/Telegram (bottom 10 + 60); 46 px и right 10 — чтобы не
       ложиться на кнопку первого экрана (её правый край ~315 px при 375) и на
       ссылку «Согласие…» в подвале; кнопка виджета 66 px тут закрывала обе */
    .trend-chat { right: 10px; bottom: 80px; width: 46px; height: 46px; box-shadow: 0 0 0 5px rgba(0, 187, 10, 0.2); }
    .trend-chat svg { width: 22px; height: 22px; }
}

/* страницы Битрикс24 на телефоне: заголовок 48 px ломался («Купить Битрикс / 24»),
   принудительный перенос оставлял «в» одну в строке */
@media (max-width: 767.98px) {
    h1.block_header, div.block_header { font-size: 32px !important; line-height: 1.2 !important; }
    .block_header br { display: none; }
}
/* пункты со значком: вторая строка уходила под значок */
.block_text_list li { display: flex; align-items: flex-start; }
.block_text_list li .text_list_svg { flex: 0 0 auto; }

/* ===== 22.09.2026, блок 4а: блоки в один экран ===== */

/* «Посоветуйтесь со специалистом» (на всех страницах): был 758 px на
   компьютере — отступ 100 px сверху, пустота между карточкой Анны и фото.
   Фото ставим между текстом и формой, форму уплотняем */
@media (min-width: 992px) {
    .consult-callback__inner { margin-top: 0; }
    .consult-wrapper { padding-top: 28px !important; padding-bottom: 28px; align-items: flex-start; }
    .consult-content { max-width: 360px; }
    .consult-content-title { font-size: 28px !important; line-height: 34px !important; }
    .consult-content-person { margin-top: 18px !important; }
    /* фото 900×565 (Анна за столом) — слева внизу, под текстом */
    .consult-img { left: 0; width: auto; height: 56%; bottom: 0; }
    .consult-img img { height: 100%; width: auto; max-width: none; }
    /* заголовок формы повторял заголовок блока */
    .consult-form .form-calc h4 { display: none; }
    .consult-form .text-discont { margin-bottom: 8px; }
    .consult-form textarea.form-control-input { height: 60px !important; min-height: 60px; }
    .consult-form .form-group { margin-bottom: 8px !important; }
}
/* телефон и планшет: фото наезжало на текст и растягивало блок; заголовок
   формы повторял заголовок блока */
@media (max-width: 991.98px) {
    .consult-callback__inner { margin-top: 0 !important; }
    .consult-img, .b24_color .consult-img { display: none !important; }
    .consult-wrapper { padding-top: 28px !important; padding-bottom: 24px; }
    .consult-content-person { margin-top: 16px !important; max-width: none !important; display: flex; gap: 8px 14px; align-items: baseline; flex-wrap: wrap; padding: 12px 18px; }
    .consult-content-person-position { margin-top: 0; }
    .consult-form .form-calc-inner { margin: 20px 0 0 !important; }
    .consult-form .form-calc h4 { display: none; }
    .consult-form textarea.form-control-input { height: 60px !important; min-height: 60px; }
    .consult-form .form-calc { padding: 18px 16px 14px !important; }
    .consult-form .form-group { margin-bottom: 8px !important; }
    .consult-form input.form-control-input { height: 46px !important; padding: 8px 16px !important; }
    .consult-form .form-messegers { padding-bottom: 10px !important; margin-bottom: 8px !important; }
    .consult-form .form-messenger { min-height: 44px !important; padding-top: 6px !important; padding-bottom: 6px !important; }
    .consult-form .btn { height: 48px !important; }
    .consult-form p { margin-bottom: 8px !important; }
}

/* «Нам доверяют» (Битрикс24): сетка логотипов стояла колонкой — по одному
   в ряд, 1600 px на телефоне. Теперь 2 в ряд на телефоне, 3–4 шире */
.preview-cases .row { flex-direction: row !important; flex-wrap: wrap; }
@media (max-width: 767.98px) {
    .preview-cases .preview-case { padding: 0 6px !important; margin: 0 0 12px !important; height: auto !important; min-height: 0 !important; }
    .preview-cases .row { row-gap: 0; }
    .preview-cases.b24_page, .preview-cases { padding-top: 12px !important; padding-bottom: 0 !important; margin-top: 0 !important; }
    .preview-cases .preview-case > a { width: 100% !important; min-width: 0 !important; height: 80px !important; min-height: 0 !important; }
    .preview-cases .preview-case img { max-height: 44px; max-width: 80%; width: auto !important; height: auto; }
}

/* «Почему мы»: на телефоне и планшете значок стоял отдельной строкой над
   текстом — 7 пунктов занимали 1600 px. Значок слева, текст справа */
@media (max-width: 991.98px) {
    .why-us .why-block { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
    .why-us .why-icon { flex: 0 0 48px; }
    .why-us .why-icon .icon-block { width: 48px; height: 48px; }
    .why-us .why-icon .icon-block svg, .why-us .why-icon .icon-block img { max-width: 26px; max-height: 26px; }
    .why-us .why-text { flex: 1 1 auto; min-width: 0; width: auto !important; }
}

/* «Возможности программы» (страницы программ): по одной карточке в ряд на
   телефоне и планшете, 150 px каждая. Теперь 2–3 в ряд, карточки ниже */
@media (max-width: 991.98px) {
    .possibilities { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: auto !important; height: auto !important; gap: 10px !important; }
    .possibilities .poss { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px !important; min-height: 0 !important; height: auto !important; }
    .possibilities .poss .icon-block { width: 40px; height: 40px; flex: 0 0 auto; }
    .possibilities .poss span { font-size: 14px; line-height: 18px; margin: 0 !important; }
}
@media (max-width: 575.98px) {
    .possibilities { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* «Отзывы о нашей работе» на страницах программ: скриншоты отзывов и
   виджет Яндекса стояли друг под другом — 1177 px. На компьютере рядом */
@media (min-width: 992px) {
    .yam-block.progcomplex > .gray-section { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; max-width: 1200px; margin: 0 auto; padding-left: 15px !important; padding-right: 15px !important; }
    .yam-block.progcomplex .yam-h2 { grid-column: 1 / -1; margin: 0; padding: 0; }
    .yam-block.progcomplex .yam-h2 h2 { margin: 0; }
    .yam-block.progcomplex .progreviews { margin: 0; min-width: 0; }
    .yam-block.progcomplex .yamap-block { margin: 0; }
}

/* «Контакты», команда: карусель показывала одного человека на всю ширину.
   Причина — скрипт карусели падал без jQuery (починен в team.list/script.js),
   своих правил вёрстки для команды не держим */

/* подвал на планшете: 4 тесные колонки с переносами — 2 × 2 */
@media (min-width: 768px) and (max-width: 991.98px) {
    .footer_contacti .col-md-3 { flex: 0 0 50%; max-width: 50%; margin-bottom: 16px; }
}

/* главная, вкладки «Лицензии, аренда, внедрение» на планшете стояли столбиком */
@media (min-width: 576px) and (max-width: 991.98px) {
    .services_1C { flex-direction: row !important; flex-wrap: wrap; justify-content: center; gap: 8px; }
    .services_1C .nav-item { margin: 0 !important; }
}

/* длинные тексты для поисковиков на страницах программ сворачиваются
   (common.js), текст остаётся в коде страницы */
.tekst-svernut { max-height: 320px; overflow: hidden; position: relative; }
.tekst-svernut::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 90px; background: linear-gradient(rgba(255,255,255,0), #fff); }
.tekst-razvernut { display: flex; width: auto; margin: 14px auto 0; padding: 0 28px; height: 46px; }

/* «Почему мы» на телефоне — 4 главных пункта из 7 (Антон, 22.09.2026):
   опыт, дешевле, не накручиваем часы, работа без посредников */
@media (max-width: 767.98px) {
    .why-us .why-block:nth-child(n+6) { display: none !important; }
}

/* ===== 22.09.2026, полный проход после блока 4а — телефон ===== */
@media (max-width: 767.98px) {
    /* отступы секций: перед заголовками было по 80 px пустоты */
    .block { padding-top: 32px !important; padding-bottom: 32px !important; }
    .gray-section { padding-top: 32px !important; padding-bottom: 32px !important; }

    /* каталог: карточки программ по две в ряд вместо одной на экран */
    .progs .row > .col-sm-6 { flex: 0 0 50%; max-width: 50%; padding-left: 5px; padding-right: 5px; }
    .progs .prog-block { height: auto !important; min-height: 0 !important; padding: 12px 8px !important; margin-bottom: 10px; }
    .progs .prog-block img { max-height: 110px; width: auto; }
    .progs .prog-text .black-link { font-size: 13px; line-height: 17px; margin-bottom: 8px; }
    .progs .prog-block .btn { height: 36px !important; min-width: 0 !important; width: auto !important; padding: 0 12px !important; font-size: 11px !important; }

    /* страницы программ: «12 лет / 500+ / 5–1000» — три в ряд, а не по экрану */
    .program-bullets { flex-direction: column !important; gap: 6px; }
    .program-bullets .bullet-block { display: flex !important; align-items: center; gap: 12px; padding: 8px 12px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; font-size: 14px; line-height: 18px; }
    .program-bullets .bullet-block .icon-block, .program-bullets .bullet-block img, .program-bullets .bullet-block > i { flex: 0 0 auto; width: 34px !important; height: 34px !important; margin: 0 !important; }
    .program-bullets .bullet-block span { margin: 0 !important; }

    /* карточки цен: кнопка «Купить» была сжата в кружок */
    .prices-detail-block .btn { width: auto; min-width: 150px; height: 44px; padding: 0 22px; }

    /* маркетплейсы: коробка 1С на первом экране занимала полэкрана */
    .detail-program--mp .img-bit img, .img-bit img { max-height: 200px; width: auto; }

    /* строчная оранжевая форма: поля и кнопка на всю ширину */
    .orange-callback .form-inline .form-group,
    .orange-callback .form-inline .form-control,
    .orange-callback .form-inline .btn { width: 100% !important; max-width: none !important; }

    /* главная, «Получите бесплатную оценку»: карточка формы уже экрана,
       подсказка телефона обрезалась */
    .anna-block .form-calc-inner, .anna-block .form-calc { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
    .form-control-input::placeholder, .form-control::placeholder { font-size: 13px !important; }
    input.form-control-input { padding-left: 12px !important; padding-right: 12px !important; }

    /* «Нам доверяют»: логотипы сжимались до 40 px */
    .preview-cases .preview-case > a { padding: 8px 10px !important; justify-content: center; align-items: center; }
    .preview-cases .preview-case img { width: 110px !important; max-width: 80% !important; height: auto !important; max-height: 44px !important; object-fit: contain; }

    /* команда в «Контактах»: фото на весь экран */
    .team1c-img { height: 240px !important; background-position: center top !important; }
}

/* гармошка «Возможности …» и «Выгоды»: вторая строка уходила под значок */
.card-title .btn-link { display: flex; align-items: flex-start; gap: 10px; text-align: left; }
.card-title .btn-link > .icon { flex: 0 0 auto; margin-top: 4px; }
.benefits-title { display: flex; align-items: flex-start; gap: 12px; }
.benefits-title > .icon { flex: 0 0 auto; }

/* кейсы: карусель мерила высоту до загрузки текста — длинный кейс
   (Health Buddy) обрезался вместе с кнопкой «Читать полностью» */
/* (высоту пересчитывает common.js после загрузки — см. «кейсы» там) */

/* каталог на планшете: картинка + список в колонке 360 px не помещались,
   текст уходил за край (страница ехала вбок на 27 px) */
@media (min-width: 576px) and (max-width: 991.98px) {
    .soft-links .soft-pic { flex: 0 0 110px; max-width: 110px; margin-right: 12px; }
    .soft-links .soft-pic img { width: 100%; height: auto; }
    .soft-links .soft-info { flex: 1 1 auto; min-width: 0; width: auto !important; }
}

/* планшет, маркетплейсы: первый экран в две колонки, как на компьютере
   (коробка 1С была 633 px под кнопками); текст в «Возможностях программы»
   на всю ширину гармошки (card-body держал 470 px, справа пусто) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .detail-program--mp .detail-program-block { display: flex; align-items: center; gap: 24px; }
    .detail-program--mp .program-text-block { flex: 1 1 60%; min-width: 0; }
    .detail-program--mp .img-bit { flex: 0 0 34%; }
    .detail-program--mp .img-bit img { width: 100%; max-width: 260px; height: auto; }
    .detail-program--mp .slider-btns { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
    .detail-program--mp .slider-btns .gray-btn-program { margin: 0; }
    .detail-program--mp .slider-btns .btn { width: 100%; }
    .accordion .card-body { max-width: 100%; }
}

/* короткая оранжевая форма («Контакты»): фон — картинка 1920×193, на
   планшете и телефоне блок выше, и белый заголовок сливался с белым */
.orange-callback__short .orange-callback__short-inner { background-color: #FEAB3F; }
.orange-callback__short h2 { text-shadow: 0 1px 3px rgba(0,0,0,.25); }
@media (max-width: 991.98px) {
    .orange-callback__short .orange-callback__short-inner { background-size: cover; }
}

/* главная, «Получите бесплатную оценку»: после ужатия блока (653 px при
   фото 818 px) подпись «Анна Круглова» легла на фото — белая плашка,
   как в блоке консультации */
@media (min-width: 992px) {
    .anna-block .form-text-sub { position: relative; z-index: 2; background: #fff; border-radius: 14px; padding: 12px 18px; box-shadow: 0 6px 20px rgba(0,0,0,.08); width: auto; }
    .anna-block .form-text-sub h4 { margin-bottom: 4px; }
}

/* «Популярные статьи» на страницах модулей: стиль заголовка был только в
   группе стилей блога — выводился мелким серым текстом */
.article-rated-title { margin-bottom: 20px; font-family: Oswald, sans-serif; font-size: 32px; font-weight: 700; line-height: 1.3; }
@media (max-width: 767.98px) { .article-rated-title { font-size: 26px; } }
/* одна точка листалки — листать нечего, не показываем */
.hit-slider .swiper-pagination-bullets:has(> .swiper-pagination-bullet:only-child) { display: none; }

/* шапка на окнах 1200–1439 (у трети клиентов, чаще всего 1265 px): не
   помещалась на 110 px — телефон и «Обратный звонок» обрезались справа.
   Убираем подпись «Есть вопрос?» с аватаром и мелкий текст у логотипа;
   кнопки MAX и Telegram остаются */
@media (min-width: 992px) and (max-width: 1439.98px) {
    .header_consult { display: none !important; }
    .header_logo .logo_text { display: none !important; }
}

/* окна 992–1199 (у 7 % клиентов с компьютера окно 1009 px):
   заголовок первого экрана не переносился и уходил за край, в шапке
   телефон и «Обратный звонок» обрезались. Заголовок переносим, в шапке
   убираем кнопки мессенджеров и чуть ужимаем пункты меню */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .main-slider .slider-h { white-space: normal; }
    .main-slider .slider-h br { display: inline; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header_messengers { display: none !important; }
    .header_navbar .nav-link { font-size: 13px !important; padding-left: 3px !important; padding-right: 3px !important; }
}

/* страницы программ на 768–1199: «14 лет / 500+ / 5–1000» стояли столбиком
   карточек по 100 px — компактные строки, как на телефоне */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .program-bullets { flex-direction: column !important; gap: 6px; }
    .program-bullets .bullet-block { display: flex !important; align-items: center; gap: 12px; padding: 8px 12px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; font-size: 14px; line-height: 18px; }
    .program-bullets .bullet-block .icon-block, .program-bullets .bullet-block img, .program-bullets .bullet-block > i { flex: 0 0 auto; width: 34px !important; height: 34px !important; margin: 0 !important; }
    .program-bullets .bullet-block span { margin: 0 !important; }
}
/* там же: кнопка «Подобрать решение» была 145 px и в две строки */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .gray-btn-program .slider-btns .btn-big { width: auto !important; flex: 0 0 auto !important; min-width: max-content; padding-left: 24px !important; padding-right: 24px !important; white-space: nowrap; }
}

/* 22.09.2026, главная: после удаления трёх блоков серые шли подряд —
   «Отзывы в Яндексе», «Оптимальная стоимость», «Быстрый расчёт».
   «Оптимальная стоимость» — белая, чередование белый/серый восстановлено */
.fon-belyy { background: #fff !important; padding-top: 32px !important; }

/* главная, «Почему мы» (Антон 22.09: ужать): на компьютере 816 px —
   фото слева и семь пунктов столбиком. Теперь без фото, 4 колонки:
   значок и заголовок в строку, текст под ними */
@media (min-width: 768px) {
    .why-us.pochemu-glavnaya { background-image: none !important; }
    .why-us.pochemu-glavnaya .container.block { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px 32px; padding-top: 40px; padding-bottom: 40px; }
    .why-us.pochemu-glavnaya h2 { grid-column: 1 / -1; margin: 0 !important; }
    .why-us.pochemu-glavnaya .why-block { display: grid !important; grid-template-columns: 44px 1fr; column-gap: 12px; align-items: center; align-content: start; align-self: start; justify-content: stretch !important; margin: 0 !important; width: auto !important; }
    .why-us.pochemu-glavnaya .why-icon { width: 44px !important; margin: 0 !important; }
    .why-us.pochemu-glavnaya .icon-block { width: 44px !important; height: 44px !important; min-width: 0 !important; }
    .why-us.pochemu-glavnaya .icon-block .icon { transform: scale(.65); }
    .why-us.pochemu-glavnaya .why-text { display: contents; }
    .why-us.pochemu-glavnaya .why-title { font-size: 17px !important; line-height: 1.2; margin: 0 !important; white-space: nowrap; }
    .why-us.pochemu-glavnaya .text-adv { grid-column: 1 / -1; margin-top: 10px; font-size: 14px; line-height: 20px; }
}
/* на 768–1199 четыре колонки тесны — две, заголовок может переноситься */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .why-us.pochemu-glavnaya .container.block { grid-template-columns: repeat(2, 1fr); }
    .why-us.pochemu-glavnaya .why-title { white-space: normal; }
}
/* главная, 22.09: после удаления «Быстрого расчёта» «Почему мы» серый */
.fon-seryy { background-color: #F5F7F9 !important; }
/* главная, 22.09: отзывы одним блоком (белый); «Оптимальная стоимость»
   серая — ей нужен отступ сверху, pt-0 остался от старого порядка */
.otstup-sverhu { padding-top: 32px !important; }
.otzyvy-glavnaya > .gray-section { padding-top: 32px !important; padding-bottom: 32px !important; }
.otzyvy-glavnaya .progreviews { margin-top: 0 !important; }
.yam-block.otzyvy-glavnaya { background: #fff !important; }

/* 22.09.2026: отзывы рядом с виджетом Яндекса — точки листалки висели над
   заголовком, стрелка обрезалась краем, под перепиской пустота. Точки под
   перепиской, без стрелок; виджет ниже, чтобы колонки были вровень */
@media (min-width: 992px) {
    .yam-block.progcomplex .progreviews .reviews { padding-top: 0 !important; margin-top: 0 !important; }
    .yam-block.progcomplex .progreviews .swiper-pagination { position: static !important; width: auto !important; margin-top: 14px; text-align: center; }
    .yam-block.progcomplex .progreviews .swiper-icon-prev,
    .yam-block.progcomplex .progreviews .swiper-icon-next { display: none !important; }
    .yam-block.progcomplex .yamap-block__sub { height: 480px; }
    .yam-block.progcomplex > .gray-section { align-items: center; }
}

/* 23.09.2026, быстродействие «Контактов»: фон блока вакансий был PNG 212 КБ
   (задан в стилях, подмена на WebP в HTML его не трогает) — WebP 143 КБ */
.vakansii-preview-img { background-image: url("/local/templates/1ctrend/img/vakansii-preview.png.webp") !important; }

/* 23.09.2026, приёмка Антона, п.2: каталог /1ssoft/ — внутри блока .progs
   пять частей подряд на белом. Списки программ и текст внизу — серые во
   всю ширину, чтобы фон чередовался: хиты (белый) — списки (серый) —
   бизнес-задачи (белый) — списки (серый) — вопросы (белый) — текст (серый) */
.bg-default.progs > .container:nth-child(2),
.bg-default.progs > .container:nth-child(4) {
    background: #F5F7F9;
    box-shadow: 0 0 0 100vmax #F5F7F9;
    clip-path: inset(0 -100vmax);
    padding-top: 32px;
    padding-bottom: 24px;
}
.bg-default.progs > .container:nth-child(5) { padding-top: 8px; }
.bg-default.progs ~ .block { background: #F5F7F9; padding-top: 32px; padding-bottom: 32px; }

/* 23.09.2026, приёмка Антона, п.3 и п.6: серая шапка с названием на
   карточке программы, модуле и статье блога была 189 px при названии в
   одну строку (отступы 36+36 у блока и 20+40 у заголовка). Ужата; при
   длинном названии растёт сама, место под хлебные крошки сохранено */
.gray-section.block-h1:has(+ .detail-program),
.gray-section.block-h1:has(+ .blog-container .articles-detail__info) {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 22px !important;
    padding-bottom: 12px !important;
}
.gray-section.block-h1:has(+ .detail-program) h1,
.gray-section.block-h1:has(+ .blog-container .articles-detail__info) h1 {
    padding-top: 0 !important;
    padding-bottom: 34px !important;
    margin-bottom: 0 !important;
}

/* 23.09.2026, приёмка Антона, п.4: модуль маркетплейсов, «Как мы работаем» —
   были строки жирного текста без маркеров (иконки «плюс» не рисуются).
   Теперь пять пронумерованных шагов карточками. Только эта страница. */
.detail-program--mp ~ .gray-section .capabilities-block > p:nth-of-type(2) {
    margin: 22px 0 12px; font-family: Oswald, sans-serif; font-size: 22px; font-weight: 500; color: #1F2430;
}
.detail-program--mp ~ .gray-section .capabilities-block ul.list-plus {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px;
    counter-reset: shag; padding: 0; margin: 0;
}
.detail-program--mp ~ .gray-section .capabilities-block ul.list-plus li {
    counter-increment: shag; list-style: none; display: block; margin: 0; padding: 16px 16px 18px;
    background: #fff; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.detail-program--mp ~ .gray-section .capabilities-block ul.list-plus li::before {
    content: counter(shag); display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; margin-bottom: 10px; border-radius: 50%;
    background: linear-gradient(135deg, #FFD02B, #F7931E); color: #fff; font-weight: 700; font-size: 16px;
}
.detail-program--mp ~ .gray-section .capabilities-block ul.list-plus li i { display: none; }
.detail-program--mp ~ .gray-section .capabilities-block ul.list-plus li span {
    font-weight: 400 !important; font-size: 15px; line-height: 21px; color: #4A5060; margin: 0; padding: 0;
}
@media (max-width: 1199.98px) {
    .detail-program--mp ~ .gray-section .capabilities-block ul.list-plus { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767.98px) {
    .detail-program--mp ~ .gray-section .capabilities-block ul.list-plus { grid-template-columns: 1fr; gap: 8px; }
    .detail-program--mp ~ .gray-section .capabilities-block ul.list-plus li { display: flex; align-items: center; gap: 12px; padding: 10px 14px; }
    .detail-program--mp ~ .gray-section .capabilities-block ul.list-plus li::before { flex: 0 0 28px; width: 28px; height: 28px; margin: 0; font-size: 14px; }
}

/* 23.09.2026, приёмка Антона, п.5: «Возможности программы» на модулях —
   треугольник стоял над заголовком пункта (значок рядом с кнопкой, а не
   внутри, как на программах). Теперь в одной строке */
.card-title:has(> .icon) { display: flex; align-items: center; gap: 12px; }
.card-title > .icon { flex: 0 0 auto; margin: 0 !important; }
.card-title:has(> .icon) > .btn-link { flex: 1 1 auto; padding-left: 0; padding-right: 0; }

/* 23.09.2026, приёмка Антона, п.7: статья блога, «Рекомендуем прочитать» —
   кнопки «Читать полностью» стояли вплотную к блоку консультации (отступ 0,
   тень обрезалась). Отступ внутри карусели, чтобы и тень была видна */
.article-detail-container .hit-slider { padding-bottom: 40px !important; }

/* 23.09.2026, приёмка Антона, п.8: первый экран «Купить Битрикс24» был
   760 px — отступы 105/140 у блока и по 40–50 между заголовком, описанием,
   списком и кнопками, ноутбук 458 px. Ужато (тот же первый экран у всех
   страниц раздела Битрикс24) */
@media (min-width: 768px) {
    .main_block { padding-top: 36px !important; padding-bottom: 40px !important; }
    .main_block .block_header { margin-bottom: 16px !important; }
    .main_block .block_desc { margin-bottom: 20px !important; }
    .main_block .block_text_list { margin-bottom: 24px !important; }
    .main_block .block_text_list li { margin-bottom: 8px !important; padding-bottom: 0 !important; }
    .main_block .main_block_right img { max-height: 340px; width: auto !important; margin-top: 0 !important; display: block; margin-left: auto; margin-right: auto; }
    /* фон нарисован под 1920 px: при низком блоке cover растягивал его по
       ширине, и синие кружки слева садились на текст. Натуральный размер по
       центру — на узком экране кружки уходят за край */
    .main_block { background-size: max(100%, 1920px) auto !important; background-position: 50% 50% !important; background-color: #F0F0F8; }
}

/* 23.09.2026: «Контакты» — короткая форма (yellow-short.php) Антону не
   понравилась ни в каком оформлении; стоит стандартная yellow-block-new.php,
   свои правила для короткой формы убраны. «Контакты» берут другую группу
   стилей, и стандартная форма там выходила иначе, чем на модулях: белый
   заголовок по центру, поля разнесены. Приведена к виду модулей */
body:has(.block.contacts) .orange-callback h2 { color: #4A5060 !important; text-align: left !important; }
body:has(.block.contacts) .orange-callback form.form-inline { flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-items: center !important; gap: 12px 20px; }
body:has(.block.contacts) .orange-callback .form-group { width: 280px !important; margin: 0 !important; }
body:has(.block.contacts) .orange-callback .form-control { width: 280px !important; height: 48px !important; margin: 0 !important; }
body:has(.block.contacts) .orange-callback .btn { width: 230px !important; margin: 0 !important; }
body:has(.block.contacts) .orange-callback .policy { display: inline-block; margin-top: 12px; }
body:has(.block.contacts) .orange-callback .container > span { display: block; text-align: left !important; }
@media (max-width: 767.98px) {
    body:has(.block.contacts) .orange-callback .form-group,
    body:has(.block.contacts) .orange-callback .form-control,
    body:has(.block.contacts) .orange-callback .btn { width: 100% !important; }
}

/* п.10: «Контакты», отзывы на телефоне — под заголовком пустые 100 px
   (отступ блока переписок с тех времён, когда он стоял отдельно) */
.otzyvy-kontakty .progreviews { margin-top: 0 !important; }

/* 23.09.2026, приёмка Антона, второй заход */
/* /1ssoft/: шапка «Программы 1С Предприятие…» 237 px и заголовок 34 px —
   высоко. Отступы и шрифт меньше */
.gray-section.block-h1:has(+ .bg-default.progs) { height: auto !important; min-height: 0 !important; padding-top: 22px !important; padding-bottom: 12px !important; }
.gray-section.block-h1:has(+ .bg-default.progs) h1 { font-size: 28px !important; line-height: 36px !important; padding-top: 0 !important; padding-bottom: 46px !important; margin-bottom: 0 !important; }
/* крошки стоят абсолютно на 82 px от верха — двухстрочный заголовок на
   них наезжал; привязаны к низу блока */
.gray-section.block-h1:has(+ .bg-default.progs) .bx-breadcrumb { top: auto !important; bottom: 12px !important; margin-top: 0 !important; }
@media (max-width: 767.98px) {
    .gray-section.block-h1:has(+ .bg-default.progs) h1 { font-size: 22px !important; line-height: 28px !important; }
}
/* карусель статей: когда все статьи видны (на модуле их три), обе стрелки
   выключены и висели полупрозрачными под первой карточкой — прячем */
.hit-slider:has(.swiper-icon-prev.swiper-button-disabled):has(.swiper-icon-next.swiper-button-disabled) .swiper-icon-prev,
.hit-slider:has(.swiper-icon-prev.swiper-button-disabled):has(.swiper-icon-next.swiper-button-disabled) .swiper-icon-next { display: none !important; }
/* до 992 px листают пальцем; на статьях стрелки там уже скрыты, на модуле
   висели под первой карточкой — прячем так же */
@media (max-width: 991.98px) {
    .hit-slider .swiper-icon-prev,
    .hit-slider .swiper-icon-next { display: none !important; }
}
/* «Рекомендуем прочитать» и «Популярные статьи»: вместо жёлтой кнопки —
   скромная ссылка (кнопка читалась как «оставить заявку») */
.blog-hit-box a.blog-hit-link { width: auto; align-self: flex-start; margin-top: auto; color: #B4553A; font-size: 15px; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(214, 21, 31, .35); line-height: 1.4; }
.blog-hit-box a.blog-hit-link:hover { border-bottom-color: #D6151F; }
.blog-hit-box .blog-hit-text { margin-bottom: 16px; }
/* карточки разной высоты — ссылки стояли на разных уровнях. Высоту слайдов
   трогать нельзя (карусель сама меряет ленту), поэтому заголовок — ровно
   две строки, описание — ровно четыре */
.hit-slider .blog-hit-title { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 6px; }
.hit-slider .blog-hit-text { font-size: 15px; line-height: 22px; height: 88px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

/* модуль маркетплейсов, «Часто задаваемые вопросы»: блок 768 px — ужат
   примерно вдвое (просьба Антона 23.09.2026, только эта страница) */
body:has(#includes) .block_faq { padding-top: 32px !important; padding-bottom: 32px !important; }
body:has(#includes) .block_faq h2 { margin-bottom: 14px !important; }
body:has(#includes) .block_faq_outer { margin-bottom: 8px !important; }
body:has(#includes) .block_faq_q { padding-top: 7px !important; padding-bottom: 7px !important; }
body:has(#includes) .block_faq_q::before,
body:has(#includes) .block_faq_q > span { font-size: 17px !important; line-height: 22px !important; }
/* кружок «+» 35 → 26 px, палочки плюса стоят абсолютно — сдвинуты в центр */
body:has(#includes) .block_faq_q .faq_plus { flex: 0 0 26px !important; width: 26px !important; height: 26px !important; min-width: 26px !important; }
body:has(#includes) .block_faq_q .faq_plus span { top: 12px !important; left: 6px !important; }
/* 23.09.2026, третья просьба: отступы вокруг вопросов-ответов «прям сильно
   ужать» — серый фон 36 + блок 32 px сверху и снизу сведены к 20 */
body:has(#includes) .gray-section:has(> .container > .block_faq) { padding-top: 20px !important; padding-bottom: 20px !important; }
body:has(#includes) .block_faq { padding-top: 0 !important; padding-bottom: 0 !important; }
body:has(#includes) .container.block:has(#includes) { padding-bottom: 20px !important; }
/* текст раскрытого ответа был крупнее вопроса — 16 → 14 px */
body:has(#includes) .block_faq_a,
body:has(#includes) .block_faq_a p { font-size: 14px !important; line-height: 21px !important; }
/* телефон и планшет: у ответа поля по 100 px с боков — на 375 px текст
   шёл колонкой шириной 130 px. Поля как у вопроса */
@media (max-width: 991.98px) {
    body:has(#includes) .block_faq_a { margin-left: 20px !important; margin-right: 20px !important; }
}
/* «Что входит в стоимость»: при наведении на полоску пробегал отблеск —
   это «волна» ripple.js, которую common.js вешает на все .btn (заголовок
   пункта сделан кнопкой). Антона смущала — гасим в этом блоке */
#includes .ripple { display: none !important; }
/* то же во всех раскрывающихся списках — «Возможности программы» на
   модуле и на карточках программ (просьба Антона 23.09.2026) */
.accordion .card-header .ripple,
.btn-link .ripple { display: none !important; }
/* Антон: «волну при наведении на пункты убирай вообще, кнопки не трогай» —
   на кнопках заявок (.btn-red и др.) волна остаётся */
@media (max-width: 767.98px) {
    body:has(#includes) .block_faq_q::before,
    body:has(#includes) .block_faq_q > span { font-size: 15px !important; line-height: 20px !important; }
}

/* 23.09.2026, «Контакты»: Антона бесят высокие блоки с пустотами — ужато
   всё, что можно, только на этой странице */
/* шапка «Контактная информация» 189 → ~117 px */
body:has(.block.contacts) .gray-section.block-h1 { height: auto !important; min-height: 0 !important; padding-top: 22px !important; padding-bottom: 12px !important; }
body:has(.block.contacts) .gray-section.block-h1 h1 { padding-top: 0 !important; padding-bottom: 34px !important; margin-bottom: 0 !important; }
/* форма наверху: отступы 32 → 20 */
body:has(.block.contacts) .orange-callback .orange-callback__inner { padding-top: 20px !important; padding-bottom: 20px !important; }
body:has(.block.contacts) .orange-callback h2 { margin-bottom: 12px !important; }
body:has(.block.contacts) .orange-callback .policy { margin-top: 8px !important; }
/* отзывы: отступы 60 → 28 */
body:has(.block.contacts) .otzyvy-kontakty > .gray-section { padding-top: 28px !important; padding-bottom: 28px !important; }
/* Антон: переписки и виджет Яндекса — ровно по высоте. Скриншоты
   переписок растягивать нельзя, поэтому виджет тянется под их высоту:
   верх вровень, низ вровень с карточками (точки листалки — 51 px ниже) */
/* 23.09.2026, Антон: так же выровнять во всех блоках «переписки + виджет»
   (главная, карточки программ, модули, «Контакты») */
@media (min-width: 992px) {
    /* у блока переписок с прошлой вёрстки отступ сверху 100 px — карточки
       начинались ниже виджета (карточки программ) */
    .yam-block.progcomplex .progreviews { margin-top: 0 !important; }
}
@media (min-width: 1200px) {
    .yam-block.progcomplex > .gray-section { align-items: stretch !important; }
    .yam-block.progcomplex .yamap-block { height: auto !important; align-self: stretch; margin-bottom: 51px !important; }
    .yam-block.progcomplex .yamap-block__sub { height: 100% !important; min-height: 0 !important; }
}
/* 992–1199: карточки переписок всего 262 px, виджету столько мало (надписи
   внутри наезжают) — только верх вровень, виджет 340 px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .yam-block.progcomplex > .gray-section { align-items: start !important; }
    .yam-block.progcomplex .yamap-block__sub { height: 340px !important; }
}
/* «О компании»: отступы 80 → 32 */
body:has(.block.contacts) .about { padding-top: 32px !important; padding-bottom: 32px !important; }
/* команда: отступ сверху 48 → 24, под заголовком 30 → 16, под листалкой
   85 → 16, фото 394 → 300 px (кадр сверху, чтобы не резать головы) */
body:has(.block.contacts) .pt-5.container:has(.team1c) { padding-top: 24px !important; }
body:has(.block.contacts) .team1c-section { margin-bottom: 16px !important; }
body:has(.block.contacts) .team1c.swiper-container { padding-bottom: 16px !important; }
body:has(.block.contacts) .team1c .swiper-wrapper { margin-bottom: 12px !important; }
body:has(.block.contacts) .team1c-img { height: 300px !important; background-position: center top !important; }
/* карточка стоит абсолютно на всю высоту слайда, а слайд задан жёстко
   545 px — ставим новую высоту: фото 300 + подписи 151 */
body:has(.block.contacts) .team1c .swiper-slide { height: 451px !important; }
@media (max-width: 767.98px) {
    body:has(.block.contacts) .team1c .swiper-slide { height: 400px !important; }
}
body:has(.block.contacts) .team-link-all { margin-bottom: 24px !important; }
/* при наведении текст карточки раскрывался вниз и обрезался краем карусели
   на полуслове (запас под лентой ужат) — три строки с многоточием, без
   раскрытия */
body:has(.block.contacts) .team1c .team1c-text,
body:has(.block.contacts) .team1c .swiper-slide:hover .team1c-text { height: auto !important; max-height: 66px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
/* вакансии: отступы 36 → 24 */
body:has(.block.contacts) .vakansii-preview { padding-top: 24px !important; padding-bottom: 24px !important; }
/* декоративные оранжевые шары висят на 250 px выше блока вакансий; после
   ужатия команды они легли на стрелку карусели и заголовок — убраны */
body:has(.block.contacts) .vakansii-balls { display: none !important; }
/* телефон: стикер «Вакансии» 300 px стоит абсолютно и наезжал на заголовок
   «Хочешь к нам в команду?» (48 px) — 220 px по центру */
@media (max-width: 767.98px) {
    body:has(.block.contacts) .vakansii-preview-img { width: 220px !important; height: 220px !important; left: 50% !important; right: auto !important; margin-left: -110px !important; background-size: contain !important; }
}

/* 23.09.2026, виджет отзывов Яндекса (yadex-reviews.php, все страницы):
   своя шапка с оценкой, ниже окно виджета, сдвинутое на 236 px — верх
   виджета с просьбой «Поставьте нам оценку» спрятан, сразу идут отзывы */
.yamap-block__sub { display: flex; flex-direction: column; border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden; background: #fff; box-sizing: border-box; }
.yam-shapka { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid #eee; text-decoration: none !important; color: #1F2430; }
.yam-shapka__ball { font-size: 32px; font-weight: 600; line-height: 1; }
.yam-shapka__zvezdy { color: #FC0; font-size: 20px; letter-spacing: 1px; line-height: 1; }
.yam-shapka__tekst { font-size: 14px; color: #666; line-height: 1.3; white-space: nowrap; }
.yam-shapka:hover .yam-shapka__tekst { color: #B4553A; }
.yam-okno { position: relative; flex: 1 1 auto; overflow: hidden; min-height: 200px; }
.yam-okno iframe { position: absolute; left: 0; top: -236px; width: 100%; height: calc(100% + 236px); border: 0; }

/* ======================================================================
   26.09.2026, технический аудит: доступность, прокрутка вбок, цели для пальца
   ====================================================================== */
/* метка «новое» в меню: белый на #F24944 — 3,6:1; #d6151f даёт 5,3:1 */
#header_menu .metka-novoe, .metka-novoe { background: #B4553A; }
/* подписи «Анна Круглова», «Антон Круглов», «Помимо расчета стоимости…»,
   «Быстрый расчет стоимости», «Напишите свой вопрос…» были h4 после h1/h2
   (пропуск уровня), теперь div.h4 — отступы как у прежних h4 */
.form-text-sub .h4 { margin-bottom: 15px; }
.about-dir-block .h4 { margin-bottom: 10px; }
.opti-price .h4 { margin-bottom: 30px; }
/* прокрутка вбок на компьютере: у цепочки интеграций Битрикс24 ряды с
   отрицательными полями шире окна на 60 px (сами плашки помещаются, правый
   край 1213 при окне 1280); в «Реальной автоматизации» декоративная картинка
   целей стоит на 130 px правее контейнера. Обрезаем только по горизонтали. */
.block_integration, .auto-goals { overflow-x: clip; }
/* телефон: цели меньше 32 px — больше зона нажатия, вид прежний.
   Перенесено из kompakt.css копии (24.09.2026). Ссылки подвала не 44 px:
   Антон 17.09 счёл 44 растянутым, поэтому 38 (22 + 8 + 8). */
@media (max-width: 767.98px) {
    .header_block .btn-red--small { min-height: 36px; display: inline-flex !important; align-items: center; justify-content: center; }
    .polosa-ii__krest { display: inline-flex !important; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; }
    footer .footer-phone, footer .footer-email { display: inline-block !important; padding-top: 8px !important; padding-bottom: 8px !important; }
    footer .webreach-credit, footer .policy, .politic .policy { display: inline-block !important; padding-top: 10px !important; padding-bottom: 10px !important; }
    .blog-hit-link { display: inline-block !important; padding-top: 8px !important; padding-bottom: 8px !important; }
    .contacts .contact-click { display: inline-block !important; padding-top: 8px !important; padding-bottom: 8px !important; }
    /* меню: подпункты 24 px (39 штук в «Программах 1С»), пункты 33 px */
    #header_menu .nav-link { min-height: 44px; display: flex !important; align-items: center; justify-content: center; }
    #header_menu .dropdown-item { display: block !important; padding-top: 9px !important; padding-bottom: 9px !important; font-size: 15px !important; line-height: 22px !important; }
}

/* ======================================================================
   26.09.2026, аудит (поток moduli): каталог модулей группами и страница модуля
   ====================================================================== */
/* каталог /modules/: подзаголовок под H1, группы, карточки строкой */
.moduli-podzag { font-size: 17px; line-height: 1.5; color: #4A5060; max-width: 900px; margin: 18px 0 6px; }
.moduli-katalog { margin: 0 0 8px; }
.moduli-gruppa { padding: 18px 0 6px; }
.moduli-gruppa__zag { font-family: Oswald-Medium, Oswald, sans-serif; font-size: 24px; line-height: 1.2; margin: 0 0 12px; color: #1F2430; }
.moduli-karty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.moduli-karta { display: flex; gap: 14px; align-items: stretch; border: 1px solid #e3e3e3; border-radius: 12px; padding: 14px 16px; background: #fff; }
.moduli-karta__kartinka { flex: 0 0 64px; width: 64px; align-self: flex-start; }
.moduli-karta__kartinka img { width: 64px; height: auto; display: block; }
.moduli-karta__telo { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.moduli-karta__imya { font-family: OpenSans-Bold, OpenSans, sans-serif; font-size: 16px; line-height: 21px; color: #1F2430 !important; text-decoration: none; margin-bottom: 4px; }
.moduli-karta__imya:hover { color: #B4553A !important; }
.moduli-karta__tekst { font-size: 14px; line-height: 19px; color: #4A5060; margin-bottom: 10px; }
.moduli-karta__niz { margin-top: auto; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 14px; line-height: 18px; }
.moduli-karta__cena { font-weight: 600; color: #1F2430; white-space: nowrap; }
.moduli-karta__dalee { color: #B4553A !important; font-weight: 600; white-space: nowrap; }
.moduli-karta--obshchiy { background: #FFF8D6; border-color: #F5DD7A; }
@media (min-width: 992px) and (max-width: 1199.98px) { .moduli-karty { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 991.98px) { .moduli-karty { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767.98px) {
    .moduli-podzag { font-size: 15px; line-height: 1.45; margin: 10px 0 2px; }
    .moduli-gruppa { padding: 12px 0 2px; }
    .moduli-gruppa__zag { font-size: 20px !important; line-height: 24px !important; margin-bottom: 8px !important; }
    .moduli-karty { grid-template-columns: 1fr; gap: 8px; }
    .moduli-karta { padding: 12px 14px; }
    .moduli-karta__kartinka { display: none; }
    .moduli-karta__imya { font-size: 15px; line-height: 20px; }
    .moduli-karta__tekst { font-size: 13px; line-height: 18px; margin-bottom: 8px; }
    .moduli-karta__niz { font-size: 13px; }
}
/* кейсы по модулям: серая полоса, три карточки с цифрой */
.moduli-keysy { background: #F5F7F9; padding: 28px 0 26px; margin-top: 18px; }
.moduli-keysy__zag { margin: 0 0 14px; }
.moduli-keysy__karty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.moduli-keys { background: #fff; border-radius: 14px; padding: 18px 20px; display: flex; flex-direction: column; }
.moduli-keys__cifra { font-family: Oswald-Medium, Oswald, sans-serif; font-size: 26px; line-height: 1.15; color: #1F2430; margin-bottom: 8px; }
.moduli-keys__tekst { font-size: 14px; line-height: 20px; color: #4A5060; margin-bottom: 12px; }
.moduli-keys__ssylka { margin-top: auto; font-weight: 600; color: #B4553A !important; font-size: 14px; }
@media (max-width: 767.98px) {
    .moduli-keysy { padding: 22px 0 20px; margin-top: 12px; }
    .moduli-keysy__karty { grid-template-columns: 1fr; gap: 8px; }
    .moduli-keys { padding: 14px 16px; }
    .moduli-keys__cifra { font-size: 22px; }
}
/* строка «что после заявки» над формой */
.moduli-posle { font-size: 16px; line-height: 1.5; color: #4A5060; margin: 22px 0 6px; }
@media (max-width: 767.98px) { .moduli-posle { font-size: 14px; margin: 16px 0 0; } }

/* страница модуля: три шага под первым экраном */
.moduli-shagi { list-style: none; counter-reset: shag; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0; margin: 0 0 26px; }
.moduli-shagi li { counter-increment: shag; display: grid; grid-template-columns: 30px 1fr; column-gap: 12px; align-items: center; border: 1px solid #ECECEC; border-radius: 12px; padding: 12px 14px; background: #fff; }
.moduli-shagi li::before { content: counter(shag); grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #FFDE0B; font-family: Oswald-Medium, Oswald, sans-serif; font-size: 15px; color: #1F2430; }
.moduli-shagi b { font-size: 16px; line-height: 20px; color: #1F2430; }
.moduli-shagi span { font-size: 13px; line-height: 17px; color: #666; }
@media (max-width: 767.98px) {
    .moduli-shagi { grid-template-columns: 1fr; gap: 8px; margin-bottom: 18px; }
    .moduli-shagi li { padding: 10px 12px; }
    .moduli-shagi b { font-size: 15px; }
}
/* текст модуля: спрятанные снимки и хвост текста; ссылки раскрытия */
.module-detail-text.moduli-tekst { margin-bottom: 0; }
.moduli-tekst .snimok-skryt { display: none; }
@media (max-width: 767.98px) { .moduli-tekst .snimok-skryt-tel { display: none; } }
.moduli-tekst .tekst-dalee { display: none; }
.moduli-tekst .tekst-dalee--otkryt { display: block; }
.moduli-tekst .snimki-eshche, .moduli-tekst .tekst-dalee__ssylka { margin: 8px 0 20px; }
.moduli-tekst .snimki-eshche a, .moduli-tekst .tekst-dalee__ssylka a { color: #B4553A; font-weight: 600; font-size: 16px; border-bottom: 1px solid rgba(214,21,31,.35); text-decoration: none; }
@media (max-width: 767.98px) { .moduli-tekst .snimki-eshche a, .moduli-tekst .tekst-dalee__ssylka a { display: inline-block; padding: 8px 0; } }
/* вопросы про площадку: серая полоса, отступы как у отраслевых страниц */
.block_faq.moduli-faq { padding: 28px 0 28px; margin-top: 8px; }
.block_faq.moduli-faq h2 { margin-bottom: 14px; }
@media (max-width: 767.98px) { .block_faq.moduli-faq .block_faq_a { margin-left: 20px; margin-right: 20px; } }
/* соседние модули и ссылка на отрасль */
.moduli-sosedi { padding: 22px 0 6px; }
.moduli-sosedi__zag { font-family: Oswald-Medium, Oswald, sans-serif; font-size: 22px; line-height: 1.2; color: #1F2430; margin-bottom: 10px; }
.moduli-sosedi__spisok { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.moduli-sosedi__spisok li a { display: inline-block; border: 1px solid #e3e3e3; border-radius: 20px; padding: 8px 14px; font-size: 14px; line-height: 18px; color: #1F2430 !important; text-decoration: none; }
.moduli-sosedi__spisok li a:hover { border-color: #d6151f; color: #B4553A !important; }
.moduli-sosedi__otrasl { font-size: 15px; line-height: 1.5; color: #4A5060; margin: 0; }
.moduli-sosedi__otrasl a { color: #B4553A; font-weight: 600; }
@media (max-width: 767.98px) {
    .moduli-sosedi { padding: 16px 0 4px; }
    .moduli-sosedi__zag { font-size: 20px !important; }
}

/* ======================================================================
   26.09.2026, аудит (поток obshchee): общее для всех страниц
   ====================================================================== */
/* Страницы со своим первым экраном (свойство bez_shapki=Y: отрасли, внедрение,
   реальная автоматизация, вакансии): серой шапки с H1 нет, крошки — тонкой
   строкой над первым экраном (header.php, trendShapkaStranicy). В стилях сайта
   .bx-breadcrumb стоит абсолютно внизу серой шапки — здесь ставим в поток. */
.kroshki-stroka { position: relative; padding-top: 8px; padding-bottom: 0; min-height: 28px; }
.kroshki-stroka .bx-breadcrumb { position: static !important; width: auto !important; margin: 0 !important; left: auto; bottom: auto; }
.kroshki-stroka .bx-breadcrumb .bx-breadcrumb-item { margin-bottom: 2px; }
@media (max-width: 767.98px) {
    /* крошки на телефоне стили сайта прячут — пустую строку под ними не держим */
    .kroshki-stroka { display: none; }
}
/* Плашка MAX/Telegram внизу телефона прячется, пока на экране форма с теми же
   кнопками (common.js, IntersectionObserver по .form-messegers). Кнопка чата
   там же прячется: она ложилась на угол кнопки формы. */
.fixed-messengers.fixed-messengers--skryta { display: none !important; }
@media (max-width: 767.98px) {
    body.forma-na-ekrane .trend-chat { display: none !important; }
}
/* На служебных страницах (вакансии, блог) плашки нет — место под неё в подвале
   (padding-bottom 90 px выше в этом файле) не резервируем. */
@media (max-width: 767.98px) {
    body:not(:has(.fixed-messengers)) .footer_copy { padding-bottom: 20px; }
}

/* ======================================================================
   05.10.2026, решения Антона по общему шаблону (поток obshchee)
   ====================================================================== */
/* 05.10.2026: плашка MAX/Telegram внизу телефона закрывала текст — шла во всю
   ширину экрана высотой 60 px. Теперь компактная пара по центру: 40 px,
   шрифт и значки мельче. Базовые правила — в style.css и в файлах групп
   css/gruppy/*.css (собраны purgecss), поэтому перекрываем здесь: этот файл
   грузится на всех страницах. Кнопку чата (.trend-chat) не трогаем. */
@media screen and (max-width: 767.99px) {
    .fixed-messengers {
        left: 50% !important;
        right: auto !important;
        bottom: 10px !important;
        transform: translateX(-50%);
        height: 40px !important;
        grid-template-columns: auto auto !important;
        grid-gap: 2px !important;
        gap: 2px !important;
    }
    .fixed--messenger,
    .fixed--messenger:hover {
        min-width: 116px;
        padding: 0 16px !important;
        gap: 6px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        letter-spacing: 0.8px !important;
        white-space: nowrap;
    }
    .fixed-max svg { width: 16px; height: 16px; flex: 0 0 auto; }
    /* у значка Telegram самолётик занимает ~60 % рамки 33×32 — рамка крупнее */
    .fixed-telegram svg { width: 24px; height: 24px; flex: 0 0 auto; margin: 0 -3px; }
    /* место под плашку в конце подвала: 40 + 10 от края + запас (было 90 под 60 px) */
    .footer_copy { padding-bottom: 70px; }
}

/* 05.10.2026, решение Антона: окно заявки (#callback) — форма слева, Анна
   справа. На фото она указывает пальцем влево: раньше от формы, теперь на неё.
   Разметка в footer.php прежняя, колонки переставлены порядком; скругление
   фото — с правой стороны. До 992 px фото скрыто (media.css) — там как было. */
#callback .modal-inner > .modal-img { order: 2; border-radius: 0 20px 20px 0; }
#callback .modal-inner > .modal-text { order: 1; }
/* крестик стоит в правом верхнем углу окна — теперь над фото, держим поверх */
#callback .modal-body > .close { z-index: 2; }

/* 05.10.2026, Антон: крупные цифры и цены — не красным, а тёплым янтарём #C77A1A (вариант 3), на всех страницах.
   Классы — из описи красного текста на копии (krasnye-cifry.js); телефоны-ссылки не трогаем. */
.cn2-cena,.cn2-c,.erp2-cn,.erp2-c.erp2-cn,.vn2-c,.ks2-cena,.pd2-cena,.ot2-cena,.cb2-cena,.bo2-cena,td.bo2-c,.ut2-cn,.vu2-cena,
.oz2-c b,.oz2-ceny b,.nb2-cena,.ts2-cena,.ts2-f,.st2-cena,.km2-cena,.md2-cena,.vr2-cena,.kl2-cena,.kejsy .cf,.cifra b,.kt .cena{color:#B4553A!important}

/* 06.10.2026, система цвета и шрифтов (утверждена Антоном для всего сайта): заголовки карточек — один вид,
   Oswald 500, как у услуг и программ. Было: у отраслей, сценариев, гарантий — Open Sans жирным 15–17 px. */
.erp2-gar b,.erp2-otr b,.ii2-k b,.ii2-prin b,.ii2-ssyl b,.kak-zh__k b,.ks2-g b,.ks2-zk b,.nb2-gar b,.olh-gar b,.olh-g b,.olh-k b,
.ot2-r b,.otrasli-zh__k b,.ut2-gar b,.ut2-rut b,.vn2-g b,.vr2-p b,.rutina-zh__tekst b{
  font-family:Oswald-Medium,Oswald,"Arial Narrow",sans-serif!important;font-weight:500!important;font-size:19px!important;line-height:1.2!important;letter-spacing:.01em}
.rutina-zh__tekst b{font-size:18px!important}
@media (max-width:575.98px){
  .erp2-gar b,.erp2-otr b,.ii2-k b,.ii2-prin b,.ii2-ssyl b,.kak-zh__k b,.ks2-g b,.ks2-zk b,.nb2-gar b,.olh-gar b,.olh-g b,.olh-k b,
  .ot2-r b,.otrasli-zh__k b,.ut2-gar b,.ut2-rut b,.vn2-g b,.vr2-p b,.rutina-zh__tekst b{font-size:17px!important}
}

/* 06.10.2026, Антон: «16 хорошо», «поменяй на копии во всех таблицах» — текст ячеек таблиц 16 px вместо 14 (с 768 px).
   Цены (td.*-c, *-cn, Oswald), сроки и примечания (small 13 px), шапки (th) и подписи-метки заданы более точными
   правилами и остаются как были. На телефоне — без изменений: в узких колонках 16 px не помещается. */
@media (min-width:768px){
  .container table td,table[class*="-tabl"] td,table[class*="-srav"] td,table[class*="-tekst"] td{font-size:16px}
}

/* 06.10.2026: цены лицензий в таблице «Сколько стоит» каталога программ (Oswald 17) после текста 16 px смотрелись мельче —
   19 px, как цены в таблицах «Цен» */
@media (min-width:768px){.ks2-tabl td.l{font-size:19px}}

/* 06.10.2026: цены лицензий в таблице «Сколько стоит» каталога программ (Oswald 17) после текста 16 px смотрелись мельче —
   19 px, как цены в таблицах «Цен». Селектор с table — стиль страницы подключается позже и перебивал .ks2-tabl td.l */
@media (min-width:768px){table.ks2-tabl td.l{font-size:19px}}

/* 07.10.2026: пометка «+N часов в подарок» у лицензий — терракот по всему сайту (как в УТ 11), не серым как подписи */
small.chasy{color:#B4553A!important;font-weight:600}

/* 07.10.2026: модули сообщений на телефоне — карточки событий в схеме «1С → сообщение» были сжаты (подпись ломалась
   в узкой колонке). До 600 px: подписи под событиями скрыты, название 14 px. */
@media (max-width:600px){.mt-tg-sob span{display:none!important}.mt .mt-tg-sob b{font-size:14px!important}}

/* 07.10.2026: на «Контактах» шапка на телефоне была 376 px при экране 375 (полоса про ИИ расталкивала её) — страница ездила вбок */
/* 12.10.2026: только до 1200 px — с 1200 включён масштаб 85 % (zoom), и 100vw обрезал шапку с полосой ИИ */
@media (max-width:1199.98px){.header_block{max-width:100vw}}
.polosa-ii__vnutri{min-width:0}
@media (max-width:767.98px){.polosa-ii__vnutri{overflow:hidden}}

/* 07.10.2026: «Контакты» на 375 px шире экрана на 1 px — текст карточки телефона (.kt2-t) не ужимался */
@media (max-width:575.98px){.kt2-k{min-width:0}.kt2-t{min-width:0;overflow-wrap:anywhere}}

/* 07.10.2026: «Контакты» на 375 px шире экрана — у карточки-ссылки телефона white-space:nowrap (общий класс contact-click),
   подпись «Один номер для продаж и техподдержки» вылезала за карточку. Разрешаем перенос подписи. */
.kt2-k .kt2-t{white-space:normal!important;min-width:0}

/* End */
/* /local/templates/1ctrend/css/bootstrap.min.css?178973266651386 */
/* /local/templates/1ctrend/css/jquery.fancybox.min.css?179182624112824 */
/* /local/templates/1ctrend/css/swiper.min.css?158662127013676 */
/* /local/templates/1ctrend/css/ripple.css?1648993737897 */
/* /local/templates/1ctrend/css/gruppy/keysy.css?179182624172903 */
/* /local/templates/1ctrend/components/bitrix/breadcrumb/.default/style.min.css?1587392199467 */
/* /local/templates/1ctrend/template_styles.css?1791826243107715 */