/* Start:/local/templates/cleverence/styles.css?169329154146*/
header .header-logo {
    max-width: 140px;
}

/* End */


/* Start:/local/templates/cleverence/template_styles.css?1760940706205176*/
/* inport fonts */
/*@import url('/local/templates/cleverence/css/fonts.css');*/

.div.bx-debug-content-top {
    height: 600px !important;
}

/* normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/*NEW STYLE*/
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/local/templates/cleverence/fonts/IBMPlexSans-Regular/IBMPlexSans-Regular.eot');
    src: local('RF Dewi Condensed Regular'), local('IBMPlexSans'),
        url('/local/templates/cleverence/fonts/IBMPlexSans-Regular/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/cleverence/fonts/IBMPlexSans-Regular/IBMPlexSans-Regular.woff') format('woff'),
        url('/local/templates/cleverence/fonts/IBMPlexSans-Regular/IBMPlexSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/local/templates/cleverence/fonts/IBMPlexSans-Medium/IBMPlexSans-Medium.eot');
    src: local('RF Dewi Condensed Regular'), local('IBMPlexSans'),
        url('/local/templates/cleverence/fonts/IBMPlexSans-Medium/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/cleverence/fonts/IBMPlexSans-Medium/IBMPlexSans-Medium.woff') format('woff'),
        url('/local/templates/cleverence/fonts/IBMPlexSans-Medium/IBMPlexSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'RF Dewi';
    src: url('/local/templates/cleverence/fonts/RFDewi-Regular/RFDewi-Regular.eot');
    src: local('RF Dewi Condensed Regular'), local('IBMPlexSans'),
        url('/local/templates/cleverence/fonts/RFDewi-Regular/RFDewi-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/cleverence/fonts/RFDewi-Regular/RFDewi-Regular.woff2') format('woff2'),
        url('/local/templates/cleverence/fonts/RFDewi-Regular/RFDewi-Regular.woff') format('woff'),
        url('/local/templates/cleverence/fonts/RFDewi-Regular/RFDewi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'RF Dewi';
    src: url('/local/templates/cleverence/fonts/RFDewi-Bold/RFDewi-Bold.eot');
    src: local('RF Dewi Condensed Regular'), local('IBMPlexSans'),
        url('/local/templates/cleverence/fonts/RFDewi-Bold/RFDewi-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/cleverence/fonts/RFDewi-Bold/RFDewi-Bold.woff2') format('woff2'),
        url('/local/templates/cleverence/fonts/RFDewi-Bold/RFDewi-Bold.woff') format('woff'),
        url('/local/templates/cleverence/fonts/RFDewi-Bold/RFDewi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.figcaption {
    font-style: italic;
}

.subtitle {
    font-size: 29px;
    font-family: dinL;
    font-style: italic;
    text-align: center;
    padding: 18px 30px 34px 30px;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

a:active,
a:hover {
    outline: 0;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    margin-top: 0px;
}

dl,
menu,
ol,
ul {
    margin: 0px 0px 2em 0px;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 60px;
}

nav ul,
nav ol {
    list-style: none outside none;
}

.article ul,
.solution-detail ul {
    list-style-type: none;
}

.article ul li::before {
    content: "—";
    color: #ff524a;
    margin-right: 10px;
    margin-left: -28px;
}

ul.article-gallary li::before {
    content: none;
}

ul.equipment-for-project-list li::before {
    content: none;
}

.solution-detail ul li::before {
    content: "—";
    color: #ff524a;
    margin-right: 10px;
    margin-left: -28px;
}

.solution-detail ul.video-list li::before {
    content: "";
}

.equipment-for-project ul li::before {
    content: none;
}

/* normalize.css end */

/* reset */
body {
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
}

body,
html {
    height: 100%;
    width: 100%;
}

header,
nav,
section,
article,
aside,
footer {
    display: block;
}

input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox],
button,
select {
    cursor: pointer;
}

/*normalization mozila*/
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input:-webkit-autofill {
    background-color: transparent;
}

/*normalization ie7*/
*+html input[type=checkbox],
*+html input[type=radio] {
    width: 13px;
    height: 13px;
}

input,
button {
    overflow: visible;
}

textarea {
    resize: none;
    overflow: auto;
}

em {
    font-style: italic;
}

b,
strong {
    font-weight: bold;
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 100;
    margin: 0;
}

img {
    border: none;
}

input {
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
}

blockquote,
q {
    quotes: none;
}

blockquote a {
    color: yellow;
}

blockquote a:hover {
    color: yellow;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: none;
}

/*remove the border around the button*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    /* */
    border: none;
}

/*remove the frame around the input type = "radio"*/
:focus {
    -moz-outline: 3px solid #fff !important;
}

input[type="radio"]:focus {
    -moz-outline-radius: 12px !important;
    -moz-outline-offset: 0px !important;
}

/*remove the frame around the input type = "checkbox"*/
input[type="checkbox"]:focus {
    -moz-outline-offset: -1px !important;
    -moz-outline: 1px solid #000 !important;
}

/*remove the frame around the inputs ie7*/
*+html a,
*+html button,
*+html input[type="submit"],
*+html input[type="radio"],
*+html input[type="checkbox"],
*+html input[type="button"] {
    noFocusLine: expression(this.onFocus=this.blur());
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* reset end */

/* Fonts */
/* Fonts end */

/* ------ typographic styles ------ */
body {
    height: 100%;
    color: #403e3e;
    background-color: #FFF;
}

body .wrapper,
body>footer,
body>.popup,
body>.fixed-popup {
    font: 16px/1.33 dinL, Arial, Tahoma, Verdana, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
    font-weight: normal;
    color: #111;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 30px;
    padding-bottom: 20px;
}

h3,
.h3 {
    font-size: 22px;
    padding-bottom: 15px;
}

h4,
.h4 {
    font-size: 18px;
    padding-bottom: 10px;
}

h5,
.h5 {
    font-size: 16px;
    padding-bottom: 10px;
}

h6,
.h6 {
    font-size: 14px;
    padding-bottom: 10px;
}

a {
    color: #0083b0;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #209dcc;
}

a .text-decor {
    border-bottom: 1px dotted #0083b0;
    line-height: 1;
    vertical-align: baseline !important;
}

a:hover .text-decor {
    border-bottom: 1px dotted transparent;
}

img {
    border: none;
}

.image-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

.image-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 10px;
}

.image-center {
    float: none;
    display: block;
    margin: 10px auto;
    width: 100%;
}

.landing-p {
    padding: 61px;
    font-size: 19px;
}

strong,
b {
    font-weight: normal;
    font-family: dinB;
}

em,
i {
    font-style: normal;
    font-family: dinI;
}

.dott-list {
    list-style-type: none;
    margin: 0 0 3px 20px;
    padding: 0 0 15px;
}

.dott-list li {
    background: url(/local/templates/cleverence/img/marker-red.png) 0 10px no-repeat;
    line-height: 1.2;
    padding-bottom: 5px;
    padding-left: 27px;
    font-size: 16px;
}

.decimal-list {
    counter-reset: item;
    list-style-type: none;
    margin: 0 0 7px 20px;
    padding: 0 0 15px;
}

.decimal-list li {
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 16px;
}

.decimal-list li:before {
    content: counter(item) '. ';
    counter-increment: item;
    font-family: dinR;
    color: #ff524a;
    font-size: 22px;
}

.decimal-list span {
    font-weight: normal;
}

.def-table-holder {
    background-color: #fff;
    border: 34px solid #f0f1f1;
    display: grid;
    grid-template-columns: 260px 1fr;
    margin-bottom: 40px;
    padding: 33px 35px;
}

.def-table {
    width: 100%;
    border: none;
    background-color: #FFF;
}

.def-table td,
.def-table th {
    padding: 6px 10px;
    border: none;
    font-size: 15px;
    line-height: 1.26;
    text-align: left;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    font-size: 16px;
    color: #111;
}

.def-table th {
    background: none;
    border: none;
    color: #6a6a6a;
}

.def-table tbody td {
    vertical-align: top;
}

.def-table thead th:first-child,
.def-table tbody td:first-child {
    text-align: left;
    color: #6a6a6a;
}

.def-table thead th {
    background: none;
    border: none;
    color: #6a6a6a;
    font-weight: normal;
}

.text-table {
    width: 100%;
    border: none;
    background-color: #FFF;
}

.text-table td,
.text-table th {
    padding: 6px 10px;
    border: none;
    font-size: 16px;
    line-height: 1.26;
    text-align: left;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    font-size: 16px;
    color: #111;
    padding-left: 35px;
}

.text-table tbody td {
    vertical-align: top;
    color: #6a6a6a;
}

.text-table tbody .even td {
    background-color: #F0F1F1;
}

.text-table tbody td:first-child {
    text-align: left;
    color: #6a6a6a;
}

.text-table tr:first-child td,
.text-table tr:first-child th {
    border-top: none;
}

.text-table thead th {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    vertical-align: top;
    font-family: dinB;
    background-color: #403A3A;
    padding-top: 12px;
    padding-bottom: 15px;
    border-bottom: none;
}

input[type="text"],
textarea,
input[type="email"],
input[type="password"] {
    border: 0;
    background: none;
    display: block;
    width: 100%;
    color: #111111;
    font: 16px/1.33 dinL, Arial, Tahoma, Verdana, sans-serif;
    padding: 14px 0 13px;
    height: auto;
}

textarea {
    height: 67px;
    min-height: 67px;
}

.form-line {
    margin: 0 0 24px;
    position: relative;
}

.form-line select {
    width: 180px;
}

.input-holder {
    /* border:1px solid #D3D3D3; */
    box-shadow: inset #E4E4E4 2px 2px 0;
    padding: 0 11px;
    cursor: text;
    background: #EDEDED;
}

.input-holder.focus {
    background-color: #FFF;
    box-shadow: inset #E4E4E4 0px 0px 0px 1px;
}

p {
    padding: 0 0 20px;
    margin: 0;
}

.article p {
    font-size: 18px;
}

.project-holder .article,
.project-holder .article p {
    font-size: 20px;
}

.article .more-project+p {
    padding-top: 20px;
}

. video-frame .article p {
    font-size: 14px;
    line-height: 28px;
    margin-top: 22px;
}

blockquote,
q {
    margin: 0;
    padding: 0;
    background-color: #209DCC;
    font-size: 22px;
    line-height: 1.2;
    color: #FFF;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    font-style: italic;
}

blockquote.new {
    margin: 0;
    background-color: #EDE8B7;
    border-left: 5px solid rgb(229, 184, 113);
    font-size: 18px;
    line-height: 1.2;
    color: #6B5E4E;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    font-style: normal;
    padding-left: 38px;
}

blockquote.new:after {
    display: none;
}

blockquote:after,
q:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 15px;
    top: 100%;
    left: 110px;
    background: url(/local/templates/cleverence/img/sp-corner.png) 0 -40px no-repeat;
}

hr {
    line-height: 1px;
    height: 0;
    border: none;
    background: none;
    border-bottom: 1px dotted #9B9B9C;
    margin-bottom: 25px;
}

.search-page hr {
    margin-bottom: 6px;
}

.search-page .url {
    color: rgb(6, 132, 60);
    text-decoration: underline;
}

/* ------ typographic styles end ------ */


/* buttons */
[class^="btn-"],
[class*=" btn-"] {
    position: relative;
    text-align: center;
    text-decoration: none;
}

[class^="btn-"] input[type="button"],
[class^="btn-"] input[type="submit"],
[class*=" btn-"] input[type="submit"],
[class^="btn-"] input[type="reset"],
[class*=" btn-"] input[type="reset"] {
    background: url("/local/templates/cleverence/img/empty.png") repeat;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    border: 0;
}

.btn-blue {
    background-color: #209DCC;
    border-radius: 3px;
    color: #FFF;
    padding: 5px 11px 4px;
    font-family: dinR;
    text-align: center;
    min-width: 65px;
    cursor: pointer;
}

.btn-blue.license {
    font-size: 35px;
    height: 40px;
    left: 25%;
    line-height: 40px;
    text-align: center;
    width: 550px;
}

.btn-blue:hover,
.btn-blue-large:hover {
    background-color: #3BADDD;
    color: #FFF;
}

.btn-blue-large {
    background-color: #209DCC;
    color: #FFF;
    padding: 14px 22px 13px;
    font-family: dinB;
    text-align: center;
    min-width: 65px;
}

a.btn-blue {
    text-decoration: none;
}

a.btn-red {
    text-decoration: none;
}

.btn-red,
.btn-remove {
    padding: 11px 22px 10px;
    background-color: #FF524A;
    border-radius: 3px;
    color: #FFF;
    font-family: dinM;
    font-size: 22px;
    min-width: 65px;
}

.overlay {
    display: none;
    top: 0;
    left: 0;
    position: fixed !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: center;
}

.overlay:after {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    width: 0;
    vertical-algn: middle;
    content: '';
    vertical-align: middle;
}

.overlay .container {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    position: relative;
    max-width: 80%;
    padding: 10px 30px;
    margin: 0;
    border: 5px solid #cbe6f1;
    background-color: white;
}

.overlay. container h2 {
    padding: 0;
}

.after_add_popup .btn-blue-large {
    border-radius: 3px;
    padding: 5px 11px 4px;
    min-width: 65px;
    font-family: dinM;
    font-size: 22px;
}

.after_add_popup {
    position: absolute;
    margin-left: 600px;
    margin-top: -30px;
    ;
    padding: 30px;
    border: 1px solid #D8D8D8;
    background-color: #fff;
    text-align: center;
    display: none;
    z-index: 1000;
}

.product-info .after_add_popup {
    margin-left: 300px;
    margin-top: 200px;
}

.series-product-list .after_add_popup {
    margin-left: 330px;
}

.after_add_popup .message {
    font-size: 28px;
    margin-bottom: 20px;
}

.after_add_popup div a {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.after_add_popup div a:last-child {
    background-color: #209dcc;
}

.btn-remove {
    background-color: #706969;
}

.btn-red:hover,
.btn-remove:hover {
    background-color: #FF6559;
    color: #FFF;
}

.btn-remove:hover {
    background-color: #807979;
}

.btn-red i {
    margin-right: 9px;
    margin-top: -5px;
}

.btn-red-gradient i {
    margin-right: 25px;
    margin-top: -5px;
}

.btn-red-gradient {
    padding: 11px 22px 10px;
    color: #FFF;
    font-family: dinM;
    font-size: 22px;
    box-shadow: inset #B70A18 0 -2px 0;
    min-width: 65px;
    text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 0;
}

.btn-red-gradient:hover,
.btn-red-gradient:active {
    color: #FFF;
}

.btn-red-gradient:active {
    box-shadow: inset #B70A18 0 2px 0;
}

.btn-grey {
    background-color: #706969;
    color: #FFF;
    font-size: 18px;
    padding: 8px 17px;
}

.btn-grey:hover {
    background-color: #807b7b;
}

/* buttons end */

/* clearfix */
.content:before,
.content:after,
.clearfix:before,
.clearfix:after,
.max-wrap:before,
.max-wrap:after,
.middle-line:before,
.middle-line:after,
.our-products-list:before,
.our-products-list:after,
.product-category-sublist:before,
.product-category-sublist:after,
.widget-title:before,
.widget-title:after,
.author-holder:before,
.author-holder:after,
.category-menu-list:before,
.category-menu-list:after,
.breadcrumbs-list:before,
.breadcrumbs-list:after,
.video-info:before,
.video-info:after,
.page-title:before,
.page-title:after,
.partner-holder:before,
.partner-holder:after,
.tab-controls-list:before,
.tab-controls-list:after,
.teamwork-item-title:before,
.teamwork-item-title:after,
.form-line:before,
.form-line:after,
.tab:before,
.tab:after,
.driver-prices:before,
.driver-prices:after {
    content: "";
    display: table;
}

.content:after,
.clearfix:after,
.max-wrap:after,
.middle-line:after,
.our-products-list:after,
.product-category-sublist:after,
.widget-title:after,
.author-holder:after,
.category-menu-list:after,
.breadcrumbs-list:after,
.video-info:after,
.page-title:after,
.partner-holder:after,
.tab-controls-list:after,
.teamwork-item-title:after,
.form-line:after,
.tab:after,
.driver-prices:after {
    clear: both;
}

.content,
.clearfix,
.max-wrap,
.middle-line,
.our-products-list,
.product-category-sublist,
.widget-title,
.author-holder,
.category-menu-list,
.breadcrumbs-list,
.video-info,
.page-title,
.partner-holder,
.tab-controls-list,
.teamwork-item-title,
.form-line,
.tab,
.driver-prices {
    zoom: 1;
}

/* clearfix end */

/* gradient */
.btn-red-gradient {
    background: rgb(255, 142, 124);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOGU3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjUyNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 142, 124, 1) 0%, rgba(255, 82, 74, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 142, 124, 1)), color-stop(100%, rgba(255, 82, 74, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 142, 124, 1) 0%, rgba(255, 82, 74, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 142, 124, 1) 0%, rgba(255, 82, 74, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 142, 124, 1) 0%, rgba(255, 82, 74, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 142, 124, 1) 0%, rgba(255, 82, 74, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8e7c', endColorstr='#ff524a', GradientType=0);
}

.btn-red-gradient:hover {
    background: rgb(255, 158, 140);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWU4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjYzNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 158, 140, 1) 0%, rgba(255, 99, 87, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 158, 140, 1)), color-stop(100%, rgba(255, 99, 87, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 158, 140, 1) 0%, rgba(255, 99, 87, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 158, 140, 1) 0%, rgba(255, 99, 87, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 158, 140, 1) 0%, rgba(255, 99, 87, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 158, 140, 1) 0%, rgba(255, 99, 87, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9e8c', endColorstr='#ff6357', GradientType=0);

}

.btn-red-gradient:active {
    background: rgb(253, 78, 69);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkNGU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(253, 78, 69, 1) 0%, rgba(255, 138, 121, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253, 78, 69, 1)), color-stop(100%, rgba(255, 138, 121, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 78, 69, 1) 0%, rgba(255, 138, 121, 1) 100%);
    background: -o-linear-gradient(top, rgba(253, 78, 69, 1) 0%, rgba(255, 138, 121, 1) 100%);
    background: -ms-linear-gradient(top, rgba(253, 78, 69, 1) 0%, rgba(255, 138, 121, 1) 100%);
    background: linear-gradient(to bottom, rgba(253, 78, 69, 1) 0%, rgba(255, 138, 121, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd4e45', endColorstr='#ff8a79', GradientType=0);
}

.offer-box .btn-blue-large {
    background: rgb(73, 183, 232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YjdlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgzYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(73, 183, 232, 1) 0%, rgba(0, 131, 177, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 183, 232, 1)), color-stop(100%, rgba(0, 131, 177, 1)));
    background: -webkit-linear-gradient(top, rgba(73, 183, 232, 1) 0%, rgba(0, 131, 177, 1) 100%);
    background: -o-linear-gradient(top, rgba(73, 183, 232, 1) 0%, rgba(0, 131, 177, 1) 100%);
    background: -ms-linear-gradient(top, rgba(73, 183, 232, 1) 0%, rgba(0, 131, 177, 1) 100%);
    background: linear-gradient(to bottom, rgba(73, 183, 232, 1) 0%, rgba(0, 131, 177, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49b7e8', endColorstr='#0083b1', GradientType=0);
}

.offer-box .btn-blue-large:hover {
    background: rgb(87, 202, 237);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3Y2FlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODkyYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(87, 202, 237, 1) 0%, rgba(56, 146, 175, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(87, 202, 237, 1)), color-stop(100%, rgba(56, 146, 175, 1)));
    background: -webkit-linear-gradient(top, rgba(87, 202, 237, 1) 0%, rgba(56, 146, 175, 1) 100%);
    background: -o-linear-gradient(top, rgba(87, 202, 237, 1) 0%, rgba(56, 146, 175, 1) 100%);
    background: -ms-linear-gradient(top, rgba(87, 202, 237, 1) 0%, rgba(56, 146, 175, 1) 100%);
    background: linear-gradient(to bottom, rgba(87, 202, 237, 1) 0%, rgba(56, 146, 175, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57caed', endColorstr='#3892af', GradientType=0);
}

.offer-box .btn-blue-large:active {
    background: rgb(0, 131, 177);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODNiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWI3ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 131, 177, 1) 0%, rgba(73, 183, 232, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 131, 177, 1)), color-stop(100%, rgba(73, 183, 232, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 131, 177, 1) 0%, rgba(73, 183, 232, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 131, 177, 1) 0%, rgba(73, 183, 232, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 131, 177, 1) 0%, rgba(73, 183, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 131, 177, 1) 0%, rgba(73, 183, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0083b1', endColorstr='#49b7e8', GradientType=0);
}

/* gradient end */

/* inline-block */
[class^="btn-"],
[class*=" btn-"],
[class^="icon-"],
[class*=" icon-"],
[class^="arrow-"],
[class*=" arrow-"],
[class^="soc-icon-"],
[class*=" soc-icon-"],
a .text-decor,
.footer-menu-list>li,
.our-products-list li,
.product-category-list>li,
.news-list li,
.video-list li,
.count-text,
.count-num,
.how-toget-list li,
.equipment-for-project-list li,
.partners-list.static li,
.about-teamwork-box,
.difference-box,
.teamwork-item-title span,
.teamwork-item-title h3,
.catalog-eq-list li,
.driver-params li,
.driver-infos-list li em,
.driver-labels span,
.compare-table .driver-labels,
.order-side .title h2,
.accessories-table strong,
.useful-list strong,
.order-status .cart-table figure,
.order-status .cart-table h4,
.prices-box strong,
.driver-infos-list li span,
.equipment-submenu-list li,
.equipment-submenu-list h3,
.equipment-submenu-list .h3,
.equipment-submenu-list figure {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

/* inline-block end */

/* overflow */
.overflow,
.soc-list,
.footer-menu-list,
.footer-menu,
.beadcrumbs-list,
.navigation-list,
.phones-hodler,
.search-form,
.offer-box,
.time-holder,
.article-box .article-infos,
.country-cities,
.article .post,
.project-customer,
.clients-box,
.clients-list,
.project-partner .description,
.catalog-eq-list li,
.catalog-eq-list .description,
.range-inputs,
.about-driver,
.driver-params,
.driver-info,
.driver-info-box,
.tables-box,
.content-tab,
.driver-infos,
.driver-article,
.smart-info,
.block-grid,
.order-list li,
.order-list .description,
.total-counte,
.total-counte .names,
.order-holder .form-info,
.series-info,
.series-product-list li,
.series-product-list .info,
.series-note,
.accessories,
.useful-list .info,
.order-box .title,
.order-box .title h2,
.order-title,
.driver-links .link,
.prices-content,
.cart-controls,
.user-bl {
    overflow: hidden;
    zoom: 1;
}

/* overflow end */

/* reset-ul */
.reset-ul,
.soc-list,
.menu-items-list,
.footer-menu-list,
.breadcrumbs-list,
.navigation-list,
.our-products-list,
.product-category-list,
.product-category-sublist,
.news-list,
.video-list,
.main-slider-list,
.partners-list,
.customers-list,
.reviews-list,
.category-menu-list,
.widget-tags-list,
.archive-list,
.archive-sublist,
.pagination-list,
.article-gallary,
.partner-full-list,
.how-toget-list,
.details-list,
.tab-controls-list,
.country-cities,
.equipment-for-project-list,
.screens-list,
.clients-list,
.catalog-list-links,
.catalog-eq-list,
.driver-params,
.for-pay,
.driver-info-list,
.addition-list,
.driver-infos-list,
.order-list,
.price-list,
.series-product-list,
.useful-list,
.driver-links,
.interest-list,
.equipment-submenu-list {
    margin: 0;
    list-style: none;
    border: 0;
    padding: 0;
    background: none;
}

.menu-items-list li {
    white-space: nowrap;
}

@media (max-width: 700px) {
    .menu-items-list li {
        white-space: normal;
    }
}

/* reset-ul end */

/* widgets */
/* widgets end */

/* icon */
[class^="icon-"],
[class*=" icon-"] {
    background: url(/local/templates/cleverence/img/sp-icon.png) 0 0 no-repeat;
    vertical-align: middle;
}

.icon-web {
    width: 16px;
    height: 16px;
    background: url(/local/templates/cleverence/img/web.png) 0 0 no-repeat;
}

.icon-userpic {
    width: 15px;
    height: 16px;
    background: url(/local/templates/cleverence/img/userpic.png) 0 0 no-repeat;
}

.icon-bag {
    width: 16px;
    height: 14px;
    background: url(/local/templates/cleverence/img/bag.png) 0 0 no-repeat;
}

.icon-lock {
    background-position: 0 -34px;
    width: 12px;
    height: 14px;
}

.icon-logout {
    background-position: -148px -1390px;
    width: 14px;
    height: 21px;
}

.icon-cart {
    background-position: 0 0;
    width: 16px;
    height: 14px;
}

.icon-cart-large {
    background: url(/local/templates/cleverence/img/cart-large.png) 0 0 no-repeat;
    width: 20px;
    height: 18px;
}

.icon-lupa {
    background-position: 0 -68px;
    width: 16px;
    height: 16px;
}

.icon-popup-cross {
    background-position: 0 -429px;
    width: 22px;
    height: 22px;
}

.icon-popup-cross:hover {
    background-position: -140px -1088px;
}

.icon-download {
    background-position: 0 -543px;
    width: 15px;
    height: 16px;
}

.icon-goto {
    background-position: -148px -1744px;
    width: 16px;
    height: 17px;
}

.icon-sq {
    background-position: -140px -1345px;
    width: 21px;
    height: 21px;
}

.icon-download-sh {
    background-position: -148px -1640px;
    width: 16px;
    height: 17px;
}

.icon-play {
    background-position: 0 -104px;
    width: 48px;
    height: 48px;
}

.icon-tags {
    background-position: 0 -172px;
    width: 16px;
    height: 16px;
}

.icon-download-video {
    background-position: 0 -348px;
    width: 32px;
    height: 32px;
}

.icon-comment {
    background-position: -140px -1201px;
    width: 16px;
    height: 16px;
}

.icon-case {
    background-position: -140px -1167px;
    width: 16px;
    height: 14px;
}

.icon-location {
    background-position: -140px -948px;
    width: 12px;
    height: 16px;
}

.icon-time {
    background-position: -140px -984px;
    width: 16px;
    height: 16px;
}

.icon-phone {
    background-position: -140px -1020px;
    width: 16px;
    height: 16px;
}

.icon-mail {
    background-position: -140px -1056px;
    width: 16px;
    height: 12px;
}

.icon-del {
    background-position: 0 -400px;
    width: 10px;
    height: 9px;
}

.icon-del-cart {
    background-position: -140px -1088px;
    width: 22px;
    height: 22px;
}

.icon-q {
    background-position: 0 -1224px;
    width: 32px;
    height: 32px;
}

.icon-question {
    background: url(/local/templates/cleverence/img/question.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-left: 10px;
}

.icon-cross {
    background-position: 0 -304px;
    width: 24px;
    height: 24px;
}

.icon-cross-large {
    background-position: -140px -864px;
    width: 64px;
    height: 64px;
}

.icon-check {
    background-position: 0 -260px;
    width: 24px;
    height: 24px;
}

.icon-check-large {
    background-position: -140px -780px;
    width: 64px;
    height: 64px;
}

.icon-dwld {
    background-position: 0 -1120px;
    width: 32px;
    height: 32px;
}

.icon-doc,
.icon-docx {
    background-position: 0 -1276px;
    width: 32px;
    height: 32px;
}

.icon-xls,
.icon-xlsx {
    background-position: 0 -1692px;
    width: 32px;
    height: 32px;
}

.icon-ppt,
.icon-pptx {
    background-position: 0 -208px;
    width: 32px;
    height: 32px;
}

.icon-pdf {
    background-position: 0 -1796px;
    width: 32px;
    height: 32px;
}

.icon-link {
    background-position: -141px -1789px;
    width: 32px;
    height: 32px;
}

.icon-pdf2 {
    background-position: 0 -631px;
    width: 27px;
    height: 32px;
}

.icon-zip,
.icon-7zip,
.icon-7z,
.icon-rar,
.icon-rar5,
.icon-cab {
    background-position: 0 -1172px;
    width: 32px;
    height: 32px;
}

.icon-jpg,
.icon-jpeg,
.icon-png,
.icon-gif,
.icon-tiff {
    background-position: 0 -1744px;
    width: 32px;
    height: 32px;
}

.icon-eps,
.icon-cdr,
.icon-ai {
    background-position: 0 -1640px;
    width: 32px;
    height: 32px;
}

.icon-avi,
.icon-mp4,
.icon-mpg,
.icon-flv {
    background-position: 0 -348px;
    width: 32px;
    height: 32px;
}

.icon-chm,
.icon-chf {
    background-position: 0 -1224px;
    width: 32px;
    height: 32px;
}

.icon-msi {
    background-position: 0 -579px;
    width: 27px;
    height: 32px;
}

.icon-wifi-small {
    background-position: 0 -471px;
    width: 16px;
    height: 16px;
}

.icon-bt-small {
    background-position: 0 -507px;
    width: 16px;
    height: 16px;
}

.icon-barcode-small {
    background-position: -140px -1309px;
    width: 16px;
    height: 16px;
}

.icon-screen-color {
    background-position: -140px -676px;
    width: 32px;
    height: 32px;
}

.icon-screen-nocolor {
    background-position: -140px -728px;
    width: 32px;
    height: 32px;
}

.icon-screen-color-small {
    background-position: -140px -1237px;
    width: 16px;
    height: 16px;
}

.icon-os-android {
    background-position: 0 -1432px;
    width: 32px;
    height: 32px;
}

.icon-os-windows {
    background-position: -140px -416px;
    width: 32px;
    height: 32px;
}

.icon-wifi {
    background-position: -140px -573px;
    width: 32px;
    height: 32px;
}

.icon-nowifi {
    background-position: 0 -839px;
    width: 32px;
    height: 32px;
}

.icon-checkmark2 {
    background-position: -140px -1903px;
    width: 32px;
    height: 32px;
}

.icon-print {
    background-position: -140px -1950px;
    width: 32px;
    height: 32px;
}

.icon-print2 {
    background-position: -140px -1990px;
    width: 32px;
    height: 32px;
}

.icon-print-all {
    background-position: 0 -2030px;
    width: 32px;
    height: 32px;
}

.icon-bt {
    background-position: 0 -735px;
    width: 32px;
    height: 32px;
}

.icon-nobt {
    background-position: -140px -52px;
    width: 32px;
    height: 32px;
}

.icon-rfid {
    background-position: -140px -624px;
    width: 32px;
    height: 32px;
}

.icon-print-thermal {
    background-position: -140px -468px;
    width: 32px;
    height: 32px;
}

.icon-print-decal {
    background-position: -140px -520px;
    width: 32px;
    height: 32px;
}

.icon-usb {
    background-position: 0 -787px;
    width: 32px;
    height: 32px;
}

.icon-nousb {
    background-position: -140px -364px;
    width: 32px;
    height: 32px;
}

.icon-lan {
    background-position: 0 -1900px;
    width: 32px;
    height: 32px;
}

.icon-mobile-intenet {
    background-position: 0 -1989px;
    width: 32px;
    height: 32px;
}

.icon-nolan {
    background-position: -140px -260px;
    width: 32px;
    height: 32px;
}

.icon-lpt {
    background-position: -140px 0;
    width: 32px;
    height: 32px;
}

.icon-nolpt {
    background-position: -140px -104px;
    width: 32px;
    height: 32px;
}

.icon-comport {
    background-position: 0 -1588px;
    width: 32px;
    height: 32px;
}

.icon-nocomport {
    background-position: -140px -208px;
    width: 32px;
    height: 32px;
}

.icon-scaner-laser {
    background-position: 0 -1952px;
    width: 32px;
    height: 32px;
}

.icon-scaner-ccd {
    background-position: 0 -1484px;
    width: 32px;
    height: 32px;
}

.icon-scaner-imager {
    background-position: 0 -1848px;
    width: 32px;
    height: 32px;
}

.icon-scaner-photo {
    background-position: -140px -1438px;
    width: 32px;
    height: 32px;
}

.icon-barcode {
    background-position: 0 -683px;
    width: 32px;
    height: 32px;
}

.icon-qrcode {
    background-position: 0 -1328px;
    width: 32px;
    height: 32px;
}

.icon-camera {
    background-position: -140px -1484px;
    width: 32px;
    height: 32px;
}

.icon-author {
    background-position: -145px -1589px;
    width: 32px;
    height: 32px;
}

.icon-filter {
    background-position: -145px -1537px;
    width: 32px;
    height: 32px;
}

.icon-question2 {
    background: url(/local/templates/cleverence/img/fn-info-icon.png) 0 0 no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.icon-arrow-up {
    background: url(/local/templates/cleverence/img/arrow-scroll-up.png) 0 0 no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-left: 16px;
}

/* icon end */

/* soc-icon */
[class^="soc-icon-"],
[class*=" soc-icon-"] {
    width: 28px;
    height: 28px;
    background-size: cover;
    background-repeat: no-repeat;
    border-right: 5px;
}

.soc-icon-insta {
    background-image: url(/local/templates/cleverence/img/icons-footer/instagram.png);
}

.soc-icon-vk {
    background-image: url(/local/templates/cleverence/img/icons-footer/vk.png);
}

.soc-icon-fb {
    background-image: url(/local/templates/cleverence/img/icons-footer/facebook.png);
}

/*.soc-icon-tw {*/
/*    background: url(/img/icons-footer/facebook.png);*/
/*}*/

.soc-icon-tg {
    background-image: url(/local/templates/cleverence/img/icons-footer/telegram.png);
}

.soc-icon-gp {
    background-image: url(/local/templates/cleverence/img/icons-footer/google_play.png);
}

.soc-icon-yt {
    background-image: url(/local/templates/cleverence/img/icons-footer/youtube.png);
}

/* soc-icon end */

/* arrow */
[class^="arrow-"],
[class*=" arrow-"] {
    background: url(/local/templates/cleverence/img/sp-arrow.png) 0 0 no-repeat;
    vertical-align: middle;
}

.arrow-more {
    background-position: 0 -154px;
    width: 14px;
    height: 8px;
}

.arrow-bottom-small {
    background-position: 0 0;
    width: 10px;
    height: 6px;
}

.category-menu-list li:hover .arrow-bottom-small {
    background-position: 0 -366px;
}

.arrow-pag-prev {
    background-position: 0 -338px;
    width: 8px;
    height: 8px;
}

.arrow-pag-next {
    background-position: 0 -310px;
    width: 8px;
    height: 8px;
}

/* arrow end */

/* corner */
[class^="corner-"],
[class*=" corner-"] {
    background: url(/local/templates/cleverence/img/sp-corner.png) 0 0 no-repeat;
}

/* corner end */

/* transition */
.transition,
.customers figure img,
.partners figure a img,
.our-products figure a img,
.soc-list a,
.clients-list img,
.category-menu-list .submenu {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.no-transition {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

/* transition end */

/* main-blocks */
.wrapper {
    min-width: 1200px;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: hidden;
}

.header {
    position: relative;
    height: 168px;
    z-index: 5;
}

.header-mini {
    font-size: 100%;
    height: 145px;
}

.header-mini.solution {
    height: 100px;
}

.header.support {
    height: inherit;
}

.header.support .header-wrap {
    display: none;
}

.header-mini .logo img {
    width: 81%;
    padding-top: 6px;
}

.header.support .logo {
    margin-left: 0;
    margin-right: 15px;
    width: 140px;
}

.header.support .logo img {
    width: 100%;
    padding-top: 0;
}

.header-mini .phones-hodler-item {
    font-size: 19px;
    width: 150px;
    margin-top: 3px;
}

.header-mini .middle-line {
    padding-top: 3px;
}

.content {
    padding: 0 0 50px;
    position: relative;
    clear: both;
    z-index: 4;
}

.content-main {
    padding: 0 0 0px;
    position: relative;
    clear: both;
    z-index: 4;
}

.footer {
    margin: 0 auto 0;
    min-width: 1200px;
    min-height: 359px;
    position: relative;
    clear: both;
    color: #a49c9c;
    background-color: #403A3A;
}

@media (max-width: 767px) {
    .footer {
        min-width: auto;
    }

}

.footer .max-wrap {
    padding-top: 42px;
}

.max-wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 30px;
}

.screens .max-wrap {
    padding: 0 50px;
}

.common-holder {
    padding: 30px 0;
}

.common-holder:first-child {
    border-top: none;
}

/* main-blocks end */

/* author-about */
.author-about {
    line-height: 1.25;
}

.author-about em {
    display: block;
    font-size: 16px;
    color: #6a6a6a;
}

.author-about a {
    font-family: dinI;
    font-style: normal;
}

.bx-auth input {
    border: 1px solid gray;
    margin: 3px;
    padding: 12px 6px 12px 6px;
}

.bx-auth table {
    width: 60%;
}

.bx-auth .starrequired {
    color: red;
}

starrequired

/* author-about end */
/* soc-list */
.social-holder {}

.social-holder h4,
.social-holder .h4 {
    color: #a49c9c;
}

.soc-list {
    margin-left: -8px;
}

.soc-list li {
    float: left;
    margin-left: 8px;
    border-radius: 5px;
    overflow: hidden;
}

.soc-list a:hover {
    opacity: 0.7;
}

/* soc-list end */

/* footer-infos */
.footer-infos {
    float: right;
    width: 355px;
    margin-left: 30px;
}

.copiryght {
    padding-bottom: 10px;
}

.address {
    padding-bottom: 14px;
}

/* footer-infos end */

/* breadcrumbs-hodler */
.breadcrumbs-hodler {
    padding-bottom: 30px;
    padding-top: 15px;
}

.grid-breadcrumbs-hodler {
    display: grid;
    grid-template-columns: 260px calc(100% - 260px);
}

.grid-breadcrumbs-hodler-4 {
    display: grid;
    grid-template-columns: 0px 260px calc(100% - 260px) 0px;
}

.grid-breadcrumbs-hodler .breadcrumbs-list li,
.grid-breadcrumbs-hodler-4 .breadcrumbs-list li {
    display: inline-block !important;
}

.breadcrumbs-list li {
    background: url(/local/templates/cleverence/img/bc-devider.png) 0 0 no-repeat;
    display: inline;
    margin-left: 14px;
    padding: 3px 0 7px 28px;
}

.grid-breadcrumbs-hodler-4 .breadcrumbs-list li {
    overflow: hidden;
}

.grid-breadcrumbs-hodler-4 .breadcrumbs-list li:not(:nth-child(3)):not(:nth-child(2)):not(:nth-child(5)):last-of-type {
    width: 25%;
}

.grid-breadcrumbs-hodler .breadcrumbs-list li:not(:nth-child(3)):not(:nth-child(2)):last-of-type,
.grid-breadcrumbs-hodler-4 .breadcrumbs-list li:not(:nth-child(3)):not(:nth-child(2)):last-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
}

.oneel-breadcrumbs-hodler .breadcrumbs-list li {
    display: inline-block;
    overflow: hidden;
}

.oneel-breadcrumbs-hodler li:not(:nth-child(3)):not(:nth-child(2)):last-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
}

.breadcrumbs-list li:first-child {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

.breadcrumbs-list a {
    color: #6a6a6a;
}

.breadcrumbs-list a:hover {
    color: #403a3a;
}

.breadcrumbs-list span {
    color: #6a6a6a;
}

/* breadcrumbs-hodler end */

/* top-line */
.top-line {
    background-color: #403A3A;
}

.header .top-line .navigation-list {
    margin-left: 0;
    float: left;
}

.navigation-holder {
    padding: 3px 0 11px;
    height: 12px;
    float: left;
}

.navigation-list {
    margin-left: -36px;
}

.navigation-list li {
    float: left;
    margin-left: 34px;
    font-size: 16px;
}

.navigation-holder .nav_all_wrap {
    float: left;
    position: relative
}

.navigation-holder .footer-menu {
    background-color: #403a3a;
    margin-top: 25px;
    padding: 20px;
    margin-left: -4px;
    z-index: 1000;
    display: none;
    position: absolute;
    width: 720px;
}

.navigation-holder .nav_all {
    float: left;
    background: url("/local/templates/cleverence/img/sp-icon.png") no-repeat -140px -1848px;
    padding-left: 25px;
}

.navigation-holder .nav_all,
.navigation-list a {
    color: #FFF;
    font-size: 16px;
}

.navigation-holder .nav_all:hover,
.navigation-list a:hover {
    color: #d2d2d2;
}

.private,
.logout,
.cart-link {
    float: right;
    color: #FFF;
    padding: 3px 12px 4px;
}

.private,
.logout {
    padding-right: 0;
    margin-left: 14px;
}

.private i,
.cart-link i {
    margin-top: -2px;
    margin-right: 13px;
}

.private {}

.private:hover {
    color: #d2d2d2;
}

.cart-link {
    height: 23px;
    background-color: #FF524A;
}

.cart-link:hover {
    color: #FFF;
    background-color: #FF6559;
}

/* top-line end */

/* middle-line */
.middle-line {
    padding-top: 22px;
}

.logo {
    float: left;
    margin-left: -9px;
    margin-right: 25px;
}

.phones-hodler {
    float: right;
    margin-left: 9px;
    padding-top: 9px;
}

.phones-hodler-item {
    float: left;
    font-size: 22px;
    font-family: dinR;
    min-width: 172px;
    line-height: 0.9;
    margin-left: 34px;
}

.phones-hodler-item span {
    color: #6a6a6a;
    font-size: 16px;
}

/* search-form */
.search-form {
    position: relative;
    margin-left: 345px;
    margin-top: 11px;
    width: 307px;
    height: 37px;
    overflow: visible;
}

.search-form.page {
    width: 100%;
    margin-left: 0;
}

.search-form>.ya-site-form {
    height: 37px;
}

.search-form table.ya-site-form__wrap {
    position: absolute;
}

.search-form .input-holder {
    padding: 0 45px 0 12px;
}

.search-form .input-holder input {
    width: 100%;
    background: none;
    padding: 0;
    margin: 0;
    background: none;
    padding: 8px 0;
}

.btn-submit-search {
    position: absolute;
    right: 0;
    top: 7px;
    border-left: 1px solid #D1D1D1;
    width: 32px;
    height: 24px;
    padding-top: 1px;
}

.btn-submit-search input {
    padding: 0;
}

.content #search-box-id {
    height: 56px;
    font-size: 14px;
    padding-left: 55px;
    position: relative;
    z-index: 2;
    background: none;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.content #search-box-id input.ya-site-form__input-text {
    margin-top: 11px !important;
    border: none !important;
}

#search-box-id input.ya-site-form__submit {
    display: block;
    height: 42px;
    width: 103px !important;
    line-height: 42px;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -21px !important;
    font-size: 16px;
    padding: 0 5px;
    z-index: 3;
    display: inline-block;
    vertical-align: middle;
    border: none;
    max-width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none !important;
    border-radius: 4px;
    background: #0787B7;
    color: #fff !important;
    text-align: center;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -webkit-box-sizing: border-box;
    font-family: dinL;
    cursor: pointer;
}

#search-box-id input.ya-site-form__submit:hover {
    background: #119DD1;
}

/* search-form end */

/* middle-line end */

/* our-products */
.our-products {
    margin-bottom: 36px;
}

.our-products h2 {
    padding-bottom: 26px;
}

.our-products-list {
    margin-left: -34px;
    padding-bottom: 34px;
}

.our-products-list li {
    margin-left: 34px;
}

.product-category-list .wiki-index-box {
    width: 354px;
    margin-left: 20px;
    line-height: 110%
}

.product-category-list .wiki-index-letter {
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: -20px;
}

.product-category-list .wiki-index-box a {
    margin-bottom: 8px;
}

.product-category-list .wiki-index-box div {
    margin-bottom: 8px;
}


.wiki-top-category-list {
    list-style: none;
    padding: 0px;
}

#wiki-body {
    background-color: #ededed;
}

#wiki-post {
    margin-bottom: 10px;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
}

#wiki-post-content blockquote {
    margin: 0;
    background-color: #EDE8B7;
    border-left: 5px solid rgb(229, 184, 113);
    font-size: 18px;
    line-height: 1.2;
    color: #6B5E4E;
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
    font-style: normal;
    padding-left: 38px;
}

#wiki-post-content blockquote p {
    padding: 0px;
}

#wiki-post-content blockquote a {
    color: rgb(231, 140, 0);
}

#wiki-post-content blockquote:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    top: 100%;
    left: 160px;
    background: none;
}

#wiki-post-content h3 {
    padding-top: 35px;
}

#wiki-post table {
    border-color: rgb(150, 150, 150);
}

span.black-dot::before {
    content: "•";
    font-size: 300%;
    color: rgb(56, 56, 56);
}

span.red-dot::before {
    content: "•";
    font-size: 300%;
    color: rgb(219, 29, 29);
}

span.green-dot::before {
    content: "•";
    font-size: 300%;
    color: rgb(21, 163, 72);
}

span.blue-dot::before {
    content: "•";
    font-size: 300%;
    color: rgb(36, 88, 182);
}

span.yellow-dot::before {
    content: "•";
    font-size: 300%;
    color: rgb(233, 184, 30);
}


.our-products-list .product-box,
.product-category-list .product-category-box {
    width: 320px;
    margin-left: 20px;
    line-height: 110%;
    margin-bottom: 14px
}

.product-category-list .product-category-box a {
    margin-bottom: 8px;
    text-decoration: none;
}

.product-category-list .product-category-box .h4 a:hover {
    text-decoration: underline;
}

.product-category-list .product-category-box div {
    margin-bottom: 8px;
}

.product-category-box h3,
.product-category-box div.h3 {
    padding-bottom: 22px;
    margin: 0;
    color: #000;
}

.our-products-list .product-box {
    margin-bottom: 34px;
    margin-left: 0px;
}

.part-number-box {
    padding-bottom: 25px;
    /* margin-bottom: 30px; */
}

.part-number-box .part-number {
    font-family: dinB;
}

.product-box figure {
    overflow: hidden;
    margin-bottom: 18px;
    max-height: 206px;
    text-align: center;
}

.product-box img {
    vertical-align: top;
    margin: 25px auto 0px
}

.product-box .price {
    color: #6a6a6a;
}

.product-box .price b {
    color: #ff524a;
}

.product-box h3,
.product-box .h3 {
    font-size: 18px;
    padding-bottom: 8px;
}

.product-category-list {
    margin-left: -34px;
}

.product-category-list>li {
    margin-left: 34px;
}

.product-category-sublist h4,
.product-category-sublist div.h4 {
    font-size: 16px;
    padding-bottom: 0;
    margin: 0;
}

.product-category-sublist li {
    padding-bottom: 11px;
    padding-left: 10px;
    float: none;
    min-width: 140px;
    max-width: 220px;
}

.product-category-sublist span {
    color: #6a6a6a;
}

/* our-products end */

/* widget-title */
.widget-title {}

.widget-title h2,
.widget-title .h2,
.widget-title h3,
.widget-title .h3 {
    overflow: hidden;
}

.widget-title h2 span,
.widget-title .h2 span {
    color: #111;
}

.widget-title h2 span:hover,
.widget-title .h2 span:hover {
    color: #111;
}

.all-items {
    float: right;
    margin-left: 20px;
    color: #6a6a6a;
    margin-top: 11px;
}

.all-items a,
.all-items:hover.ho_hover {
    color: #6a6a6a;
}

.all-items:hover,
.all-items a:hover {
    color: #000;
}

/* widget-title end */

/* news-holder */
.news-holder {
    background-color: #F0F1F1;
    padding-top: 35px;
}

.news-holder.share {
    background: none;
    margin-bottom: 0;
    padding-top: 0;
}

.news-list {
    margin-left: -50px;
}

.news-list li {
    margin-left: 50px;
}

.news-list .news-box {
    width: 344px;
}

.news-box h3,
.news-box .h3 {
    font-size: 20px;
    height: 60px
}

.news-box h3,
.news-box time {
    font-size: 18px;
}

.news-box .time {
    color: #6a6a6a;
    display: block;
    padding-bottom: 12px;
}

.teach .news-box h3,
.teach .news-box .h3 {
    font-size: 18px;
}

/* news-holder end */


/* video-holder */
.video-tab-bar {
    font-size: 18px;
    display: block;
    background: url('/local/templates/cleverence/img/bg/bg-ornament-red.jpg') 0 0 repeat;
    margin-left: -800px;
    margin-right: -800px;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 36px;
}

.video-tab-holder {
    background-color: white;
    margin-left: -35px;
    margin-right: -35px;
}

.video-tab-holder .video-holder {
    margin-bottom: 0px;
    margin-left: 35px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.video-holder {
    margin-bottom: 50px;
    padding: 35px 0;
}

.video-list {
    margin-left: -35px;
}

.video-list li {
    margin-left: 35px;
}

.video-box {
    width: 354px;
    text-align: left;
}

.video-tab-bar .video-list .video-box {
    width: 255px;
}

.video-tab-bar .video-list .video-box img {
    width: 255px;
}

.video-box figure {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.video-in-frame {
    border: 6px solid rgb(252, 92, 92);
    width: 250px;
    height: 136px;
}

.video-holder .video-in-frame {
    border: 8px solid rgb(252, 92, 92);
    width: 338px;
    height: 182px;
}

.video-box figure img {
    vertical-align: top;
}

.video-box figure .time {
    position: absolute;
    display: block;
    right: 10px;
    bottom: 9px;
    float: none;
}

.video-box .time {
    background-color: #403A3A;
    font-family: dinB;
    color: #FFF;
    line-height: 1;
    padding: 4px 3px;
    float: right;
    margin-left: 12px;
}

.video-box .date-time {
    float: left;
    padding-top: 2px;
    color: #6a6a6a;
    font-size: 16px;
}

.video-box .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
}

.video-box h3,
.video-box .h3 {
    font-size: 16px;
    line-height: 1.4;
}

.project-holder .post .video-box h3 {
    font-size: 18px;
    line-height: 1.4;
}

.video-box figure a:hover i {
    opacity: 0.7;
}

.video-holder .widget-title h2,
.video-holder .widget-title .h2 {
    padding-bottom: 25px;
}

.siblings-video .video-box h3,
.siblings-video .video-box .h3 {
    font-size: 18px;
}

.time-holder {
    padding-bottom: 5px;
}

.time-holder h3,
.time-holder .h3 {
    margin-top: -3px;
    font-size: 18px;
}

/* video-holder end */

/* partners */
.main-partners {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #D1D1D1;
}

.partners {
    margin-bottom: 35px;
}

.partners-list {}

.partners-list .partner-box {
    width: 338px;
}

.partners-list.static {
    margin-left: -50px;
    margin-top: -20px;
}

.tab.bp .partners-list.static {
    margin-bottom: 30px;
}

.partners-list.static li {
    margin-left: 50px;
    margin-top: 20px;
}

.partners .partner-box .description {
    width: 286px;
}

.partners-list .level {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px
}

.partners-list .addresses-box {
    padding-bottom: 5px;
}

.partners-list.static .partner-box>p {
    padding-bottom: 8px;
}

.partners-list figure {
    text-align: center;
    height: 128px;
}

.partners-list figure img {
    vertical-align: top;
    display: inline;
}

.partners-list figure {
    display: block;
    position: relative;
}

.partners-list figure a,
.partners-list .owl-item figure img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.partners-list figure img {
    margin: auto !important;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
}

.partners .bx-controls-direction a,
.customers .bx-controls-direction a,
.interest-goods .bx-controls-direction a {
    width: 24px;
    height: 44px;
    margin-top: -32px;
    display: block;
    background: url(/local/templates/cleverence/img/sp-arrow.png) 0 0 no-repeat;
}

.partners .bx-controls-direction .bx-prev,
.interest-goods .bx-controls-direction .bx-prev,
.customers .bx-controls-direction .bx-prev {
    background-position: 0 -182px;
    left: -45px;
}

.partners .bx-controls-direction .bx-next,
.interest-goods .bx-controls-direction .bx-next,
.customers .bx-controls-direction .bx-next {
    background-position: 0 -246px;
    right: -45px;
}

.customers .bx-controls-direction .bx-prev {
    left: -85px;
}

.customers .bx-controls-direction .bx-next {
    right: -85px;
}

.partners-list li p {
    line-height: 1.22;
    font-size: 16px;
}

.full-list .bx-controls-direction .bx-prev {
    left: -85px;
}

.full-list .bx-controls-direction .bx-next {
    right: -85px;
}

.interest-goods .bx-controls-direction .bx-prev {
    left: -75px;
}

.interest-goods .bx-controls-direction .bx-next {
    right: -75px;
}

/* partners end */

/* customers */
.customers {
    /*margin-bottom: 350px;*/
}

.customers .widget-title h2 {
    padding-bottom: 31px;
}

.customers .customers-list,
.customers .customers-list li {
    height: 120px;
}

/* customers end */

/* reviews */
.reviews {
    margin-bottom: 38px;
    padding: 37px 0 49px;
    background: url(/local/templates/cleverence/img/bg/bg-ornament.jpg) 0 0 repeat;
}

.reviews.new {
    border: 7px solid #CBE6F1;
    margin-bottom: 40px;
    padding: 35px 30px;
    background: none;
    margin-top: 40px;
}


.author-holder {
    padding-top: 6px;
}

.author-holder figure {
    float: left;
    margin-right: 32px;
}

.author-holder figure img {
    border-radius: 50%;
    width: 100px;
}

.author-holder .author-about {
    padding-top: 33px;
}

.reviews .bx-controls-direction a,
.screens .bx-controls-direction a {
    width: 24px;
    height: 44px;
    margin-top: -22px;
    display: block;
    background: url(/local/templates/cleverence/img/sp-arrow.png) 0 0 no-repeat;
}

.reviews #btn-add-review {
    float: right;
    margin-right: 130px;
}

.reviews.new #btn-add-review {
    float: none;
    margin-right: 90px;
    text-align: right;
}

.reviews #btn-add-review a {
    color: #6a6a6a;
}

.reviews .bx-controls-direction .bx-prev {
    background-position: 0 -182px;
    left: -75px;
    ;
}

.screens .bx-controls-direction .bx-prev {
    background-position: 0 -26px;
    left: -45px;
}

.reviews .bx-controls-direction .bx-next {
    background-position: 0 -246px;
    right: -75px;
}

.screens .bx-controls-direction .bx-next {
    background-position: 0 -90px;
    right: -45px;
}

/* reviews end */

/* main-slider */
.main-slider {
    height: 421px;
    background: url(/local/templates/cleverence/img/bg/bg-ornament.jpg) 0 0 repeat;
    margin-bottom: 36px;
}

.img-page {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.img-page .holder {
    position: relative;
    left: 50%;
    width: 2000px;
    float: left;
}

.img-page .frame {
    position: relative;
    left: -50%;
    width: 2000px;
    text-align: center;
    float: left;
}

.bx-wrapper .bx-viewport {
    background: none;
    box-shadow: none;
    border: none;
}

.main-slider-list img {
    margin: 0 auto;
}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: 0;
    background: none;
    font-weight: normal;
    font-family: dinL;
    color: #FFF;
    border: 3px solid #FFF;
    font-size: 16px;
    border-radius: 0px;
    display: block;
    height: auto;
    width: auto;
    padding: 0 7px;
}

.main-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    border-color: #209DCC;
    background-color: #209DCC;
}

.main-slider .bx-pager {
    bottom: auto;
    left: 50%;
    margin: 0 auto 0 220px;
    max-width: 886px;
    padding-top: 0;
    text-align: right;
    top: 368px;
    width: 300px;
}

.main-slider .bx-controls-direction {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    top: 50%;
    height: 0;
}

.main-slider .bx-controls-direction a {
    background: url(/local/templates/cleverence/img/sp-arrow.png) 0 0 no-repeat;
    width: 24px;
    height: 44px;
}

.main-slider .bx-controls-direction a.bx-prev {
    background-position: 0 -26px;
    left: 30px;
}

.main-slider .bx-controls-direction a.bx-next {
    background-position: 0 -90px;
    right: 30px;
}

.description-holder {
    position: absolute;
    width: 880px;
    left: 50%;
    margin-left: -440px;
    top: 0;
    text-align: left;
}

.main-slider .description {
    width: 400px;
    height: 204px;
    position: absolute;
    padding-left: 47px;
    padding-right: 6px;
    right: -6px;
    top: 74px;
    background: url(/local/templates/cleverence/img/bg/slider-description.png) 0 0 no-repeat;
    color: #FFF;
}

.main-slider .description h2 {
    font-family: dinB;
    color: #FFF;
    padding-bottom: 0;
    padding-top: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-slider .description p {
    font-size: 22px;
    height: 45px;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 11px;
    overflow: hidden;
    padding: 0;
}

.main-slider-box {
    position: relative;
}

.count-holder {
    position: absolute;
}

.count {}

.count-text {
    font-size: 22px;
    text-align: center;
    line-height: 1;
}

.count-num {
    font-family: dinB;
    font-size: 36px;
    margin-left: 10px;
}

.count>div {
    vertical-align: middle;
}

.main-slider .description .btn-red {
    position: absolute;
    right: -16px;
    bottom: -18px;
    font-family: dinL;
    font-size: 18px;
    padding: 10px 16px;
    text-align: center;
}

.main-slider .description .arrow-more {
    margin-left: 3px;
    margin-right: 0;
    margin-top: -2px;
}

/* main-slider end */

/* offer */
.offer {
    background-color: #403A3A;
    margin-bottom: 37px;
    padding: 37px 0 54px;
}

.offer h2 {
    color: #FFF;
}

.offer .author-holder {
    float: left;
}

.offer .author-holder figure {
    margin-right: 10px;
    padding-left: 4px;
}

.offer-box {
    position: relative;
}

.offer-box .author-about {
    padding-bottom: 13px;
    padding-top: 3px;
    color: #9e9e9e;
}

.offer-box .author-about em {
    color: #9e9e9e;
}

.offer-box blockquote {
    background-color: #FF524A;
    font-size: 18px;
    margin-bottom: 0;
    padding: 15px 270px 20px 20px;
}

.offer-box blockquote:after,
.offer-box q:after {
    background-position: 0 0;
    width: 15px;
    height: 20px;
    left: -15px;
    top: 60px;
}

.offer-box .btn-blue-large {
    position: absolute;
    right: 20px;
    top: 56px;
    border: 5px solid #403A3A;
    text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 0;
    font-size: 18px;
    box-shadow: inset #5BC6F7 0px 2px 0px, inset #00476F 0px -2px 0px;
    padding: 12px 14px 13px;
}

/* offer end */

.customers li:hover img,
.partners figure a:hover img,
.our-products figure a:hover img {
    opacity: 0.7;
}

/* category-menu */
.category-menu {
    padding-top: 5px;
}

.category-menu-list {
    position: relative;
    margin: 0 -18px;
}

.category-menu-list li {
    float: left;
}

.category-menu-list>li>a {
    display: block;
    color: #111;
    font-size: 22px;
    /*	padding:11px 16px 3px;*/
    padding: 11px 16px 10px;
}

.category-menu-list>li a i {
    margin-left: 10px;
}

.category-menu-list>li:hover>a {
    color: #FFF;
    background-color: #FF5149;
    text-decoration: none;
}

.category-menu-list .submenu {
    position: absolute;
    left: -15px;
    top: 0;
    background-color: #FFF;
    border: 5px solid #FF5149;
    margin: 42px 0 0;
    right: -15px;
    display: none;
}

.submenu-holder {
    padding: 26px;
}

.submenu-holder .equipment-submenu-list {
    padding: 0px 0px 0px 20px;
}

.submenu-holder .equipment-submenu-list ul {
    padding: 20px 0px 0px 10px;
}

.submenu-holder .equipment-submenu-list li {
    margin: 0px 20px 7px 0px;
}

.category-menu-list li.hovered .submenu {
    display: block;
}

.category-menu-list .product-category-box {
    width: 270px;
}

.category-menu-list .btn-red-gradient {
    float: left;
}

.submenu .product-category-list {
    margin-left: 0;
    overflow: hidden;
    column-count: 3;
}

.submenu .product-category-list>li {
    float: none;
    margin-left: 30px;
}

.submenu .btn-red-gradient {
    font-size: 18px;
    padding-left: 22px;
    padding-right: 22px;
}

.submenu .btn-red-gradient i {
    margin-left: 0;
}

.equipment-submenu-list {
    margin-left: -24px;
}

.equipment-submenu-list h3,
.equipment-submenu-list .h3 {
    font-size: 22px;
    padding-bottom: 0;
    max-width: 180px;
    vertical-align: middle;
}

.equipment-submenu-list .title {
    padding-bottom: 10px;
    height: 80px;
}

.equipment-submenu-list p {
    font-size: 16px;
    line-height: 1.3;
    color: #6a6a6a;
}

.equipment-submenu-list li {
    width: 340px;
    float: none;
    margin-left: 24px;
}

.equipment-submenu-list figure {
    vertical-align: middle;
    margin-right: 13px;
}

/* category-menu end */

/* conteiner */
.conteiner {
    overflow: hidden;
    padding-bottom: 30px;
}

.content-inner {}

.sidebar-right {
    float: right;
    width: 263px;
    padding-bottom: 30px;
    margin-left: 72px;
}

.sidebar-right.grid-240 {
    width: 240px;
    margin-left: 50px;
}

.sidebar-right.grid-310 {
    width: 310px;
    margin-left: -310px;
}

.grid-290.sidebar-left {
    width: 290px;
}

.sidebar-right h2 {
    padding-bottom: 30px;
}

.sidebar-left {
    width: 240px;
    float: left;
    padding-bottom: 35px;
    margin-right: 50px;
}

.grid-250 .content-inner {
    padding-right: 295px;
}

.sidebar-right.grid-250 {
    width: 250px;
    margin-left: -250px;
}

/* conteiner end */

.siblings-video .video-box {
    width: auto;
    padding-bottom: 25px;
}

.siblings-video .video-box h3 {
    padding-bottom: 15px;
}

.siblings-video .video-box figure {
    height: 149px;
}

/* tags */
.tags a {
    color: #6a6a6a;
}

.tags a:hover {
    color: #4c4c4c;
}

.tags i {
    margin-right: 18px;
}

.tags .icon-case {
    margin-top: -4px;
}

.wiki-index-box i.icon-case {
    margin-bottom: 4px;
    margin-right: 7px;
}

.tags {
    padding: 18px 0;
}

.tags.case-box+.tags {
    padding-top: 0px;
}

.tags.case-box {
    padding-bottom: 0;
    padding-top: 0;
}

/* tags end */

/* video-article */
.video-info {
    padding-top: 10px;
}

.video-info .tags {
    padding-top: 3px;
}

.download-video {
    float: right;
    font-size: 18px;
}

.video-frame {
    position: relative;
    margin-bottom: 27px;
    width: 806px;
}

.download-video i {
    margin-right: 16px;
    margin-top: -3px;
}

.video-article {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.video-article .date-time {
    font-size: 22px;
    color: #6a6a6a;
    display: block;
    padding-bottom: 38px;
}

/* video-article end */

/* presentation-videos */
.widget-tags-videos .widget-tags {
    padding-top: 5px;
}

.presentation-videos {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.presentation-videos .video-list {
    margin-left: -25px;
    margin-top: -25px;
}

.presentation-videos .video-list li {
    margin-left: 25px;
    margin-top: 25px;
}

.presentation-videos .video-box {
    width: 263px;
}

.presentation-videos .video-box figure {
    height: 149px;
}

/* presentation-videos end */

/* widget-tags */
.widget-tags {
    padding-bottom: 40px;
    padding-top: 17px;
}

.widget-tags-list {}

.widget-tags-list li {
    color: #9e9e9e;
    font-size: 16px;
    line-height: 1.5;
}

.widget-tags-list a {
    color: #6a6a6a;
    margin-right: 5px;
}

.widget-tags-list a:hover {
    color: #404040;
}

/* widget-tags end */

/* archive-widget */
.archive-widget {
    background-color: #FFF;
    border: 5px solid #EDEDED;
    padding: 20px 25px;
}

.archive-widget h3,
.archive-widget h3 a {
    font-family: dinR;
    font-size: 18px;
}

.archive-widget h3 {
    padding-bottom: 22px;
}

.archive-widget h3,
.archive-widget span {
    color: #6a6a6a;
}

.archive-list {
    margin-top: -22px;
}

.archive-list>li {
    padding-top: 22px;
}

.archive-sublist {
    display: none;
}

.active .archive-sublist {
    display: block;
}

/* archive-widget end */

/* pagination */
.pagination {}

.pagination .title {
    float: left;
    font-size: 22px;
    color: #111111;
    margin-right: 10px;
    padding-top: 5px;
}

.pagination-list {
    margin-left: -5px;
}

.pagination-list li {
    float: left;
    margin-left: 5px;
}

.pagination-list a,
.pagination-list span {
    display: block;
    border: 1px solid #D2D2D2;
    font-size: 22px;
    line-height: 1;
    width: 38px;
    text-align: center;
    padding: 9px 0 7px;
}

.pagination-list .active span {
    background-color: #0083B0;
    color: #FFF;
    border-color: #0083B0;
}

.pagination-list li.next a,
.pagination-list li.prev a {
    /*	padding-top: 18px;
		padding-bottom: 16px; */
}

.pagination-list .arrow-pag-prev,
.pagination-list .arrow-pag-next {
    margin-top: -4px;
}

/* pagination end */

/* articles */
.articles {}

.article-box {
    border: 1px solid #D2D2D2;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 1);
    box-shadow: 3px 3px 5px 0px rgba(210, 210, 210, 1);
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    margin-right: 7px;
    margin-bottom: 30px;
}

.time {
    font-size: 22px;
    color: #6a6a6a;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.article-box .time {
    font-size: 22px;
    color: #6a6a6a;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.article-box .time span {
    padding-left: 40px;
}

.article-box h2 {
    font-family: dinB;
    font-size: 18px;
    padding-bottom: 5px;
}

.article-box .author {
    font-size: 22px;
    color: #6a6a6a;
    display: block;
    margin-bottom: 20px;
}

.article-box .article {
    font-size: 18px;
    margin: 10px 0px;
}

.articles-right .articles {
    background-color: #ededed;
    padding: 15px;
}

.articles-right .articles h2 {
    margin-bottom: 10px;
}

.articles-right .articles ul {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
}

.articles-right .articles ul li {
    margin-bottom: 10px;
}

.article-box figure {
    margin: 20px 0px;
}

.article-box .article p {}

.article-box .article-infos {
    padding-top: 20px;
}

.article-box .comments {
    float: right;
}

.article-box .comments a {
    color: #6a6a6a;
    font-size: 16px;
}

.article-box .comments a:hover {
    color: #4f4f4f;
}

.comments .icon-comment {
    margin-right: 18px;
}

.article-gallary {
    overflow: hidden;
    margin-left: -27px;
    padding-bottom: 0;
    padding-top: 5px;
    padding-top: 20px;
    margin-top: 12px;
}

.article-gallary li {
    float: left;
    margin-left: 27px;
}

.article-gallary img {
    vertical-align: top;
    height: 176px;
    margin-bottom: 20px;
}

.article-box .article h4 {
    font-family: dinB;
    padding-bottom: 16px;
}

.article-box .article .dott-list {
    margin-bottom: -10px;
}

.article-box .article .dott-list li {
    font-size: 18px;
    padding-bottom: 15px;
}

/* articles end */

/* products-wrapper */
.products-wrapper {}

.products-wrapper .product-category-list {
    margin-left: -70px;
}

.products-wrapper .product-category-list>li {
    margin-left: 70px;
    padding-bottom: 35px;
}

.products-wrapper .product-category-list h3 {
    font-size: 30px;
    line-height: 1;
}

.products-wrapper .product-category-list h4 {
    font-size: 18px;
    line-height: 1.5;
}

.products-wrapper .product-category-box {
    width: 355px;
}

/* products-wrapper end */

/* page-title */
.page-title {}

.page-title h1,
.page-title h2 {
    float: left;
}

.page-title h2 {
    line-height: 48px;
    padding-bottom: 25px;
}

.page-title a {
    float: left;
    font-size: 22px;
    margin-left: 47px;
    margin-top: 14px;
}

.page-title .time {
    float: right;
    padding-right: 295px;
    font-size: 22px;
    color: #6a6a6a;
    padding-top: 10px;
}

/* page-title end */

.product-use {
    margin-top: -3px;
    border: 34px solid #F0F1F1;
    width: 200px;
    padding: 20px;
    padding-bottom: 46px;
    margin-left: -73px;
}

.product-use-box {
    width: 170px;
    text-align: center;
}

.product-use-box em {
    color: #6a6a6a;
}

.product-use-box img {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    filter: saturate(40%) brightness(111%);
    -webkit-filter: saturate(40%) brightness(111%);
    -moz-filter: saturate(40%) brightness(111%);
    -o-filter: saturate(40%) brightness(111%);
    -ms-filter: saturate(40%) brightness(111%);
}

/* subscribe-form */
.subscribe-form h2 {
    padding-bottom: 15px;
}

.subscribe-form .input-holder {
    padding: 0 12px;
    margin-bottom: 20px;
}

.subscribe-form .input-holder input {
    padding: 8px 0;
}

.subscribe-form .btn-blue {
    font-size: 18px;
    padding: 9px 15px;
}

/* subscribe-form end */

/* partners-help */
.partners-help {
    margin-left: -60px;
}

.partners-help h2 {
    float: left;
    margin-left: 60px;
    width: 393px;
    line-height: 1;
}

/* partners-help end */

/* partner-full-list */
.partner-full-list {}

.partner-full-list li {}

.partner-box .time {
    font-size: 22px;
    color: #6a6a6a;
    display: block;
    margin-bottom: 10px;
}

.partner-box h3,
.partner-box .h3 {
    font-family: dinB;
    font-size: 16px;
    padding-bottom: 20px;
}

.partner-box p {
    padding-bottom: 0;
    max-height: 160px;
    line-height: 1.25;
    overflow: hidden;
    margin-bottom: 10px;
}

.partner-box .partner-holder {
    overflow: hidden;
    padding-bottom: 20px;
    min-height: 140px;
}

.partner-box .partner-holder figure {
    margin: 0px;
    margin-top: 4px;
}

.partner-box .partner-holder .customer img {
    width: 100px;
}

.partner-box .tags {
    padding-bottom: 12px;
}

.partner-box .partner-holder>div {
    float: left;
}

.partner-box .image {
    width: 165px;
    margin-right: 30px;
}

.partner-box .customer {
    width: 120px;
    margin-right: 24px;
}

.partner-box .equipment {
    width: 165px;
}

.partner-box .equipment .equipment-links div {
    padding-top: 10px;
}

.partner-box .equipment .equipment-links .more {
    padding-top: 10px;
}

.partner-box .equipment .equipment-links div:first-child {
    padding-top: 0;
}

.partner-box .equipment span {
    display: block;
    color: #6a6a6a;
    padding-top: 2px;
}

.partner-box .review {
    width: 177px;
    margin-right: 20px;
}

.partner-box .review blockquote {
    font-size: 16px;
}

.full-list .max-wrap {
    border-bottom: 1px solid #D1D1D1;
    padding-bottom: 40px;
}

.projects-tab-bar {
    font-size: 18px;
    display: block;
    background: url('/local/templates/cleverence/img/bg/bg-ornament.jpg') 0 0 repeat;
    margin-left: -800px;
    margin-right: -800px;
    margin-top: -36px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 36px;
}

.projects-tab-holder {
    background-color: white;
    border: 34px solid #F0F1F1;
    padding: 33px 35px;
    margin-left: -70px;
    margin-right: -70px;
}

.projects-holder .partner-box:first-child {
    border-top: 1px solid #D2D2D2;
}

.projects-holder .partner-box {
    border-bottom: 1px solid #D2D2D2;
    padding: 25px 0 5px;
}

.projects-holder .partner-box .description {
    width: 380px;
    margin-right: 30px;
}

.conteiner .projects-holder .partner-box .description {
    width: 270px;
}

.projects-tab-holder .projects-holder .partner-box {
    font-size: 87%;
}

.projects-tab-holder .projects-holder .partner-box .description {
    width: 270px;
}

.projects-holder {
    padding-bottom: 35px;
    text-align: left;
}

/* partner-full-list end */

/* partner-projects */
.partner-projects h2 .btn-blue {
    font-size: 16px;
    margin-top: 5px;
    margin-left: 18px;
}

.partner-projects .partner-box .review {
    width: 260px;
}

.partner-projects .partner-box .tags {
    margin-top: -40px;
}

.partner-projects .partner-box:first-child {
    border-top: none;
    padding-top: 0;
}

.partner-description,
.partner-department,
.partner-main-info {
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 0px solid #D1D1D1;
}

.partner-description figure {
    float: right;
    margin-left: 44px;
    padding-top: 10px;
}

.partner-description .info p {
    padding: 0 0 20px 0;
    line-height: 1.2;
}

/* partner-department */
.partner-department {
    padding-top: 30px;
    margin-bottom: 0;
}

.partner-department .addresses-box {
    padding: 0;
    font-size: 16px;
    overflow: visible;
    padding-bottom: 1px;
    clear: both;
    display: block;
}

.parnter-contacts .addresses-box {
    padding: 0;
    font-size: 16px;
    overflow: visible;
    padding-bottom: 8px;
}

.partner-department .addresses-box i {}

.partner-department .addresses-box p,
.parnter-contacts .addresses-box p {
    padding-top: 2px;
    font-size: 16px;
}

.partner-department a.level {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 11px
}

.partner-department .clearfix {
    margin-top: 20px;
}

.hide-on-start {
    visibility: hidden;
}

.department-box.new {
    float: left;
    margin-left: 0;
    margin-right: 40px;
    margin-bottom: 40px;
    width: 26%;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    font-size: 14px;
    color: #403A3A;
    line-height: 1.2;
    padding: 19px;
}

.department-box.new .tags-wrap a {
    margin-right: 10px;
    margin-bottom: 10px;
}

.parnter-contacts {
    float: right;
    width: 340px;
    margin-left: 90px;
}

.partner-main-description {
    overflow: hidden;
}

.partner-main-description figure {
    float: left;
    margin-right: 35px;
}

.partner-main-description a.level {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 15px
}

.partner-main-description p {
    line-height: 1.2;
    padding-bottom: 0;
    margin-left: 200px;
}

/* partner-department end */


/* countries-project */
.countries-project {}

.countries-project h2 {
    font-size: 22px;
    padding-bottom: 10px;
}

.countries-project h2 a {
    color: #000;
}

.countries-project h2 a:hover {
    text-decoration: underline;
}

.country-box {
    padding-bottom: 20px;
}

.country-cities {}

.country-cities li {
    float: left;
    width: 160px;
    padding-right: 9px;
    line-height: 1.5;
}

.country-cities a {}

/* countries-project end */

/* how-toget */
.how-toget {
    padding-bottom: 35px;
}

.how-toget-list {
    margin-left: -35px;
}

.how-toget-list li {
    width: 353px;
    margin-left: 35px;
}

.how-toget-list h3 {
    font-family: dinB;
    font-size: 16px;
    padding-bottom: 15px;
}

.how-toget-list p {
    padding-bottom: 0;
}

.how-toget-list figure {
    margin-top: 25px;
}

/* how-toget end */

/* google-map */
.map-holder {
    position: relative;
    margin-bottom: 40px;
}

.map-holder .max-wrap {
    position: relative;
}

.google-map {
    height: 775px;
    margin: 0 -9999px;
    background: url(/local/templates/cleverence/img/new-map.jpg) center 0 no-repeat;
}

.address-wrap {
    position: absolute;
    top: 35px;
    left: 60px;
    z-index: 1000;
    width: 612px;
    background-color: #FFF;
}

.address-holder {
    padding: 30px 35px;
}

.addresses-box {
    overflow: hidden;
    padding-bottom: 6px;
}

.addresses-box i {
    float: left;
    margin-right: 15px;
    vertical-align: middle;
}

.addresses-box .icon-location {
    margin-top: 4px;
}

.addresses-box .icon-time {
    margin-top: 5px;
    margin-right: 13px;
}

.addresses-box .icon-phone {
    margin-top: 3px;
}

.addresses-box .icon-mail {
    margin-top: 7px;
}

.addresses-box .icon-web {
    margin-top: 5px;
}

.addresses-box p {
    padding-bottom: 0;
    overflow: hidden;
    font-size: 18px;
}

.address-holder .details {
    padding-top: 5px;
    overflow: hidden;
}

.address-holder .detail-holder {
    margin-left: -22px;
    zoom: 1;
}

.address-holder .details-box {
    float: left;
    width: 260px;
    margin-left: 22px;
}

.details-box h3 {
    font-family: dinB;
    font-size: 16px;
}

.details-list {
    max-height: 320px;
    overflow-y: auto;
}

.details-list li {
    color: #6a6a6a;
}

.details-list li span {
    color: #111;
}

/* google-map end */

.sidebar-left .btn-red-gradient {
    display: block;
    font-size: 18px;
    padding: 16px 22px 15px;
    margin-bottom: 21px;
}

/* search-result-box */
.search-result {
    padding-top: 0px;
    padding-bottom: 0px;
}

.search-result-box {
    padding: 20px 0 25px;
    border-bottom: 1px solid #D2D2D2;
}

.search-result-box .tags {
    margin-top: 12px;
}

.search-result-box h3 {
    font-size: 18px;
    padding-bottom: 15px;
}

.search-result-box h3 a {}

.search-result-box h3 b {
    font-weight: normal;
    background-color: #FFF596;
    padding: 0 5px;
}

.search-result-box p {
    padding-bottom: 0;
}

.search-result-box p b,
.search-result-box .tags b {
    font-family: dinB;
    font-weight: normal;
    background-color: #FFF596;
    padding: 0 5px;
}

.search-result-form {
    position: relative;
    padding-bottom: 5px;
}

.search-result-form .input-holder {
    padding-right: 96px;
}

.search-result-form .btn-grey {
    position: absolute;
    right: 5px;
    top: 5px;
}

/* search-result-box end */

/* sib-product */
.sib-product {}

.sib-product .product-category-list {
    margin-left: -40px;
}

.sib-product .product-category-list>li {
    margin-left: 40px;
}

.sib-product .product-category-box {
    width: 354px;
}

/* sib-product end */

/* tab-controls-list */
.tab-controls {
    overflow: hidden;
    margin-bottom: 35px;
}

.tab-controls-list {
    display: table;
    width: 100%;
    border-bottom: 4px solid #209DCC;
}

.tab-controls-list li {
    display: table-cell;
    vertical-align: middle;
    margin-left: 5px;
}

.tab-controls-list a {
    display: block;
    background-color: #F0F1F1;
    font-size: 18px;
    color: #6a6a6a;
    width: auto;
    padding: 5px 10px;
    text-align: center;
    line-height: 1.1;
    height: 40px;
    margin-left: 5px;
    letter-spacing: -0.01em;
}

.tab-controls-list li:first-child a {
    padding: 5px 11px;
    margin-left: 0;
}

.tab-controls-list a:hover {
    background-color: #dedede;
}

/*.tab-controls-list a:active,*/
.tab-controls-list .active a {
    background-color: #209dcc;
    color: #FFF;
    font-family: dinM;
}

.tab-controls-list span {
    display: block;
}

.only-tabs.series-tabs .tab-controls-list li a {
    min-width: 140px;
}

.only-tabs.series-tabs .tab-controls-list li+li+li a {
    min-width: 225px;
}

.only-tabs.series-tabs .tab-controls-list li+li+li+li a {
    min-width: 140px;
}

.only-tabs.product-tabs .tab-controls-list li a {
    min-width: 140px;
}

.only-tabs.product-tabs .tab-controls-list li+li a {
    min-width: 225px;
}

.only-tabs.product-tabs .tab-controls-list li+li+li a {
    min-width: 140px;
}

.only-tabs.driver-tabs .tab-controls-list li a {
    min-width: 0px;
}

.only-tabs.driver-tabs .tab-controls-list li+li a {
    min-width: 0px;
}

.only-tabs.driver-tabs .tab-controls-list li+li+li a {
    min-width: 0px;
}

.only-tabs .tab-controls-list li a {
    min-width: 140px;
}

.only-tabs .tab-controls-list li+li a {
    min-width: 225px;
}

.only-tabs .tab-controls-list li+li+li a {
    min-width: 140px;
}


.only-tabs .tab-controls-list {
    display: block;
    width: auto;
    /* margin-left:-5px; */
}

.only-tabs .tab-controls-list li {
    float: left;
    display: block;
    vertical-align: middle;
}

/* tab-controls-list end */

/* tags-links */
.tags-links {
    overflow: hidden;
    margin-left: -5px;
    margin-top: -5px;
    padding-bottom: 20px;
}

.tags-links a {
    float: left;
    background-color: #F0F1F1;
    font-size: 16px;
    color: #6a6a6a;
    padding: 10px 13px;
    margin-left: 5px;
    margin-top: 5px;
}

.tags-links a .icon-del {
    margin-top: -2px;
    margin-left: 13px;
}

.tags-links a:hover {
    background-color: #dedede;
}

/* tags-links end */

/* download-table */
.download-offer-bar {
    color: white;
    font-size: 18px;
    display: block;
    background: url('/local/templates/cleverence/img/bg/bg-ornament-red.jpg') 0 0 repeat;
    margin-left: -800px;
    margin-right: -800px;
    margin-top: -35px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 36px;
}

.download-offer-bar2 {
    background: url('/local/templates/cleverence/img/bg/bg-ornament-green.jpg') 0 0 repeat;
}

.download-offer-bar3 {
    margin-left: inherit;
    margin-right: inherit;
    margin-bottom: inherit;
}

.download-offer-bar h2 {
    color: white;
}

.download-table {
    margin-top: -20px;
}

.download-table td {
    vertical-align: top;
    padding-bottom: 15px;
    padding-top: 20px;
    border-bottom: 1px solid #D2D2D2;
}

.programm-icon {
    width: 32px;
}

.programm-info {
    min-width: 398px;
    padding-right: 5px;
    padding-left: 10px;
}

.programm-version {
    width: 70px;
}

.programm-posted {
    width: 105px;
}

.progrann-size {
    width: 94px;
}

.programm-btn {
    width: 95px;
    text-align: right;
}

.info-box {
    border-left: 1px solid #EEEEEE;
    padding: 0 10px;
}

.download-table h3 {
    font-size: 18px;
    padding-bottom: 0;
}

.download-table p {
    padding-bottom: 0;
}

.download-table .tags {
    padding-top: 10px;
}

.download-table .btn-red,
.offer-box .btn-red,
.btn-red.anchor {
    font-size: 18px;
    font-family: dinR;
    padding: 9px 15px 8px;
    border: 2px solid #FF524A;
    background-color: #fff;
    color: #FF524A;
}

.btn-red.anchor {
    padding: 12px 22px 11px;
}

.offer-box .btn-red i {
    background-position: -148px -1640px;
}

.programms-holder {
    padding: 40px;
    padding-bottom: 0;
    border: 1px solid #ededed;
    border-bottom: 0;
    border-top: 0;
}

.programms-holder.border-top-show {
    border-top: 1px solid #ededed;
}

.programms-holder+.programms-holder {}

.programms-holder:LAST-CHILD {
    margin-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

.programms-holder .download-table tr.lastest td {
    border-bottom: none;
}

/* download-table end */

.project-partner {
    padding-bottom: 30px;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 30px;
}

.partners-page .level-preview {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 50px;
    font-size: 20px;
}

.partners-country .project-partner {
    border-bottom-color: #EEEEEE;
}

.project-partner figure {}

.project-partner a.level {
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px
}

.project-partner .description p {
    padding-bottom: 7px;
}

.project-partner .description .addresses-box {
    padding-bottom: 0px;
}

.project-partner h4 {
    font-size: 16px;
    font-family: dinB;
}

.project-partner p {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 0;
}

.project-partner img {
    margin-right: 40px;
}

/* project-customer */
.project-customer {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #D2D2D2;
}

.project-customer .box {
    overflow: hidden;
}

.project-customer .box:first-child {
    float: left;
    margin-right: 32px;
}

.project-customer .blockquote-holder {
    margin-right: 30px;
}

.all-projects {
    text-align: right;
    margin: 9px 5px -24px 0px;
}

.blockquote-holder .read-more {
    text-align: right;
    font-size: 80%;
}

.blockquote-holder .read-more a {
    color: #209dcc;
    background-color: white;
    padding: 6px 12px 6px 12px;
    border-radius: 2px;
}

.blockquote-holder .read-more a:hover {
    color: #209dcc;
}

/* project-customer end */

/* equipment-for-project */
.content-tab .content-holder {
    height: 330px;
}

.content-tab .content-holder-footer {
    background-image: url('/local/templates/cleverence/img/white-shade-up.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    margin-top: -98px;
    overflow: hidden;
    height: 100px;
    z-index: 2;
    text-align: right;
    position: relative;
}

.content-tab .content-holder-footer .btn-blue {
    margin-top: 62px;
}

.equipment-for-project {
    padding-bottom: 35px;
    margin-bottom: 35px;
    border-bottom: 1px solid #D2D2D2;
}

/*img.preview_picture:hover {
	margin-left:-8px;
	margin-top:-4px;
	width:105%;
	height:105%;
}*/

.solution-offer-bar {
    /*color:white;*/
    font-size: 18px;
    display: block;
    background: url('/local/templates/cleverence/img/bg/bg-ornament-red.jpg') 0 0 repeat;
    margin-left: -800px;
    margin-right: -800px;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 36px;
}

.solution-offer-bar .offer-box h1,
.solution-offer-bar .offer-box h2,
.solution-offer-bar .offer-box h3 {
    /*color:white;*/
}

.solution-offer-bar .offer-box h2 {
    padding-top: 0px;
}

.solution-offer-bar .offer-box {
    /*color:white;*/
    font-size: 24px;
    background-color: white;
    padding: 65px;
    text-align: left;
}

.solution-offer-bar .offer-box .offer {
    padding-right: 428px;
}

.solution-detail {
    text-align: justify;
}

.solution-detail .detail-picture-holder {
    max-height: 500px;
    overflow: hidden;
}

.solution-detail h2 {
    padding-top: 30px;
}

.solution-detail ol,
.solution-detail ul {
    margin-top: 0px;
}

.solution-detail .iframe_wrapper,
.article-detail .iframe_wrapper {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/img/bg/bg-ornament.jpg") repeat scroll 0 0;
    padding: 20px 0;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    margin-left: -1000px;
    margin-right: -1000px;
}

.article-detail p {
    padding: 20px 0 10px;
    margin: 0;
    font-size: 20px;
}

.article-detail ul li {
    padding-bottom: 10px;
}

.article-detail ul {
    margin-top: 0px;
    font-size: 20px;
}

.article-detail ul li,
.article-detail ol li {
    padding-bottom: 10px;
}

.article-detail ul,
.article-detail ol {
    margin-top: 0px;
    font-size: 20px;
}

.content .note,
.solution-detail .note,
.article-detail .note {
    text-align: left;
    font-size: 140%;
    padding: 4px 4px 4px 40px;
    color: #554D66;
    border-left: 10px solid #554D66;
    margin: 30px 90px 40px 0px;
}

.solution-detail .equipment-for-project {
    border: none;
}

.solution-detail .equipment-for-project h2 {
    border-bottom: 1px solid #D2D2D2;
}

.article-detail {
    text-align: justify;
    max-width: 1024px;
}

.article-detail h2 {
    padding-top: 30px;
}

.article-detail ol,
.article-detail ul {
    margin-top: 0px;
}

.article-detail img {
    /*width: auto;*/
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.equipment-for-project-list {
    margin-left: -30px;
    margin-top: -20px;
}

.solution-detail .equipment-for-project-list {
    padding-top: 20px;
}

.equipment-for-project-list li {
    width: 200px;
    margin-left: 30px;
    margin-top: 20px;
    text-align: center;
}

.equipment-for-project-list .li-plus {
    font-size: 40px;
    font-family: dinB;
    color: #ff524a;
    width: 47px;
    padding-top: 34px;
    margin-left: 17px;
    margin-right: -10px;
    text-align: center;
}

.equipment-for-project-list figure {
    margin-bottom: 13px;
    height: 130px;
}

.equipment-for-project-list figure img {
    vertical-align: top;
    max-height: 140px;
}

.equipment-for-project-list h3 {
    font-size: 18px;
    padding-bottom: 8px;
}

.equipment-for-project-list .price {
    font-size: 22px;
    font-family: dinB;
    color: #ff524a;
}

.equipment-for-project-list .set-price {
    font-size: 40px;
    font-family: dinB;
    color: #ff524a;
}

.set-price-btn-red {
    width: 220px;
}

/* equipment-for-project end */

/* more-description */
.more-description {
    padding-bottom: 15px;
}

.more-description .video-box {
    float: right;
    min-width: 260px;
    min-height: 100px;
    margin-left: 55px;
}

.more-description .text {
    overflow: hidden;
}

/*.more-description .text p {font-size:16px;line-height:1.2;}*/

.more-description .text blockquote p,
.more-description .text q p {
    font-size: 22px;
    font-style: italic;
}

/* more-description end */

/* screens */
.screens {
    background-color: #F0F1F1;
    padding: 40px 0;
    margin-top: 45px;
}

.screens .bx-wrapper .bx-viewport {
    padding-right: 5px;
}

.screens-list {}

.screens-list a {
    display: block;
    background-color: #FFF;
    border: 1px solid #D1D1D1;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 3px;
    margin-bottom: 5px;
    padding: 5px;
}

.screens-list img {
    vertical-align: top;
    max-height: 160px;
    max-width: 315px
}

/* screens end */

/* .more-materials */
.more-materials {
    margin-bottom: 35px;
}

.more-materials h2 {
    padding-bottom: 35px;
}

.more-materials .more {
    color: #6a6a6a;
}

.more-materials .more:hover {
    color: #3c3c3c;
}

.more-materials tr:last-child td,
.more-materials tr.last td {
    border-bottom: none;
}

.more-materials .download-table {
    max-width: 780px;
}

/* .more-materials end */

/* project-holder */
.project-holder {}

.project-holder .article>.time {
    font-size: 22px;
    color: #6a6a6a;
    display: block;
    padding-bottom: 10px;
}

.project-holder .post {
    padding-bottom: 25px;
}

.project-holder .post h3 {
    font-size: 26px;
    padding-bottom: 15px;
    padding-top: 24px;
}

/* project-holder end */

/* reviews-block */
.reviews-block {
    float: right;
    margin-left: 60px;
    width: 375px;
}

.reviews-block blockquote {
    font-size: 16px;
}

.reviews-block .blockquote-holder {
    padding-bottom: 35px;
}

.blockquote-holder a.detail {
    color: #fff;
}

.reviews-block .author-about {
    padding-top: 0;
    height: 100px;
}

/* reviews-block end */

/* clients-box */
.clients-box {
    padding-bottom: 50px;
}

.clients-list {
    margin-left: -66px;
    margin-top: -29px;
}

.customers-list img,
.clients-list img {
    filter: saturate(40%) brightness(111%);
    -webkit-filter: saturate(40%) brightness(111%);
    -moz-filter: saturate(40%) brightness(111%);
    -o-filter: saturate(40%) brightness(111%);
    -ms-filter: saturate(40%) brightness(111%);
}

.clients-list li {
    float: left;
    margin-left: 66px;
    margin-top: 29px;
    width: 120px;
    height: 120px;
    text-align: center;
}

.clients-list li:hover img {
    opacity: 0.7;
}

.clients-list li {
    position: relative;
    text-align: center;
}

.see-projects-cont {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    background-color: #FFF;
}

.see-projects {
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 2px 0;
    /*	border:1px solid #6dc8ea;*/
    color: #FFF !important;
    background-color: #1D9DCD;
    border-radius: 3px;
}

/* clients-box end */

/* pmap */
.pmap {
    position: relative;
    height: 528px;
}

.partners-map {
    padding-bottom: 40px;
}

/* pmap end */

.partners-page .countries-project {
    margin-bottom: 65px;
}

.partners-page .country-cities li {
    width: 153px;
}

/* teamwork-holder */
.teamwork-holder {
    padding-bottom: 30px;
}

.teamwork-holder .title-holder {
    height: 500px;
    text-align: center;
    background: url(/local/templates/cleverence/img/bg/teamwork.jpg) center top no-repeat;
    position: relative;
    margin-bottom: 35px;
}

.teamwork-holder h1 {
    padding-top: 40px;
    max-width: 600px;
    margin: 0 auto;
}

.teamwork-holder .title-holder .banner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.teamwork-holder .title-holder img {
    vertical-align: top;
}

.about-teamwork {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.about-teamwork-box {
    width: 49%;
}

.about-teamwork-box .dott-list {
    margin-left: 0;
}

/* teamwork-block */
.teamwork-block {
    padding-bottom: 20px;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 50px;
}

.teamwork-block h2 {}

.teamwork-item {
    padding-bottom: 30px;
}

.teamwork-item .max-wrap {
    max-width: 870px;
}

.teamwork-item-title {
    padding-bottom: 20px;
}

.teamwork-item-title span {
    background-color: #F0F1F1;
    border-radius: 50%;
    width: 60px;
    height: 44px;
    text-align: center;
    color: #ff524a;
    font-size: 30px;
    text-indent: 5px;
    line-height: 1;
    padding-top: 16px;
    margin-right: 20px;
    vertical-align: middle;
}

.teamwork-item-title h3 {
    padding-bottom: 0;
    vertical-align: middle;
    max-width: 750px;
}

.teamwork-item-content img {
    vertical-align: top;
}

.teamwork-item-content .image-center {
    margin-bottom: 0;
}

.teamwork-item-content .content-box {
    background-color: #F0F1F1;
    max-width: 870px;
    margin: 0 auto 35px;
    text-align: center;
}

.teamwork-note {
    margin-bottom: 20px;
}

.teamwork-item-content .teamwork-note {
    margin-bottom: 0;
}

.teamwork-item-content .teamwork-note em {
    color: #6a6a6a;
}

/* teamwork-block end */

/* difference */
.difference {}

.difference-box {
    width: 49%;
}

.difference-holder {
    margin-right: 65px;
}

.difference-box .holder-icon {
    text-align: center;
    padding-bottom: 20px;
}

.difference .dott-list {
    margin-left: 0;
}

.difference .dott-list p {
    padding-bottom: 0;
}

.difference figure {
    /* padding:30px 0; */
    height: 222px;
    text-align: center;
}

.modul-settings {
    background-color: #F0F1F1;
    margin: 0 -9999px;
    padding: 35px 9999px 40px;
}

.modul-settings .teamwork-note {
    color: #111111;
    padding-bottom: 20px;
}

.modul-settings .teamwork-note em {
    color: #6a6a6a;
}

.modul-settings .content-box {
    margin-bottom: 0;
}

/* difference end */
.teamwork-holder .content-inner .btn-blue {
    margin-bottom: 23px;
}

.teamwork-holder .content-inner .article p {
    font-size: 16px;
}

/* teamwork-holder end */

/* catalog-list */
.catalog-list-holder {
    padding-bottom: 25px;
}

.catalog-list-links {}

.catalog-list-links li {
    line-height: 2;
}

.catalog-list-links a {
    font-size: 18px;
    position: relative;
    line-height: 1.85;
}

.catalog-list-links .active a {
    background-color: #F0F1F1;
    display: block;
    padding-left: 7px;
    margin-left: -7px;
    color: #6a6a6a;
    padding-top: 2px;
    padding-right: 15px;
    cursor: default;
}

.catalog-list-links .croner-catalog {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 13px;
    height: 35px;
    background: url(/local/templates/cleverence/img/sp-corner.png) 0 -75px no-repeat;
    display: none;
}

.catalog-list-links .active .croner-catalog {
    display: block;
}

/* catalog-list end */

/* catalog-filter */
.catalog-filter {
    margin-bottom: 40px;
}

.catalog-filter h3 {
    font-size: 18px;
    color: #111;
}

/* catalog-filter end */

/* catalog-eq */
.catalog-eq {
    border-bottom: 1px solid #DDD;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

.catalog-eq-list {
    margin-left: -25px;
    margin-top: -35px;
}

.catalog-eq-list li {
    width: 407px;
    margin-left: 25px;
    margin-top: 35px;
}

.catalog-eq-list h2 {
    line-height: 1;
}

.catalog-eq-list h2 a {
    color: #000;
    border-bottom: 1px solid transparent;
}

.catalog-eq-list h2 a:hover {
    border-bottom-color: #000;
}

.catalog-eq-list figure {
    float: left;
    margin-right: 10px;
    width: 127px;
    text-align: center;
}

.catalog-eq-list figure img {
    max-width: 100%;
}

.catalog-eq-list .description {}

/* catalog-eq end */

select.cselect {
    width: 100%;
}

.select-holder {
    position: relative;
}

/* catalog-filter */
.catalog-filter h3 {
    padding-bottom: 15px;
}

.catalog-filter .input-holder input {
    padding: 7px 0;
    color: #9e9e9e;
}

.range-holder .input-holder {
    float: left;
    width: 55px;
}

.catalog-filter .devider {
    float: left;
    padding: 7px 5px;
}

.range-inputs {}

.price-range .sl-container {
    position: absolute;
    left: 10px;
    right: 10px;
    margin: 0 -3px 0 -10px;
    height: 4px;
    z-index: 5;
}

.price-range {
    height: 8px;
    background: #D1D1D1 !important;
    border: none;
    position: relative;
    margin-top: 20px;
}

.price-range .ui-slider-handle {
    top: -7px;
    border: none;
}

.price-range .ui-slider-range {
    background: #FF524A;
    height: 8px;
    position: absolute;
    top: 0;
    border: none;
}

.ui-slider-range {
    background-color: #FFF;
    border: none;
}

.ui-slider-handle {
    display: block;
    position: absolute;
    width: 7px;
    height: 20px;
    background: #706969 !important;
}

/* catalog-filter end */

/* checkbox-holder */
.checkbox-holder {
    float: left;
    position: relative;
}

.checkbox-holder input {
    position: absolute;
    left: -9999px;
}

.checkbox-holder label {
    box-shadow: inset #CACACA 1px 1px 0px;
    background-color: #EDEDED;
    color: #6a6a6a;
    cursor: pointer;
    text-transform: lowercase;
    line-height: 1;
    padding: 11px 9px;
    display: block;
}

.checkbox-holder label.checked {
    background-color: #706969;
    color: #FFF;

}

.checkbox-holder:first-child label.checked {
    box-shadow: inset #CACACA 1px 1px 0px;
}

.checkbox-holder:last-child label.checked {
    box-shadow: inset #CACACA -1px 1px 0px;
}

/* checkbox-holder end */

.summint-wrap .btn-blue {
    font-size: 18px;
    padding: 9px 11px 8px;
    margin-right: 10px;
}

.summint-wrap .btn-reset {
    color: #0984b1;
    margin-top: 10px;
}

/* seo-text */
.seo-text {}

.seo-text p {
    line-height: 1.2;
}

/* seo-text end */

/* about-driver */
.about-driver .product-stamp {
    left: auto;
    background-image: url("/local/templates/cleverence/img/commisionned_2.png");
}

.about-driver {
    padding-bottom: 40px;
    background-position: right top;
    background-repeat: no-repeat;
}

.about-driver .description>p {
    padding-right: 290px;
    font-size: 18px;
}

.about-driver .addition {
    float: right;
    margin-left: 50px;
    width: 345px;
}

.addition-list li {
    line-height: 1.875;
}

.addition-list li a {
    background-image: url('/local/templates/cleverence/img/blue-arrow.png');
    background-position-x: left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.about-driver figure {
    min-width: 400px;
    width: 100%;
    text-align: center;
}

.about-driver figure img {
    max-width: 400px;
    max-height: 475px;
    width: auto;
    height: auto;
}

@media (min-width: 1024px) {
    .about-driver figure {
        width: auto;
        float: right;
        margin-left: 50px;
    }
}

.about-driver .btn-blue {
    margin-bottom: 15px;
}

.driver-color {
    color: #ff7523;
    font-family: dinB;
}

/* driver-params */
.driver-params {
    margin-top: 10px;
    margin-bottom: 15px;
}

.driver-params li {
    margin-right: 5px;
    vertical-align: middle;
}

/* driver-params end */

.driver-wrap-info {
    overflow: hidden;
    margin-top: 80px;
    padding-bottom: 60px;
}

.fixed-popup .driver-wrap-info {
    overflow: hidden;
    margin-top: 0px;
    padding-bottom: 0px;
}


/* price-holder */
.price-holder {
    float: left;
    margin-right: 35px;
    cursor: pointer;
}

.price-holder strong {
    display: block;
    text-align: right;
    color: #ff524a;
    font-size: 40px;
    padding-bottom: 15px;
}

.fixed-popup .price-holder strong,
.about-driver .price-holder strong {
    color: black;
    font-weight: bold;
}

.for-pay {
    line-height: 200%;
}

.for-pay li {
    color: #6a6a6a;
    font-size: 16px;
}

.for-pay span {
    color: #111;
}

/* price-holder end */

/* driver-info */
.driver-info {}

.driver-info p {
    color: #6a6a6a;
    padding-bottom: 4px;
    margin-top: 3px;
}

.driver-info .payment_imgs {
    position: absolute;
    /*z-index: 9999;*/
    margin-left: -8px;
}

.driver-info .payment_imgs div:not(.clearfix) {
    width: 35px;
    height: 22px;
    float: left;
}

.driver-info .payment_imgs .payment_beznal {
    background-image: url("/local/templates/cleverence/img/beznal-icon.jpg");
}

.driver-info .payment_imgs .payment_master {
    background-image: url("/local/templates/cleverence/img/master-icon.jpg");
    margin-left: 6px;
}

.driver-info .payment_imgs .payment_visa {
    background-image: url("/local/templates/cleverence/img/visa-icon.jpg");
}

.driver-info p span {
    color: #111;
}

.driver-info-box {
    padding-bottom: 0px;
}

.driver-info-box .btn-red {
    float: left;
    margin-right: 15px;
}

/* driver-info end */

/* driver-info-list */
.driver-info-list {
    padding-top: 5px;
}

.driver-info-list li {
    float: left;
    border-left: 1px solid #EEEEEE;
    height: 40px;
    margin-left: 10px;
    padding-left: 10px;
}

.driver-info-list li.print {
    float: right;
    border: 0;
    padding-top: 9px;
    Fpadding-right: 54px;
}

.btn-print,
.driver-info-list li.print a {
    color: #111
}

.btn-print i,
.driver-info-list li.print a i {
    margin-left: 10px;
}

.driver-info-list strong {
    display: block;
}

/* driver-info-list end */

/* about-driver end */

/* driver-information */
/* .driver-information .tab-controls-list a {min-width:145px;width:auto;} */
.all-in {
    padding-bottom: 0px;
    margin-top: -20px;
}

.driver-information .partner-box:first-child {
    border-top: none;
    padding-top: 0;
}

.driver-information .partner-box .tags {
    margin-top: -15px;
}

.driver-information .screens {
    padding: 40px 9999px;
    margin: 0 -9999px 45px;
}

/* driver-information end */

.baner-info {
    float: right;
    width: 213px;
    background-color: #F0F1F1;
    padding: 13px 14px;
    margin-left: 56px;
}

.baner-info h4 {
    padding-bottom: 0;
    font-size: 16px;
}

.baner-info p {
    padding-bottom: 0;
    color: #6a6a6a;
    font-size: 16px;
}

.tables-box {
    padding-bottom: 50px;
}

.tables-box .def-table-holder {
    margin-bottom: 0;
    border-top: none;
}

.tables-box .def-table-holder:first-child {
    border-top: 34px solid #F0F1F1;
}

.driver-information .sb-left {
    float: left;
    width: 240px;
    margin-right: 50px;
}

.tab.about {
    margin-bottom: 32px;
}

.about .content-tab {
    font-size: 18px;
}

.content-tab .equipment-for-project-list {
    margin-left: -18px;
    padding-bottom: 20px;
}

.content-tab .equipment-for-project-list li {
    margin-left: 18px;
    font-size: 90%;
    width: 160px;
}

.content-tab .equipment-for-project p {
    padding-bottom: 0;
}

.content-tab .dott-list li {
    line-height: 1.875;
    background-position: 0 15px;
}

.content-tab .article {
    border-bottom: 1px solid #DDD;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.content-tab .article p {
    line-height: 1.2;
    font-size: 16px;
}

/* driver-infos-list */
.driver-infos-list {
    float: left;
    padding-bottom: 25px;
    margin-right: 59px;
}

.driver-infos-list li {
    color: #6a6a6a;
    line-height: 2.125;
    padding-left: 7px;
    border-bottom: 1px solid #DDD;
}

.driver-infos-list li:first-child {
    border-top: 1px solid #DDD;
}

.driver-infos-list li em {
    width: 175px;
    padding-right: 5px;
    font-style: normal;
    font-family: dinL;
    line-height: 2.125;
}

.driver-infos-list li span {
    color: #111;
    line-height: 2.125;
}

.driver-labels {}

.driver-labels span {
    padding: 7px 10px;
    margin-left: -4px;
    margin-right: 5px;
}

.driver-labels .disabled {
    background-color: #F1F1F1;
    text-decoration: line-through;
    color: #6a6a6a;
}

.color-orange {
    background-color: #FFCC00;
    color: #886400;
}

.color-yellow {
    background-color: #FFE937;
    color: #b48a00;
}

/* driver-infos-list end */

/* driver-article-holder */
.driver-article-holder {
    padding-bottom: 85px;
}

.driver-article {
    padding-bottom: 40px;
    margin-bottom: 35px;
    border-bottom: 1px solid #DDD;
}

.driver-article:first-child {
    padding-top: 35px;
}

.driver-article.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.driver-article .description {}

.driver-article .description p {
    padding-bottom: 5px;
}

.driver-article .driver-labels {
    padding-bottom: 17px;
}

.driver-article .image-left {
    margin-right: 65px;
}

.driver-article .image-right {
    margin-left: 65px;
}

/* driver-article-holder end */

.archive-widget.drivers .catalog-list-links li a {
    font-size: 16px;
}

.smart-info {
    padding-bottom: 40px;
}

.smart-info figure {
    float: right;
    margin-left: 35px;
}

.smart-info figure img {
    vertical-align: top;
    margin-bottom: 25px;
}

.smart-info figure div {
    text-align: right;
    padding-right: 1px;
}

/* box-grid */
.block-grid {
    padding-top: 35px;
    padding-bottom: 45px;
    border-bottom: 35px;
    border-bottom: 1px solid #DDD;
}

.box-grid {
    float: left;
}

.box-grid p {
    padding: 0 65px 0 0;
}

.grid-2 .box-grid {
    width: 50%;
}

.grid-3 .box-grid {
    width: 33%;
}

.grid-4 .box-grid {
    width: 25%;
}

/* box-grid end */

/* popups */
.popup {
    z-index: 100;
    display: none;
}

.fancybox-popup.fancybox-wrap .fancybox-skin {
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    box-shadow: none;
}

.popup-close {
    position: absolute;
    top: -28px;
    right: -28px;
    cursor: pointer;
}

.popup-inner {
    background-color: #FFF;
    border: 36px solid #F0F1F1;
    padding: 20px 35px;
    position: relative;
}

.popup-private .form-line {
    margin-left: -8px;
}

.popup-private .input-holder {
    float: left;
    margin-left: 8px;
}

.popup-private .restore div {
    float: left;
    margin-left: 8px;
    width: 193px;
}

.popup-private .btn-blue-large {
    margin-left: 8px;
    float: left;
}

.popup-private {
    width: 653px;
}

/* popups end */

.bx-auth-line {
    border-bottom: 0;
    padding-bottom: 20px;
}

.bx-auth-title {
    margin-bottom: 12px;
}

.bx-auth-services div {
    width: 31%
}

.bx-ss-selected {
    margin: 1px;
    border: 0;
}

div.bx-auth-services a:hover {
    border: 0;
    margin: 1px;
}

div.bx-auth-services a {
    width: 135px;
    height: 32px;
}

.bx-auth-services div:first-child {
    text-align: left;
}

.bx-auth-services div:last-child {
    text-align: left;
}

.bx-auth-services div {
    width: 33% !important;
    text-align: left;
    margin-right: 0 !important;
}

/*soceal form*/
.soc-auth {
    margin: 47px 0 20px;
}


div.soc-auth {
    max-width: 600px;
    margin-top: 12px;
    margin-bottom: 10px;
}

div.soc-auth-title {
    font-size: 140%;
    border-bottom: solid 2px #E3E3E3;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

div.bx-auth-services a {
    width: 135px;
    height: 32px;
}

div.bx-auth-services a.Facebook {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/facebook.png") no-repeat scroll left top;
}

div.bx-auth-services a.VKontakte {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/vk.png") no-repeat scroll left top;
}

div.bx-auth-services a.Twitter {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/twitter.png") no-repeat scroll left top;
}

div.bx-auth-services a.YandexOAuth {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/yandex.png") no-repeat scroll left top;
}

div.bx-auth-services a.GoogleOAuth {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/google.png") no-repeat scroll left top;
}


.new-style div.soc-auth {
    max-width: 100%;
    margin-top: 0px;
    /*margin-bottom: 0;*/
}

.new-style .soc-auth form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.new-style div.bx-auth-services a[data-social="Facebook"] {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/facebook-grey.png");
}

.new-style div.bx-auth-services a[data-social="VKontakte"] {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/vk-grey.png");
}

.new-style div.bx-auth-services a[data-social="YandexOAuth"] {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/yandex-grey.png");
}

.new-style div.bx-auth-services a[data-social="GoogleOAuth"] {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/google-grey.png");
}

.new-style div.bx-auth-services a.Facebook:hover {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/facebook-color.png");
}

.new-style div.bx-auth-services a.VKontakte:hover {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/vk-color.png");
}

.new-style div.bx-auth-services a.YandexOAuth:hover {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/yandex-color.png");
}

.new-style div.bx-auth-services a.GoogleOAuth:hover {
    background-image: url("/local/templates/cleverence/components/bitrix/socserv.auth.form/.default/img/google-color.png");
}

.new-style div.bx-auth-services a {
    width: 48px;
    height: 48px;
    padding: 0;
    margin-left: 12px !important;
    background-color: #F5F5F5;
    border-radius: 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.new-style .soc-auth .bx-auth-services {
    display: flex;
}

.new-style .soc-auth-title {
    margin-right: 12px;
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: solid 0px #E3E3E3;
    color: #909090;
}





.restore {
    display: flex;
}

.restore a {
    margin-right: 24px;
    font-size: 14px;
    color: #3B88F7;
}

.errortext {
    font-size: 14px;
}

/*soceal form end*/
.header-logo img {
    max-width: 124px;
}

.header-logo {
    padding: 16px 0 16px 15px;
}

/* compare-table */
.compare-table {
    margin-bottom: 25px;
}

.compare-table th {
    background-color: #F0F1F1;
    border-bottom: 1px solid #D2D2D2;
    font-weight: normal;
    padding: 15px 10px;
    text-align: center;
    width: 200px;
    font-size: 16px;
    line-height: 1.25;
}

.compare-table th:first-child {
    font-family: dinB;
    width: 440px;
}

.compare-table th span {
    font-family: dinB;
    color: #FF524A;
}

.compare-table td {
    text-align: center;
    vertical-align: top;
    border-bottom: 1px solid #D2D2D2;
    padding: 12px 17px;
}

.compare-table td:first-child {
    text-align: left;
    vertical-align: middle;
    color: #6a6a6a;
}

.compare-table .driver-labels {
    vertical-align: middle;
    margin-left: 10px;
}

.compare-table .driver-labels span {
    padding: 2px 8px;
}

.compare-table .even td {
    background-color: #F0F1F1;
}

.compare-table td .descrp {
    margin-top: 10px;
    line-height: 1;
}

/* compare-table end */

/* order-side */
.order-side {}

.order-side .title {
    padding-bottom: 20px;
}

.order-side .title h2 {
    padding-bottom: 0;
    vertical-align: middle;
}

.order-side .title a {
    vertical-align: middle;
    margin-left: 15px;
    margin-right: -10px;
}

.order-side h3 {
    color: #111;
    padding-top: 20px;
    padding-bottom: 10px;
}

.order-holder {
    margin-top: -20px;
}

.order-list li:first-child {
    padding-top: 0;
}

.order-list li {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #D2D2D2;
}

.order-list figure {
    width: 45px;
    text-align: center;
    float: left;
    margin-right: 10px;
}

.order-list .description {}

.order-list h4 {
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 1.2;
}

.order-list .price {
    font-family: dinB;
    color: #FF524A;
}

.total-counte {
    padding-top: 20px;
}

.total-counte .numbers {
    float: right;
    color: #ff524a;
    font-family: dinB;
    margin-left: 12px;
}

.total-counte .totalnum {
    font-size: 22px;
    padding-bottom: 2px;
}

.total-counte .nds {
    font-size: 16px;
}

.total-counte .names {
    text-align: right;
    font-family: dinB;
    color: #403a3a;
}

/* order-side end */

/* order-holder */
.content-inner .order-holder {
    margin-top: 0;
    padding-bottom: 40px;
}

.order-block {
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.order-block label {
    color: #6a6a6a;
    font-size: 18px;
    cursor: pointer;
}

.order-block label.jquery-radiobox-label-checked {
    color: #111;
}

.order-block .form-line {
    margin-bottom: 10px;
    position: relative;
}

.order-block h2 {}

.order-block h2 span {
    color: #ff524a;
    margin-right: 10px;
}

.order-holder .form-holder {
    max-width: 370px;
}

.order-holder .star {
    color: #ff524a;
    font-size: 22px;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 7px;
    margin-top: -2px;
}

.special .star {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
}

.special {
    color: #6a6a6a;
    font-family: dinI;
    padding-bottom: 15px;
}

.order-holder .note {
    padding: 8px 0 0px 0;
    margin: 0;
    color: #6a6a6a;
    font-family: dinI;
}

.order-holder .form-info {}

.order-holder .form-info .get-order {
    text-align: right;
}

.order-holder .phone {
    max-width: 280px;
}

.order-holder .phone .input-holder {
    float: left;
    margin-right: 5px;
    width: 26px;
}

.order-holder .phone .input-holder+div {
    width: 57px;
}

.order-holder .phone .input-holder+div+div {
    width: 115px;
}

/* order-holder end */

/* series-info */
.series-info {
    padding-bottom: 50px;
    position: relative;
}

.series-info>img {
    margin-right: 20px;
}

.price-series {
    float: right;
    margin-left: 20px;
    width: 250px;
    /*margin-top: -10px;*/
}

.price-product {
    float: left;
    margin-left: 50px;
    width: 250px;
    margin-top: 40px;
}

.series-product-list .avialabel,
.series-product-list .avialabel-few,
.series-product-list .not-avialabel {
    padding-bottom: 12px;
}

.price-series .btn-red {
    margin-bottom: 15px;
}

.price-product .btn-red {
    padding-left: 60px;
    padding-right: 60px;
}

.price-series .avialabel,
.price-series .avialabel-few,
.price-series .not-avialabel {
    padding-bottom: 10px;
    margin-top: 12px;
}

.price-series .not-avialabel.padding {
    padding-top: 10px;
}

.price-series strong {
    font-size: 40px;
    color: #ff524a;
    display: block;
}

.price-list {}

.price-list li {
    line-height: 1.2;
    color: #6a6a6a;
}

.price-list span {
    color: #111;
}

.product-note {
    float: right;
    width: 300px;
    color: gray;
    padding: 40px;
    border-left: solid 2px #eeeeee;
    height: 100%;
}

.product-note .product-pics img {
    width: 100%;
    margin-top: 20px;
}

.series-note p {
    font-size: 18px;
}

/* series-info end */

/* series-product-list */
.soft {}

.sidebar-left~.soft .bx_sitemap {
    padding-right: 0;
}

.soft .bx_sitemap {
    padding-right: 340px;
}

.soft .bx_sitemap .bx_sitemap_title {
    border: none;
}

.soft h2 {
    border: none;
}

.soft-tab-bar {
    font-size: 18px;
    display: block;
    #background: url('/local/templates/cleverence/img/bg/bg-ornament-blue.jpg') 0 0 repeat;
    margin-left: -800px;
    margin-right: -800px;
    margin-top: -36px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 36px;
}


.prices-tab-bar {
    color: white;
    font-size: 18px;
    display: block;
    background: url('/local/templates/cleverence/img/bg/bg-ornament-red.jpg') 0 0 repeat;

    padding-top: 30px;
    padding-bottom: 30px;

}

.prices-tab-bar h2 {
    color: white;
}

.soft-tab-holder {
    background-color: white;
    /*	border: 34px solid #F0F1F1;
		padding: 33px 35px;*/
    min-height: 170px;
    padding-bottom: 52px;
    padding-top: 30px;
}

.hard-tab-holder {
    background-color: white;
    border: 34px solid #F0F1F1;
    padding: 33px 35px;
    min-height: 170px;
    padding-bottom: 22px;
}

.soft-tab-holder2 {
    background-color: white;
    margin: -30px;
    padding: 30px;
}

.series-product-list {}

.series-product-list li:first-child {
    padding-top: 0;
    border-top: none;
}

.series-product-list li {
    padding-bottom: 33px;
    padding-top: 33px;
    border-top: 1px solid #D2D2D2;
}

.soft .series-product-list li {
    border-top: none;
}

.series-product-list .price-box {
    float: right;
    /*width: 180px;*/
    margin-left: 30px;
}

.series-product-list .price-box strong {
    display: block;
    color: #ff524a;
    font-size: 22px;
    padding-bottom: 10px;
}

.series-product-list .price-box strong:nth-child(even) {
    /* text-align: right; */
    font-size: 95%;
}

.series-product-list .price-box span {
    display: block;
    color: #6a6a6a;
    line-height: 1.1;
    padding-bottom: 10px;
}

.series-product-list .price-box span+strong {
    font-size: 20px;
}

.series-product-list .price-box .btn-red {
    font-family: dinL;
    padding: 5px 16px;
    margin-bottom: 10px;
}

.avialabel {
    color: #30BD00;
}

/*.avialabel {color:#30BD00#859917;}*/
.avialabel-few {
    color: #986a14;
}

.not-avialabel {
    color: #991717;
}

.alittle {
    color: #996917;
}

.series-product-list figure {
    float: left;
    width: 85px;
    margin-right: 20px;
    text-align: center;
}

.series-product-list figure img {
    max-width: 100%;
}

.series-product-list .info {}

.series-product-list h3 {
    font-size: 18px;
    padding-bottom: 10px;
}

.series-product-list .h3 {
    font-size: 28px;
    padding-bottom: 10px;
}

.series-product-list .images {
    padding-bottom: 10px;
}

.prod-scope {}

.prod-scope i {}

.prod-scope .icon-os-windows {
    margin-left: 5px;
    margin-right: -5px;
}

/* series-product-list end */
.banner-catalog {
    margin-bottom: 25px;
}

.catalog-holder .series-product-list li {
    padding-top: 20px;
    padding-bottom: 20px;
}

.catalog-holder .series-product-list {
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 33px;
    padding-left: 20px;
}

.soft .catalog-holder .series-product-list {
    border-bottom: none;
}

.showby {
    float: right;
}

.showby .title {
    float: left;
}

.showby .pagination-list {
    float: left;
}

/* product */
.product-image {
    float: left;
    width: 450px;
    text-align: center;
    margin-left: 0px;
    overflow: hidden;
}

.series-note .scope {
    padding: 20px 0 30px;
}

.series-note .scope i {
    margin-right: 5px;
}

.series-note .scope .icon-os-windows {
    margin-right: -5px;
}

.delivery-box {
    background-color: #F0F1F1;
    padding: 17px 25px 0 25px;
    overflow: hidden;
    margin-bottom: 30px;
}

.delivery-box h3 {
    font-family: dinB;
    color: #ff524a;
    font-size: 16px;
    padding-bottom: 0;
}

.delivery-box figure {
    float: left;
    margin-right: 30px;
    padding-top: 25px;
}

.delivery-box .info {
    overflow: hidden;
}

.more-goods {
    margin-bottom: 30px;
}

.more-goods h2 {
    padding-bottom: 25px;
}

.product-info .scope {
    width: 200px;
    padding-top: 22px;
}

.product-info .scope span {
    display: block;
    float: left;
    margin: 4px;
}

/* product end */

/* accessories */
.accessories {}

.accessories-tab-holder {
    background-color: white;
    padding-bottom: 40px;
}

.accessories-table {
    max-width: 810px;
}

.accessories-table tr {}

.accessories-table .link {
    color: #111;
}

.accessories-table td {
    border-bottom: 1px solid #D2D2D2;
    padding: 5px 10px;
    vertical-align: middle;
}

.accessories-table td:first-child {
    width: 90px;
    color: #6a6a6a;
}

.accessories-table tr:first-child td {
    border-top: 1px solid #D2D2D2;
}

.accessories-table td:last-child {
    border-top: none !important;
    border-bottom: none !important;
    padding-left: 45px;
}

.accessories-table .btn-red,
.accessories-table .btn-remove {
    font-family: dinL;
    font-size: 16px;
    min-width: 48px;
    padding: 3px 10px;
    vertical-align: middle;
}

.accessories-table strong {
    color: #ff524a;
    margin-right: 12px;
    vertical-align: middle;
    padding-top: 2px;
}

.po-color {
    color: #ff7523;
    font-family: dinB;
}

.accessories-box {
    float: left;
    width: 48%;
}

.accessories-box+div {
    margin-left: 20px;
}

.accessories-box b {
    font-weight: normal;
    font-family: dinL;
    display: block;
    padding-top: 7px;
}

/* accessories end */

/* useful-list */
.useful {}

.useful h2 {
    line-height: 1;
    padding-bottom: 20px;
}

.useful-list {}

.useful-list li {
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #D2D2D2;
    overflow: hidden;
}

.useful-list li:first-child {
    padding-top: 0;
    border-top: none;
}

.useful-list figure {
    float: left;
    width: 50px;
    margin-right: 5px;
    text-align: center;
}

.useful-list .info {}

.useful-list h3 {
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 8px;
}

.useful-list .btn-red {
    font-family: dinR;
    font-size: 16px;
    min-width: 0;
    padding: 3px 11px;
    vertical-align: middle;
}

.useful-list strong {
    width: 117px;
    margin-right: 5px;
    color: #ff524a;
    vertical-align: middle;
}

/* useful-list end */

/* confirm-order */
.confirm-order {
    background-color: #FFF;
    border: 34px solid #F0F1F1;
    padding: 33px 35px;
    margin-bottom: 40px;
}

.confirm-order .submit {
    text-align: right;
    padding-top: 20px;
}

.confirm-order .submit .btn-red {
    padding-left: 30px;
    padding-right: 30px;
}

/* confirm-order end */

/* order-box */
.order-box {
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #D2D2D2;
}

.order-box .title {
    padding-bottom: 15px;
}

.order-box .title .btn-blue {
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}

.order-box .title h2 {
    padding-bottom: 0;
}

.order-box .box-info {
    color: #403a3a;
    font-size: 18px;
    line-height: 1.333;
}

.order-box .btn-red-gradient {
    float: right;
    font-size: 18px;
    padding: 15px 34px;
}

/* order-box end */

/* cart-tables */
.your-order {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: -25px;
}

.your-order .order-title {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.order-description {
    padding-top: 25px;
}

.order-description .last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.your-order .order-title h2 {
    padding-bottom: 0;
}

.your-order .order-title p {
    padding-bottom: 0;
    padding-top: 10px;
    font-size: 18px;
}

.cart-tables {}

.cart-table {
    margin-bottom: 25px;
}

.cart-table th {
    color: #6a6a6a;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
}

.cart-table th:first-child {
    text-align: left;
}

.cart-table th h3 {
    font-family: dinL;
    font-size: 18px;
    padding-bottom: 0;
}

.cart-table td {
    text-align: center;
    border-bottom: 1px solid #D2D2D2;
    padding: 15px 0;
    color: #111;
}

.cart-table td:first-child {
    text-align: left;
    width: 490px;
}

.cart-table td h4 {
    padding-bottom: 0;
    font-size: 16px;
}

.cart-table td strong {
    color: #ff524a;
}

.order-status .cart-table figure {
    margin-right: 10px;
    text-align: center;
    width: 45px;
}

.order-status .cart-table h4,
.order-status .cart-table figure {
    vertical-align: middle;
    max-width: 435px;
}

.order-status .order_status_m,
.order-status .order_status_b,
.order-status .order_status_e {
    color: #c45911;
}

.order-status .order_status_o,
.order-status .order_status_p,
.order-status .order_status_d,
.order-status .order_status_s {
    color: #538135;
}

.order-status .order_status_f {
    color: #538135;
}

.order-status .order_status_canceled {
    color: #c00000;
}

/* cart-tables end */

/* driver-prices */
.driver-prices {
    padding: 40px;
    border: 1px solid #ededed;
}

.driver-prices .right-info {
    float: right;
    width: 375px;
    margin-left: 45px;
}

.right-info .info-box {
    border: none;
    padding: 0;
}

.right-info h3 {
    font-family: dinB;
    font-size: 16px;
    padding-bottom: 15px;
}

.right-info .method-pay {
    text-align: center;
    padding-bottom: 10px;
}

.right-info .method-pay img {
    vertical-align: middle;
    margin: 0 10px;
}

.driver-links {}

.driver-links li {
    line-height: 2.125;
    border-bottom: 1px solid #D2D2D2;
}

.driver-links li:first-child {
    border-top: 1px solid #D2D2D2;
}

.driver-links span {
    float: left;
    color: #6a6a6a;
    width: 30px;
    text-align: center;
    margin-right: 10px;
}

.driver-links .link {}

.driver-links a {}

/* driver-prices end */

/* prices-content */
.prices-content {}

.prices-block {
    padding-bottom: 40px;
}

.prices-block-desc {
    padding-bottom: 29px;
    padding-top: 16px;
    padding-right: 410px;
}

.prices-block h2 {}

.prices-block h3 {
    font-family: dinB;
    font-size: 16px;
    padding-bottom: 10px;
}

.prices-box:first-child {
    border-top: 1px solid #D2D2D2;
}

.prices-box:last-child {
    border-bottom: none;
}

.prices-box {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 18px;
    padding-top: 18px;
}

.prices-box .btns {
    float: right;
    width: 160px;
    margin-left: 10px;
    text-align: right;
    padding-top: 5px;
}

.prices-box .btns div {
    padding-top: 10px;
}

.prices-box strong {
    color: #ff524a;
    margin-right: 13px;
    vertical-align: middle;
}

.table_licence .btn-red,
.prices-box .btn-red {
    font-family: dinR;
    font-size: 16px;
    min-width: 0;
    padding: 3px 11px;
    vertical-align: middle;
}

.prices-box p {
    padding-bottom: 0;
    color: #6a6a6a;
    padding-left: 170px;
}

.prices-box p span {
    color: #111;
}

.prices-box h4 {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 170px;
    font-size: 16px;
}

/* prices-content end */

/* cart-controls */
.cart-controls {
    padding-bottom: 18px;
}

.cart-controls .btn-blue {
    float: right;
}

.cart-controls .continue {
    font-size: 18px;
}

/* cart-controls end */

/* allcart */
.allcart {
    padding-bottom: 30px;
}

.allcart .box {}

.allcart .icon-del {
    cursor: pointer;
}

.allcart .cart-table {}

.allcart .cart-table .image {
    text-align: center;
    width: 90px;
    padding-right: 25px;
}

.allcart .cart-table .description {
    text-align: left;
    width: 580px;
}

.allcart .cart-table .counter {}

.allcart .cart-table .price {
    width: 150px;
    text-align: center;
}

.allcart .cart-table .del {}

.allcart .spinner-holder {
    width: 145px;
    margin: 0 auto;
    position: relative;
}

.allcart .cart-table td {
    padding: 20px 0;
}

.allcart .ui-spinner-input {
    background-color: #EDEDED;
    text-align: center;
    width: 60px;
    margin: 0 auto;
    padding: 7px 0;
    font-size: 16px;
    color: #9E9E9E;
}

.allcart .spinner-holder .ui-spinner-up,
.allcart .spinner-holder .ui-spinner-down {
    text-align: center;
    border: 1px solid #D2D2D2;
    font-size: 22px;
    font-family: dinL;
    position: absolute;
    top: 0;
    width: 34px;
    height: 33px;
}

.allcart .spinner-holder .ui-spinner-down {
    left: 0;
}

.allcart .spinner-holder .ui-spinner-up {
    right: 0;
}

.allcart .spinner-holder .ui-spinner-button span {
    line-height: 35px;
}

.continue {
    font-size: 18px;
    float: left;
}

.allcart .total-counte {
    padding-right: 70px;
}

.allcart .total-counte {
    padding-top: 0;
}

.allcart .totalnum {
    font-size: 30px;
}

.allcart .nds {
    font-size: 16px;
}

.allcart .submit {
    text-align: right;
    padding-top: 25px;
}

.allcart .submit .btn-red {
    padding-left: 50px;
    padding-right: 50px;
}

.empty-cart {
    text-align: center;
    padding: 30px 0;
    font-size: 30px;
    font-family: dinL;
    color: #6e6e6e;
}

/* allcart end */

/* interest-goods */
.interest-goods {
    padding-bottom: 50px;
}

.interest-goods h3 {
    padding-bottom: 25px;
}

.interest-list li {
    text-align: center;
}

.interest-list figure {
    display: block;
    padding-bottom: 15px;
}

.interest-list figure img {
    vertical-align: top;
    display: inline;
}

.interest-list h3 {
    font-size: 18px;
    padding-bottom: 10px;
}

.interest-list strong {
    font-size: 22px;
    display: block;
    color: #ff524a;
}

/* interest-goods end */

/* account-holder */
.account-holder {}

.account-holder .clearfix {
    margin-top: -40px;
}

.account-holder .note {
    font-size: 18px;
    padding-bottom: 40px;
}

.account-widget {
    background-color: #FFF;
    border: 5px solid #EDEDED;
    padding: 20px 25px;
    width: 485px;
    margin-top: 40px;
}

.account-widget .title {
    overflow: hidden;
    padding-bottom: 10px;
}

.account-widget .title h2 {
    float: left;
    padding-bottom: 0;
}

.account-widget .title .btn-blue {
    float: right;
}

.account-content .breadcrumbs-list {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 10px;
}

.account-content .breadcrumbs-hodler {
    margin-bottom: 0;
    padding-bottom: 18px;
    border-top: none;
    padding-top: 0;
}

.account-content .breadcrumbs-list em {
    font-style: normal;
    font-family: dinL;
    color: #0083b0;
}

.account-content .breadcrumbs-list b {
    font-weight: normal;
    font-family: dinL;
    color: #ff524a;
}

.orders-links {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 5px;
}

.user-bl p+p {
    padding-top: 10px;
}

.account-content .address-holder {
    padding: 0;
}

.account-content .user-bl {
    position: relative;
    top: -2px;
}

.account-content .addresses-box {
    padding-bottom: 10px;
}

.account-content .addresses-box,
.account-content .addresses-box p {
    font-size: 16px;
}

.account-holder .left-side {
    float: left;
    margin-right: 40px;
}

.account-holder .right-side {
    float: left;
}

/* account-holder end */

/* fixed-popup */
.fixed-popup {
    width: 1140px;
    left: 50%;
    top: 0;
    margin-left: -570px;
    position: fixed;
    background-color: #FFF;
    z-index: 2000;
    overflow: hidden;
    padding-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 5px -4px;
    display: none;

    padding-left: 800px;
    margin-left: -1370px;
    margin-right: -1370px;
    padding-right: 800px;
    overflow: visible;
}

.fixed-popup .page-title {
    font-size: 40px;
    #line-height: 1;
    padding-bottom: 15px;
}

.fixed-popup .tabs-trigger {
    /* display:none; */
}

.content-page {
    position: static;
}

/* fixed-popup end */


/* light tabs */
.light-tabs {
    text-align: left;
    border-bottom: none;
}

.light-tabs li,
.light-tabs li a,
.light-tabs .active a,
.light-tabs li:first-child a {
    margin: 0px;
    padding: 0px;
    min-width: 0px;
    margin-right: 12px;
}

.only-tabs.product-tabs .light-tabs li a,
.only-tabs.product-tabs .light-tabs li+li a,
.only-tabs.product-tabs .light-tabs li+li+li a,
.only-tabs.product-tabs .light-tabs li+li+li+li a {
    min-width: 0px;
}

.only-tabs.series-tabs .light-tabs li a,
.only-tabs.series-tabs .light-tabs li+li a,
.only-tabs.series-tabs .light-tabs li+li+li a,
.only-tabs.series-tabs .light-tabs li+li+li+li a {
    min-width: 0px;
}

.light-tabs li a {
    background: none;
    color: black;
}

.light-tabs .active a {
    background: none;
    color: black;
}

.light-tabs .active a:hover {
    text-decoration: none;
}

.light-tabs .active a span {
    background-color: white;
    color: black;
    border-bottom: solid 3px green;
    padding-bottom: 18px;
}

.light-tabs li:first-child a {
    padding-left: 5px;
}

.light-tabs li a:hover {
    background-color: white;
    color: black;
}


.light-tabs li a span {
    text-align: left;
    padding: 0px;
    margin: 0px;
    min-width: 0px;
}

/* light tabs end */

.choose-soft-block {
    background: rgb(234, 253, 210);
    padding: 9px;
}

.fixed-popup-logo {
    position: fixed;
    left: 24px;
    top: 11px;
    /* z-index: 2000; */
    /* width: 152px; */
}

.fixed-popup-logo a img {
    width: 259px;
}

@media (max-width: 1732px) {
    .fixed-popup-logo {
        display: none;
    }
}

.fixed_licence h2 {
    margin-top: 20px;
}

.fixed_licence .table_licence_wrapper {
    background-color: aliceblue;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    display: block;
    width: 84%;
    overflow: hidden;
    padding: 12px 20px 0px;
}

.table_licence td.td_fn {
    min-width: 400px;
    font-size: 18px;
}

.table_licence {
    width: 60%;
}

.table_licence .category {
    color: #BFBCBC;
    font-family: DinM;
    font-size: 18px;
}

.table_licence .category>td:first-child {
    padding-bottom: 8px;
}

.table_licence th {
    /* cursor: pointer; */
    text-align: center;
    padding: 20px;
}

.table_licence tr:nth-child(2) td {
    /* cursor: pointer; */
}

.table_licence th:nth-child(1) {
    cursor: default;
    text-align: left;
    padding: 0px;
}

.table_licence td {
    text-align: center;
    background-color: aliceblue;
}

.table_licence td:nth-child(1) {
    text-align: left
}

.table_licence td.licence_price {
    border-top: 1px solid #ccc;
    padding: 4px 18px;
    color: rgb(255, 82, 74);
    font-size: 22px;
    font-family: dinB;
}

.table_licence td.licence_more {
    font-size: 12px;
    border-top: 0;
    text-align: center;
}

.table_licence .all_function {
    background: url(/local/templates/cleverence/img/sp-icon.png) no-repeat -136px -1846px;
    padding-left: 30px;
    margin-top: -1px;
    color: #fff;
    background-color: #209DCC
}

.sertifikat {
    position: relative;
    min-width: 960px;
    max-width: 1400px;

    z-index: 2;
    margin: 0 auto;
    background-color: #ffffff;
    margin-bottom: 20px;
}

.sertifikat img:hover {
    opacity: .85;
}

.sertifikat_left {
    float: left;
    width: 33.3%;
    height: 100%;
    background-image: url(/local/templates/cleverence/images/fon.png);
    background-repeat: no-repeat;
    padding-left: 0px;
    text-align: center;

}

.sertifikat_centre {
    margin: 0px auto;
    width: 33.3%;
    text-align: center;
}

.sertifikat_right {
    float: right;
    width: 33.3%;
    height: 100%;
    background-image: url(/local/templates/cleverence/images/fon.png);
    background-repeat: no-repeat;
    background-position: right;
    box-sizing: padding-box;
    padding-right: 0px;
    text-align: center;
}

div#cblocks_selector {
    text-align: right;
    color: rgb(205, 56, 12);
    padding-bottom: 12px;
}

.project-partner-footer {
    text-align: right;
    margin-top: 10px;
}

.table_licence td.licence_price {
    border-top: 1px solid #ccc;
    padding: 4px 18px;
    color: rgb(255, 82, 74);
    font-size: 22px;
    font-family: dinB;
}

.table_licence td.licence_more {
    font-size: 12px;
    border-top: 0;
    text-align: center;
}

.licence-mini-block {
    margin-bottom: 20px;
    margin-top: 30px;
}

.licence-mini-block .row {
    clear: both;
    margin: 0px 0px 40px 0px;
    border-bottom-width: 1px;
    border-color: rgb(220, 220, 230);
    border-image: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0), rgb(220, 220, 230), rgba(0, 0, 0, 0)) 0 0 1 0;
    border-image: -moz-linear-gradient(to left, rgba(0, 0, 0, 0), rgb(220, 220, 230), rgba(0, 0, 0, 0)) 0 0 1 0;
    border-image: -o-linear-gradient(to left, rgba(0, 0, 0, 0), rgb(220, 220, 230), rgba(0, 0, 0, 0)) 0 0 1 0;
    border-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(220, 220, 230), rgba(0, 0, 0, 0)) 0 0 1 0;
    padding-bottom: 26px;
}

.licence-mini-block .row .licence_preview_text h3 {
    font-size: 30px;
    line-height: 30px;
}

.licence-mini-block .row .licence_preview_picture {
    /*width: 420px;*/
}

.licence-mini-block .row .licence_preview_text>a {
    cursor: default;
    width: 20px;
}

.licence-mini-block .row .licence_preview_picture img,
.licence-mini-block .row .licence_preview_picture iframe {
    border-image: url('/local/templates/cleverence/img/yarHjQf.png') 12 45 12 45 stretch stretch;
    border-width: 12px 31px 12px 31px;
    border-style: solid;
    border-color: white;
}

.licence-mini-block .row .licence_preview_text {
    width: 600px;
    padding: 0 40px 0 0;
    font-size: 18px;
}

.licence-mini-block .row:nth-child(even) .licence_preview_picture,
.licence-mini-block .row:nth-child(odd) .licence_preview_text {
    float: left;
}

.licence-mini-block .row:nth-child(odd) .licence_preview_picture,
.licence-mini-block .row:nth-child(even) .licence_preview_text {
    float: right;
}

.licence-mini-block .row:after {
    clear: both;
}

.prices-box .code {
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    text-align: left;
    width: 160px;
    min-height: 90px;
    display: table-cell;
    vertical-align: middle;
}

.our-products-list.solutions-panel .product-box {
    width: 256px;
}

.solutions-panel .product-box figure {
    max-height: 141px;
    max-width: 256px;
    text-align: center;
}

.solutions-panel .product-box figure img {
    #height: 141px;
    #width: 256px;
    margin: 25px auto 0px;
}

.solutions-panel .product-box h3 {
    font-size: 17px;
}

.analog-content {
    border: 5px solid black;
    background-color: white;
    padding: 19px;
    margin: 12px;
    width: 766px;
    float: right;
    margin-top: 34px;
    position: relative;
}

.analog-content-element {
    border: 5px solid black;
    background-color: white;
    padding: 19px;
    margin: 12px;
    width: 734px;
    float: right;
    margin-top: -188px;
    position: relative;
}

.solution-right-item {
    margin-bottom: 40px;
}

.product-stamp {
    width: 409px;
    height: 230px;
    background-image: url("/local/templates/cleverence/img/commisionned.png");
    position: absolute;
    top: 40px;
    left: 80px;
}

.series-info .product-stamp {
    top: 1px;
    left: 1px;
    z-index: 999;
}

.filter-license-form {
    float: right;
    margin-top: 10px;
}

.filter-license-form span {
    color: gray;
}

.filter-license-form label {
    color: #DA7828;
}

.filter-license-form label.integration {
    margin-left: 10px;
}

select#filter_allow_system {
    max-width: 150px;
}

#license-fn-details-popup {
    display: block;
    background-color: white;
    border: 2px solid rgb(202, 215, 228);
    padding: 14px;
    width: 380px;
    position: absolute;
    margin-left: 450px;
    margin-top: 0;
    z-index: 99;
    font-size: 16px;
}

#license-fn-details-popup .detail {
    padding-top: 12px;
    font-weight: bold;
    color: rgb(102, 98, 98);
    font-family: dinL;
}

#license-fn-details-popup .btn-blue {
    margin-top: 15px;
}

#back-button {
    position: fixed;
    top: 170px;
    margin-left: -100px;
    opacity: 0;
}

#back-button .icon-arrow-up {
    margin-left: 8px;
}

.fixed-popup .subtitle-lic {
    margin-bottom: 0;
}

.subtitle-lic {
    text-align: left;
    color: #6a6a6a;
    font-size: 20px;
    margin-bottom: 40px;
    display: block;
}

.license-level {
    background-color: white;
    border: 2px solid #ff524a;
    color: #ff524a;
    font-size: 30px;
    margin-left: -60px;
    margin-top: -220px;
    padding: 3px 20px;
    position: absolute;
    height: 40px;
    overflow: hidden;
}

/* ФОРМА ОБРАТНОЙ СВЯЗИ НА ГЛАВНОЙ */

.automation_wrap {
    border: 7px solid #CBE6F1;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px;
    color: #5F6C85;
    padding-left: 100px;
    padding-right: 130px;
    text-align: center;
}

.automation_wrap h2 {
    text-align: left;
    color: #5f6c85;
}

.automation_wrap div.group_fields {
    width: 100%;
}

.automation_wrap div.group_fields div.field {
    float: left;
    width: 33%;
}

.automation_wrap div.group_fields div.field.first label {
    text-align: left;
}

.automation_wrap div.group_fields div.field label {
    padding-right: 10px;
    text-align: right;
}

.automation_wrap div.group_fields div.field label+div {
    width: 70%;
}

.automation_wrap div.field {
    margin-bottom: 20px;
}

.automation_wrap div.clear {
    clear: both;
}

.automation_wrap div.field label {
    float: left;
    width: 25%;
    /*width:50%;*/
    text-align: left;
    padding-top: 4px;
}

.automation_wrap div.field label+div {
    float: left;
    width: 73%;
    /*width:50%;*/
    text-align: left;
}

#registerForm div.field label {
    width: 50%;
}

#registerForm div.field label+div {
    width: 50%;
}

.automation_wrap div.field input[type=text],
.automation_wrap div.field input[type=number],
.automation_wrap div.field input[type=tel],
.automation_wrap div.field input[type=email],
.automation_wrap div.field input[type=password],
.automation_wrap div.field input[type=url],
.automation_wrap div.field input.ui-autocomplete-input,
.automation_wrap div.field textarea,
.automation_wrap div.field select {
    border: 2px solid #D1DAD9;
    border-radius: 5px;
    height: 26px;
    padding: 0;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.automation_wrap div.field input.ui-autocomplete-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0px;
    background: none;
    width: 91%
}

.automation_wrap .ui-corner-right {
    border: 2px solid #D1DAD9;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0px;
    background: none;
}

.automation_wrap .ui-helper-hidden-accessible {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.automation_wrap .ui-button .ui-button-text {
    display: block;
    height: 26px;
    line-height: normal;
    padding: 0;
}

.automation_wrap .ui-corner-all {
    backgorund: none;
}

.automation_wrap div.field textarea {
    height: 166px;
}

.automation_wrap div.field input[name=amount],
.automation_wrap div.field input[type=number] {
    width: 90px;
}

.automation_wrap .btn-red,
.reviews .btn-red {
    border: 1px solid #ff524a;
    margin-top: 15px;
}

.automation_wrap .overlay .container {
    width: 660px;
    height: 160px;
    padding-top: 120px;
    background: url('/local/templates/cleverence/img/ok.jpg') no-repeat center 20px #fff;
}

.automation_wrap .overlay .container {
    line-height: 40px;
    font-size: 20px;
    color: #000;
}

.automation_wrap .overlay .container b {
    font-size: 25px;
    font-family: dinR;
    letter-spacing: 0.1em;
}

.automation_wrap .overlay .container span {
    font-family: dinR;
    letter-spacing: 0.1em;
}

.automation_wrap .overlay .container button.btn-blue {
    border: 1px solid #209dcc;
    width: 200px;
    height: 50px;
    margin-top: 15px;
}

/* review sender: based on automation_wrap */

.review_sender_wrap {
    border: 0;
    background-color: #fff;
}

.review_sender_wrap .overlay .container {
    height: 200px;
}

/* страница 404 */

.d404 {
    margin-bottom: 100px;
}

.d404 .side {
    float: left;
    padding-top: 80px;
}

.d404 .side.left {
    border-right: 1px solid #d2d2d2;
    width: 44%;
    padding-right: 70px;
}

.d404 h2,
.d404 h3 {
    font-size: 25px;
    color: #d2d2d2;
    font-family: dinB;
}

.d404 h2 {
    font-size: 324px;
    line-height: 0.8;
    padding-bottom: 50px;
}

.d404 .side.right {
    margin-left: 70px;
    width: 40%;
}

.d404 .right p {
    color: #595959;
    font-family: dinB;
    font-size: 18px;
}

.d404 .right p:first-child {
    font-size: 24px;
}

.d404 .menu {
    padding: 20px 0px 0px 40px;
    /*padding-top: ;*/
    list-style-type: circle;
    font-family: dinL;
    font-size: 18px;
}

.d404 .menu a {
    color: #4f92cb;
    text-decoration: underline;
}


/* Прочее */

.icon-addtocart {
    width: 30px;
    height: 14px;
    background-position: -137px -1684px;
}

.btn-red .icon-addtocart {
    margin-left: 0px;
    margin-right: 2px;
}

.catalog-holder .btn-red {
    font-size: 16px;
    min-width: 0;
    padding: 3px 11px;
}

.price-product .btn-red {
    padding-left: 46px;
    padding-right: 60px;
}

.series-product-list .price-box .btn-red {
    font-family: dinL;
    padding: 5px 7px;
    font-size: 12pt;
    margin-bottom: 10px;
}

.btns .btn-red {
    margin-top: 6px;
}

.pre_fancybox {
    background: rgba(0, 0, 0, 0) url("/local/templates/cleverence/img/zoom.png") no-repeat scroll center center;
    bottom: 0;
    display: block;
    height: 82px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 82px;
}


.light-tabs li a.for-print,
a.for-print:hover {
    color: #D2CFCF;
    text-decoration: underline;
}

.for-print i {
    margin-left: 14px;
}

.for-print span {
    font-size: 10px;
    margin-top: 0 !important;

}


.bx-forgotpass-table {
    max-width: 400px;
}

.bx-forgotpass-table tbody tr td:FIRST-CHILD {
    width: 210px;
}

.bx-forgotpass-table input {
    border: 1px solid gray;
    margin: 3px;
    padding: 12px 6px;
}

.popup-preview.popup-offer div#license-fn-details-popup {
    text-align: left;
    margin-left: 150px;
}

.popup-preview div#license-fn-details-popup .function {
    display: none !important;
}

.popup-preview.popup-offer div#license-fn-details-popup .function {
    display: inline-block !important;
}

.popup-preview.popup-offer div#license-fn-details-popup a.btn-blue.top {
    margin-top: 0;
    margin-bottom: 15px;
}

.popup-preview.popup-offer div#license-fn-details-popup a.btn-blue.bottom {
    display: none !important;
}

.tab.services .prices-box .info p {
    padding-right: 170px;
}

.event-holder {
    padding-top: 35px;
}

.event-holder .holder {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

font.errortext {
    color: red;
}

font.notetext {
    font-size: 14px;
}

strong,
b {
    font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
    font-weight: bold;
}

.item-programm {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    border: 1px solid #000000;
    border-top: none;
    border-left: none;
    padding: 0 15px 15px 15px;
    height: 90px;
    text-align: left;
}

.item-programm .pr-logo {
    display: block;
    height: 60px;
    line-height: 1;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.item-programm .pr-logo img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto auto 0;
    max-width: 100%;
    max-height: 80%;
}

.item-programm .pr-title {
    display: block;
}

.item-programm:hover {
    text-decoration: underline;
}

.item-help {
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #cccccc;
    text-align: center;
    text-decoration: none;
    padding: 20px 10px 10px 10px;
    height: 200px;
    -webkit-box-shadow: border-box;
    box-shadow: border-box;
}

.item-help .help-ico {
    display: block;
    margin: 0 auto 20px auto;
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
}

.item-help .help-ico img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.item-help .help-inner-title {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    height: 20px;
    overflow: hidden;
    position: relative;
}

.item-help .help-info {
    display: block;
    height: 36px;
    position: relative;
    overflow: hidden;
}

.item-help:hover {
    text-decoration: none;
}

.item-help:hover .help-info {
    text-decoration: underline;
}

.help-box {
    margin-bottom: 65px;
}

.help-box .programms-wrap {
    margin-bottom: 30px;
}

.help-box .programms-items-wrap {
    overflow: hidden;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
}

.help-box .programm-item-wrap {
    width: 25%;
    float: left;
}

.help-box .items-wrap {
    margin: 0 -15px 30px -15px;
    overflow: hidden;
}

.help-box .item-wrap {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.help-box .menu-wrap {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 20px;
}

.help-box .menu-wrap ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.help-box .menu-wrap li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: none;
}

.help-box .menu-wrap li:before {
    display: none;
}

.help-box .menu-wrap>ul {
    margin: 0 -15px;
    font-size: 0;
    overflow: hidden;
}

.help-box .menu-wrap>ul>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    margin: 0 0 30px 0;
    font-size: 16px;
    text-align: left;
    width: 33.3%;
}

.help-box .help-title {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0;
    text-transform: none;
}

.help-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.search-form-box {
    text-align: center;
    margin: 40px 0 40px 0;
    position: relative;
}

.frm-main-search {
    position: relative;
    line-height: 1;
}

.frm-main-search input[type="text"],
.frm-main-search input[type="search"] {
    display: block;
    height: 40px;
    background: #ededed;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 0 40px 0 12px;
    font-size: 16px;
    color: #000;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.frm-main-search:after {
    content: "";
    display: block;
    width: 2px;
    height: 28px;
    position: absolute;
    top: 6px;
    right: 40px;
    background: #d3d3d3;
}

.frm-main-search .btn,
.frm-main-search button,
.frm-main-search input[type="submit"] {
    background: none;
    border: none;
    border-radius: 0;
    min-width: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 0;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.frm-main-search .btn:before,
.frm-main-search button:before,
.frm-main-search input[type="submit"]:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #362f2f;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.frm-main-search .btn:after,
.frm-main-search button:after,
.frm-main-search input[type="submit"]:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #362f2f;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin: 2px 0 0 4px;
    -webkit-transform-origin: 0 0%;
    -ms-transform-origin: 0 0%;
    transform-origin: 0 0%;
    -webkit-transform: -webkit-rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.item-license:hover .lc-ico img {
    opacity: 1 !important;
}

.prices-box .btns.new-style div {
    padding: 0;
}

.form-popup-swm .custom-combobox .custom-combobox-toggle {
    margin-top: -21px;
    height: 56px;
    border: none;
    background: #fff;
    margin-left: -2px;
}

.overlay-preloader {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(199 199 199 / 46%);
    z-index: 999;
    text-align: center;
}

.overlay-preloader svg {
    top: 50%;
    position: absolute;
    animation: 1s linear 0s normal none infinite running rot;
    -webkit-animation: 1s linear 0s normal none infinite running rot;
}

.news-holder .news-box .h3 {
    height: auto;
}

.item-wrap p a>button {
    width: 200px;
    margin-bottom: 7px;
    text-align: left;
}

.page-product-box .text-wrap a>button {
    width: 32%;
    margin-bottom: 10px;
    text-align: left;
    height: 31px;
    margin-right: 5px;
}

@keyframes rot {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rot {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.license.prices-box {
    clear: both;
}

.pagination .nav-page-all {
    position: unset;
}

@media (max-width: 1023px) {
    .search-box+.tiles-box {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .help-box .programm-item-wrap {
        width: 50%;
    }

    .help-box .item-wrap {
        width: 100%;
    }

    .help-box .menu-wrap>ul>li {
        width: 49.99%;
    }
}

@media (max-width: 479px) {
    .help-box .menu-wrap>ul>li {
        width: 100%;
    }

    .page-product-box .text-wrap a>button {
        width: 100%;
        height: auto;
    }
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
    opacity: 0;
}

.footer a.private {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px !important;
    margin-bottom: 8px !important;
    height: 37px;
    line-height: 37px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.footer .btn-blue.button-cart {
    display: inline-block;
    vertical-align: top;
    height: 37px;
    line-height: 37px;
    padding: 0 8px 0 8px;
    position: relative;
    font-size: 16px;
    margin-bottom: 8px;
    margin-left: 0px;
}

.footer .btn-blue.button-cart .icon-cart {
    margin-top: -2px;
    margin-right: 13px;
}

.conteiner.sbr.video-page-wrapper {
    width: 100%;
    margin-right: -345px;
    float: left;
}

.partners .partners-list .owl-dots {
    display: none !important;
}

.partner-box .addresses-box {
    position: relative;
    padding-left: 27px;
}

.partner-box .addresses-box i {
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.partner-box .addresses-box .level {
    margin-bottom: 5px;
    margin-right: 0px;
}

.errortext-login {
    color: red;
    margin-bottom: 10px;
}

.department.clearfix div:nth-child(3n) {
    margin-right: 0;
}

.hidearticle {
    display: none;
}

.hidearticle-show {
    display: block;
}

.projects-holder .partner-box .image {
    width: auto;
}

.tbl-main.lk05 a.code {
    word-break: break-word;
}

.content {
    padding: 0px;
}

h2.about {
    padding-top: 36px;
}

.automation_wrap.conference2018 div.group_fields div.field {
    width: 50%;
}

.details-list {
    max-height: 350px;
}

.offer {
    padding-bottom: 37px;
}

.offer figure img {
    border: 6px solid #e1e1e1;
    width: 273px;
}

.skilkovo_img {
    /*float: right;*/
    padding-bottom: 28px;
    /*width: 355px;*/
}

#sp-form-153876 {
    margin: 0;
    width: 100%;
    margin-bottom: 15px;
}

.page-learning .pagination {
    overflow: hidden;
}

.page-learning .pagination .nav-page-all.btn-blue {
    float: left;
    display: none;
    margin: 0 0 10px 0;
}

.page-learning .pagination .title {
    float: left;
    clear: left;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.page-learning .pagination .pagination-list {
    overflow: hidden;
    float: left;
}


/** form master begin */
.soft-style {
    display: inline;
    font-size: 21px !important;
    padding: 10px 20px !important;
}

.wrap.popup-mf {
    display: none;
}

/*form master*/
section.help_box,
section.help_box.wrap.popup-mf {
    position: relative;
    max-width: 600px;
    padding: 15px 30px 15px 40px !important;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.help_box.default-background {
    height: auto !important;
    padding: 75px 30px 30px 60px !important;
    margin: 0 !important;
    position: relative !important;
    background: #e6eced url(/local/templates/cleverence/../img/main/help.jpg) right bottom no-repeat !important;
    box-sizing: border-box !important;
}

.btn.open-popup {
    background: #209dcc !important;
}

.help_box::before {
    left: auto;
    right: 100%;
}

.help_box h1,
.help_box h2,
.help_box h3,
.help_box .title {
    font-size: 29px;
    line-height: 33px;
    margin-bottom: 30px;
    font-weight: normal;
    text-align: left;
    font-family: 'dinproregular';
}

.help_box .row {
    overflow: hidden;
    margin-bottom: 40px;
}

.help_box input[type="text"],
.help_box input[type="tel"],
.help_box input[type="email"],
.help_box input[type="password"] {
    float: left;
    width: 245px;
    margin-right: 20px;
}

.help_box h1,
.help_box h2,
.help_box h3,
.help_box .title {
    font-size: 29px;
    line-height: 33px;
    font-weight: normal;
    text-align: left;
    font-family: 'dinproregular';
}

.help_box input[type="submit"] {
    background: #209dcc !important;
}

.help_box h3 {
    padding-bottom: 0;
}

.help_box h3,
.article-detail .help_box h3 {
    font-family: dinL, Arial, Tahoma, Verdana, sans-serif;
}

.help_box input[type="text"],
.help_box input[type="tel"],
.help_box input[type="email"],
.help_box input[type="password"] {
    width: 200px;
}

section.help_box header {
    max-width: 100%;
    position: relative !important;
}

@media (max-width: 1023px) {
    .help_box {
        padding: 15px 30px !important;
    }
}

@media (max-width: 1200px) {
    .help_box header h3 span:first-child {
        font-size: 20px !important;
    }

    .help_box header {
        min-height: 1px !important;
    }

    .help_box header h3 span:last-child {
        font-size: 12px !important;
    }

    .help_box input[type="text"],
    .help_box input[type="tel"],
    .help_box input[type="email"],
    .help_box input[type="password"] {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5px;
    }

    .help_box h1,
    .help_box h2,
    .help_box h3,
    .help_box .title {
        text-align: right;
    }

    .help_box header {
        min-height: 215px;
    }

    .help_box {
        height: auto;
    }
}

@media (max-width: 1200px) {
    section.help_box header h3 span:first-child {
        font-size: 40px !important;
    }
}

@media (max-width: 669px) {

    .help_box,
    section.help_box.wrap.popup-mf {
        background-image: none !important;
        background-color: #E5EDEF;
    }

    section.help_box header h3 span:first-child {
        font-size: 20px !important;
    }
}

/*form master end*/



.wrap input[type="email"],
.wrap input[type="text"],
.wrap input[type="tel"],
.wrap input[type="password"] {
    height: 52px;
    padding: 0 17px;
    background: white;
    border-radius: 3px;
    font-size: 20px;
}

.wrap .btn,
.full_screen_box .btn,
.ui-dialog .btn,
.wrap input[type="submit"],
.full_screen_box input[type="submit"],
.ui-dialog input[type="submit"],
.wrap button,
.full_screen_box button,
.ui-dialog button {
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    background: #e24949;
    padding: 0 50px;
    border: none;
    text-decoration: none;
    font-size: 24px;
    color: white;
}



.wrap .g-recaptcha {
    display: inline-block;
}

.wrap .g-recaptcha iframe {
    margin-top: 10px;
}

@media (max-width: 1200px) {

    .btn,
    input[type="submit"],
    button {
        width: 100%;
        padding: 0;
    }

    .wrap input[type="submit"] {
        padding: 0;
    }
}



[data-formmaster] [data-overlay] {
    position: absolute;
}

[data-formmaster] [data-overlay] [data-overlay-close] {
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    opacity: 1;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
    color: #222222;
    font-weight: bold;
}

.btn.open-popup {
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    background: #e24949;
    padding: 0 50px;
    border: none;
    text-decoration: none;
    font-size: 24px;
    color: white;
    width: 100%;
    max-width: 230px;
    cursor: pointer;

}

.help_box.wrap.popup-mf {
    max-width: 700px;
}

.help_box.wrap.popup-mf .row input {
    height: 52px;
    padding: 0 17px;
    border: 2px solid white;
    background: white;
    border-radius: 3px;
    font-size: 20px;
    margin-bottom: 20px;
    font-family: dinL, Arial, Tahoma, Verdana, sans-serif;
}

.help_box.wrap.popup-mf h3 {
    font-weight: bold;
    font-size: 40px;
    font-family: dinL, Arial, Tahoma, Verdana, sans-serif;
}

.help_box.wrap.popup-mf .row label {
    font-family: dinL, Arial, Tahoma, Verdana, sans-serif;
}

.help_box.wrap.popup-mf .row {
    overflow: hidden;
    margin-bottom: 20px;
}

.help_box.wrap.popup-mf .row input[type=checkbox] {
    height: auto;
    padding: 0;
    margin-bottom: 5px;
    border: none;
}

.help_box.wrap.popup-mf .btns {
    margin-top: 35px;
}

.help_box.wrap.popup-mf .btns input {
    font-family: dinL, Arial, Tahoma, Verdana, sans-serif;
}

.popup-dialog-mf {
    padding: 0 !important;
}

.popup-dialog-mf .ui-dialog-titlebar {
    padding: 0 !important;
}

.popup-dialog-mf .ui-dialog-titlebar-close {
    margin: 10px 0 0 0 !important;
    z-index: 99;
}

.popup-dialog-mf .ui-dialog-title {
    position: absolute;
}

.help_box.wrap div.row input {
    border: none;
}

/** form master end */

.tab.bp .filter {
    margin-bottom: 20px;
}

.search-form .ya-site-form {
    box-shadow: inset #e4e4e4 2px 2px 0;
    padding: 0 11px;
    cursor: text;
    background: #EDEDED;
}

.search-form #ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    background-color: #EDEDED !important;
    border: none;
    font-family: dinL, Arial, Tahoma, Verdana, sans-serif;
}

.search-form #ya-site-form0 .ya-site-form__submit_type_image {
    background: url(/local/templates/cleverence/img/sp-icon.png) 0 0 no-repeat;
    vertical-align: middle;
    background-position: 0 -68px;
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.search-form #ya-site-form0 .ya-site-form__search-input-layout-r {
    border-left: 1px solid #D1D1D1;
    width: 32px;
    height: 24px;
    padding-top: 1px;
}

.page-product {
    padding-bottom: 50px;
}

.section_certificate img {
    max-width: 100%;
}

.main-section .main-solutions-box.cnt-section {
    padding-top: 20px;
}

.article-list.product-category-list>li {
    margin-bottom: 5px;
    display: block;
}

.article-list.product-category-list .icon-article {
    background: url(/local/templates/cleverence/./img/icons/ico-article.png) 0 0 no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.article-list.product-category-list {
    margin-left: 0;
}

.article-list.product-category-list .pagination-list a,
.article-list.product-category-list .pagination-list span {
    display: block;
    border: 1px solid #D2D2D2;
    font-size: 18px;
    line-height: 1;
    width: 28px;
    height: 20px;
    text-align: center;
    padding: 0;
    padding-top: 8px;
    margin-bottom: 5px;
}

@media (max-width: 1024px) {
    .department-box.new {
        width: 40%;
    }

    .department.clearfix div:nth-child(3n) {
        margin-right: 40px;
    }

    .department.clearfix div:nth-child(2n) {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .hide-on-start {
        visibility: visible;
    }

    .department.clearfix div:nth-child(3n) {
        margin-right: auto;
    }

    .department.clearfix div:nth-child(2n) {
        margin-right: auto;
    }

    .partner-department .clearfix {
        margin: auto;
    }

    .department-box.new {
        width: 100%;
        float: none;
        max-width: 340px;
        margin: auto;
        margin-bottom: 20px;
    }

    .siblings-video {
        float: right;
    }

    .youtube-container {
        background: #000;
        height: 100%;
        min-height: 250px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .youtube-container-inner {
        left: 50%;
        min-height: 43.75%;
        padding-top: 56.25%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }

    .youtube-container iframe {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }

    .conteiner.sbr.video-page-wrapper {
        width: 100%;
        margin-right: 0;
        float: left;
    }

    .common-holder {
        min-height: 0 !important;
        padding: 0;
    }

    .video-frame {
        margin-bottom: 0;
    }

    .video-article {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 487px) {
    .video-wrap {
        display: flex;
        flex-flow: wrap;
    }

    .video-wrap .sidebar-left.widget-tags-videos {
        order: 1;
    }

    .skilkovo_img {
        float: none;
        /*width: 85px;*/
        margin: 0 auto;
        display: block;
        position: relative;
    }

    .page-learning .pagination .title {
        height: 30px;
        line-height: 30px;
    }

    .article-list.product-category-list .pagination-list a,
    .article-list.product-category-list .pagination-list span {
        width: 30px;
        height: 30px;
    }
}

.section_certificate img {
    max-width: 100%;
}

.main-section .main-solutions-box.cnt-section {
    padding-top: 20px;
}

.lead-hunter-main .video-box {
    width: 100%;
    height: 640px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    border-radius: 5px;
}

.lead-hunter-main .video-box .wrap-btn {
    display: block;
    position: absolute;
    top: 50%;
    width: 60%;
    margin-left: 20%;
    padding: 30px 0 30px 90px;
    font-size: 21px;
    color: #333;
    margin-top: -30px;
    background: rgba(249, 249, 249, 0.9);
    box-shadow: 0px 12px 10px rgb(0 0 0 / 25%);
    border-radius: 10px;
}

.lead-hunter-main .video-box:hover:before {
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 5px;
    transition: background-color .15s cubic-bezier(0, 0, .2, 1);
    cursor: pointer;
}

.lead-hunter-main .video-box:hover:before {}

.lead-hunter-main .video-box:hover .wrap-btn {
    margin-top: -37px;
    box-shadow: 0 8px 25px rgb(0 0 0 / 15%);
    transition: .2s;
}

.lead-hunter-main .video-box a:hover {
    text-decoration: none;
}

.btn-lead-hunter-main {
    width: 100%;
}

.btn-lead-hunter-main .btn.open-popup {
    max-width: 100%;
    margin-top: 20px;
    padding: 0;
}

.btn.show-video {
    width: 45px;
    background: url(/local/templates/cleverence/./img/Polygon-1.svg);
    height: 51px;
    display: block;
    position: absolute;
    left: 27px;
    top: 18px;
}

.lead-hunter-main .btn.open-popup {
    background: #209DCC;
}

.customers.main {
    margin-top: 50px;
}

.btn.popup-about-automation:hover {
    background: #42bfee;
}

.popup-about-automation {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-about-automation img {
    margin-right: 15px;
}

@media (max-width: 487px) {
    .lead-hunter-main .video-box {
        height: 220px;
        background-size: cover;
    }

    .lead-hunter-main .video-box span {
        display: none;
    }

    .lead-hunter-main .video-box .wrap-btn {
        background: none;
        box-shadow: none;
    }

    .btn.show-video {
        width: 54px;
        height: 54px;
        background: url(/local/templates/cleverence/./img/Ellipse-1.svg);
        left: calc(50% - 27px);
    }

    .lead-hunter-main .btn.open-popup {
        font-size: 18px;
    }

    .btn.show-video {
        top: 0;
    }

    .popup-about-automation {
        height: 62px !important;
    }
}

.title-home {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {

    /*new style home*/
    .main-slider {
        display: none;
    }

    .content {
        padding-top: 15px;
    }

    .title-home {
        font-size: 34px !important;
    }

    .partners {
        margin-top: 15px;
    }

    /*new style home end*/
}

/* footer-menu */
.footer .footer-menu-list {
    display: flex;
    justify-content: space-between;
}

.footer .footer-menu-list ul {
    list-style-type: none;
    padding: 0;
}

.footer .footer-menu-list .h4 {
    margin-bottom: 10px;
    padding-bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.footer .footer-menu-list .menu-two {
    margin-top: 39px;
}

.footer .footer-menu-list a {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #91B1B8;
}

.footer .footer-menu-list .skilkovo_img {
    margin-top: 20px;
    padding-bottom: 0;
}

.footer .footer-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.footer .footer-bottom .h4 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}

.footer .block-mob {
    display: none;
}

.footer .footer-copypaste {
    margin-top: 3px;
    font-size: 16px;
    line-height: 19px;
    color: #F4F6F8;
}

.footer .footer-menu-list .h4 svg {
    display: none;
}

.footer .footer .footer-menu-list>li {
    text-align: left;
}

.footer .block-google-pay {
    margin: 0 auto 0 134px;
}

@media (max-width: 910px) {
    .footer .footer-menu-list li {
        white-space: normal;
    }
}

@media (max-width: 670px) {
    .footer .block-desck {
        display: none;
    }

    .footer .block-mob {
        display: block;
    }

    .footer .social-holder.block-mob {
        display: flex;
        margin-bottom: 20px;
        justify-content: center;
    }

    .footer .footer-menu {
        padding-top: 0 !important;
    }

    .footer .footer .max-wrap {
        padding-top: 20px;
    }

    .footer .soc-list {
        text-align: center;
    }

    .footer .social-holder .h4 {
        display: none;
    }

    .footer .footer-menu-list {
        flex-direction: column;
    }

    .footer .footer-menu-list {
        padding-left: 20px;
        padding-right: 20px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .footer .max-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    .footer .footer-menu-list .h4 {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        justify-content: space-between;
    }

    .footer .footer-menu-list .h4 svg {
        display: block;
        position: relative;
        transition: 0.3s;
    }

    .footer .footer-menu-list .h4_open svg {
        transform: rotateX(180deg);
    }

    .footer-copypaste {
        padding-left: 23px;
        padding-right: 23px;
    }

    .footer .footer-menu-list>li {
        min-width: 100%;
        /*padding-bottom: 15px;*/
        padding-right: 0 !important;
    }

    .footer .footer-menu-list ul {
        margin-bottom: 0;
    }

    .footer .menu-items-list {
        /*padding-top: 10px !important;*/
        padding-left: 15px !important;
        text-align: left;
    }

    .footer .footer-menu-list .menu-one {
        /*padding-bottom: 15px;*/
    }

    .footer .footer-menu-list>li+li {
        border-top: 1px solid #fff;
    }

    .footer .footer-menu-list .menu-two {
        margin-top: 0;
        border-top: 1px solid #fff;
    }

    .footer .h4+.menu-items-list {
        display: none;
    }

    .footer .skilkovo_img.block-mob {
        padding-top: 20px;
        padding-left: 20px;
    }

    .footer .footer-bottom {
        display: flex;
        margin-top: 0;
        flex-direction: column;
        align-items: center;
    }

    .footer .block-google-pay {
        display: flex;
        margin: 30px auto;
        flex-direction: column;
        align-items: center;
    }

    .footer .footer-menu-list a {
        display: inline-block;
    }
}

/* footer-menu end */

.text-align-center {
    text-align: center;
}

.download-app-link img {
    vertical-align: middle;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 2px;
}

.download-app-link {
    font-size: 20px;
    letter-spacing: 1px;
    background: #3b88f7;
    color: white;
    padding: 14px 16px 12px 16px;
    border-radius: 5px;
    margin: 6px auto 24px auto;
    width: auto;
    display: inline-block;
}

.download-app-link:hover,
.download-app-link:active {
    color: white;
    text-decoration: none;
}

@media (min-width: 640px) {
    .download-app-link {
        display: none;
    }
}

.video-list-box .slider:not(.owl-loaded) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.video-list-box .slider:not(.owl-loaded) .sl-item {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .video-list-box .slider:not(.owl-loaded) .sl-item {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .video-list-box .slider:not(.owl-loaded) .sl-item {
        width: calc(33.33% - 20px);
        margin-bottom: 10px;
    }
}

.breadcrumbs-logo {
    display: flex;
    align-items: center;
}

.breadcrumbs-logo img {
    max-width: 200px;
    height: auto;
    margin-right: 20px;
}

@media (max-width: 560px) {
    .breadcrumbs-logo {
        flex-direction: column;
    }

    .breadcrumbs-logo img {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

/*new-style form*/
.new-style label {
    display: block;
    font-size: 14px;
    color: #909090;
}

.new-style.container-form {
    min-width: 100%;
    min-height: calc(100% - 59px);
    padding: 5vh 0;
    box-sizing: border-box;
    background: #F5F5F5;
}

.new-style .block-form {
    max-width: 514px;
    width: 100%;
    margin: 0px auto;
    padding: 40px 60px 60px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 16px;
}

.new-style .form-title {
    margin-bottom: 40px;
    font-size: 32px;
    color: #2C2E31;

}

.new-style .form-field {
    padding: 16px;
    margin-top: 4px;
    margin-bottom: 24px;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F5F5F5;
}

.new-style .fieldError {
    border: 1px solid #ED573B;
}

.new-style .field-remember {
    display: flex;
    margin-bottom: 40px;
    font-size: 14px;
    align-items: center;
    color: #222222;
    cursor: pointer;
}

.new-style .form-send {
    padding: 16px 24px;
    font-weight: 500;
    font-size: 16px;
    background: #3B88F7;
    color: #FFFFFF;
    border-radius: 8px;
    outline: none;
    border: none;
    transition: .3s;
}

.new-style .form-send:hover {
    background: #327BE3;
}

.new-style .check-remember {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 8px;
    box-sizing: border-box;
    width: 21px;
    height: 21px;
}

.new-style .check-remember svg {
    opacity: 0;
}

.new-style [type="checkbox"] {
    display: none;
}

.new-style [type="checkbox"]:checked+.check-remember svg {
    opacity: 1;
}

.new-style .text__form {
    margin-bottom: 16px;
    font-size: 16px;
    color: #222222;
}

.new-style .restore-top a {
    font-size: 14px;
    color: #909090;
}

.new-style .restore-top {
    margin-bottom: 13px;
}

.new-style .restore-top svg {
    margin-right: 4px;
}

.new-style .form-container-btn {
    margin-top: 24px;
}

.remember__check {
    margin-top: 40px;
}

.new-style .form-link-text {
    font-size: 12px;
    color: #909090;
}

.new-style .form-link-text a {
    color: #3B88F7;
}

.new-style .text-error p {
    padding: 0;
}

.new-style .text-error {
    margin-top: 24px;
}

#form-email {
    display: none;
}

.new-style .my-errortext {
    margin-bottom: 24px;
    font-size: 14px;
    color: red;
}

.new-style .form-field-password {
    position: relative;
}

.new-style #togglePas {
    position: absolute;
    top: 50%;
    right: 28px;
    width: 22px;
    height: 18px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
}

.new-style .password #togglePas {
    background-image: url(/local/templates/cleverence/./img/eyeHide.png);
}

.new-style #togglePas:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/cleverence/./img/eyeShow.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.new-style.container-form p {
    padding: 0;
}

.new-style.container-form .notetext,
.new-style.container-form .errortext {
    display: inline-block;
    padding-bottom: 20px;
}

.new-style {}

.new-style {}

/*new-style form end*/

.text-align-center {
    text-align: center;
}

.download-app-link img {
    vertical-align: middle;
    height: 34px;
    margin-right: 8px;
    margin-bottom: 2px;
}

.download-app-link {
    font-size: 20px;
    letter-spacing: 1px;
    background: #3b88f7;
    color: white;
    padding: 14px 16px 12px 16px;
    border-radius: 5px;
    margin: 6px auto 24px auto;
    width: auto;
    display: inline-block;
}

.download-app-link:hover,
.download-app-link:active {
    color: white;
    text-decoration: none;
}

@media (min-width: 640px) {
    .download-app-link {
        display: none;
    }
}

.video-list-box .slider:not(.owl-loaded) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.video-list-box .slider:not(.owl-loaded) .sl-item {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 640px) {
    .video-list-box .slider:not(.owl-loaded) .sl-item {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .video-list-box .slider:not(.owl-loaded) .sl-item {
        width: calc(33.33% - 20px);
        margin-bottom: 10px;
    }
}

.breadcrumbs-logo {
    display: flex;
    align-items: center;
}

.breadcrumbs-logo img {
    max-width: 200px;
    height: auto;
    margin-right: 20px;
}

@media (max-width: 560px) {
    .breadcrumbs-logo {
        flex-direction: column;
    }

    .breadcrumbs-logo img {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

.ya-page_js_yes .ya-site-form_inited_no {
    display: none;
}

.button_p {
    color: black !important;
    text-decoration: none !important;
}


@media print {

    .cookie-notification,
    .block-voter {
        display: none !important;
    }
}

.frm-logo-wrap {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    margin-right: 30px;
    width: 220px;
}



.clear {
    clear: both;
}

.breadcrumbs-hodler_logo .breadcrumbs-list {
    display: flex;
    margin-top: 9px;
    width: 100%;
}

.product-category-list .product-category-box {
    margin-top: 40px;
}

.myBtn .btn.open-popup {
    font-family: dinL;
    padding: 5px 7px !important;
    font-size: 12pt !important;
    margin-bottom: 10px;
}

/*.detail-btn .btn.open-popup {*/
/*     height: 52px !important;*/
/*     line-height: 52px !important;*/
/*     border-radius: 5px;*/
/*     background: #e24949;*/
/*     padding: 0 50px;*/
/*     border: none;*/
/*     text-decoration: none;*/
/*     font-size: 24px;*/
/*     color: white;*/
/*     width: 100%;*/
/*     max-width: 230px;*/
/*     cursor: pointer;*/

/* }*/

.myBtn.detail-btn .btn.open-popup {
    font-size: 21px !important;
    padding: 10px 20px !important;
    margin-bottom: 10px;
}

.price-list {
    margin-top: 20px;
}

.our-products-list .product-box,
.product-category-list .product-category-box {
    margin-bottom: 0;
}

.product-category-box h3,
.product-category-box div.h3 {
    padding-bottom: 15px;
}

.our-products-list .product-box,
.product-category-list .product-category-box {
    margin-bottom: 0;
    margin-left: 0;
}

.product-category-sublist li {
    padding-left: 0;
}

/*FOOTER*/
.inner-footer * {
    font-family: 'IBM Plex Sans', sans-serif;
}

.inner-footer {
    background-color: #06195e;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    overflow: hidden;
    padding: 25px 0 15px 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.inner-footer .inner-section {
    color: inherit;
}

.inner-footer .inner-menu-wrap {
    margin-bottom: 35px;
}

.inner-footer .inner-menu-wrap .menu>li {
    margin-bottom: 15px;
}

.inner-footer .inner-menu-wrap .menu ul {
    display: none;
}

.inner-footer .inner-menu-wrap .menu ul a {
    color: #828cae;
    display: block;
    padding: 3px 0 2px 0;
}

.inner-footer .inner-menu-wrap .menu ul a:hover {
    color: #fff;
}

.inner-footer .open .btn-menu:before {
    transform: rotate(180deg);
}

.inner-footer .submenu .btn-menu {
    padding-right: 30px;
}

.inner-footer .submenu .btn-menu:before {
    display: block;
}

.inner-footer .inner-logo {
    width: 151px;
}

.inner-footer input[type="text"].form-input,
.inner-footer input[type="password"].form-input,
.inner-footer input[type="email"].form-input,
.inner-footer input[type="tel"].form-input,
.inner-footer input[type="text"].form-input,
.inner-footer input[type="text"].form-input {
    background-color: transparent;
    border-color: #fff;
    border-width: 2px;
    color: #fff;
    font-weight: 500;
    height: 54px;
    padding-left: 18px;
}

.inner-footer input[type="text"].form-input[placeholder]::-webkit-input-placeholder,
.inner-footer input[type="password"].form-input[placeholder]::-webkit-input-placeholder,
.inner-footer input[type="email"].form-input[placeholder]::-webkit-input-placeholder,
.inner-footer input[type="tel"].form-input[placeholder]::-webkit-input-placeholder,
.inner-footer input[type="text"].form-input[placeholder]::-webkit-input-placeholder,
.inner-footer input[type="text"].form-input[placeholder]::-webkit-input-placeholder {
    color: #fff;
}

.inner-footer input[type="text"].form-input[placeholder]:-moz-placeholder,
.inner-footer input[type="password"].form-input[placeholder]:-moz-placeholder,
.inner-footer input[type="email"].form-input[placeholder]:-moz-placeholder,
.inner-footer input[type="tel"].form-input[placeholder]:-moz-placeholder,
.inner-footer input[type="text"].form-input[placeholder]:-moz-placeholder,
.inner-footer input[type="text"].form-input[placeholder]:-moz-placeholder {
    color: #fff;
}

.inner-footer input[type="text"].form-input[placeholder]::-moz-placeholder,
.inner-footer input[type="password"].form-input[placeholder]::-moz-placeholder,
.inner-footer input[type="email"].form-input[placeholder]::-moz-placeholder,
.inner-footer input[type="tel"].form-input[placeholder]::-moz-placeholder,
.inner-footer input[type="text"].form-input[placeholder]::-moz-placeholder,
.inner-footer input[type="text"].form-input[placeholder]::-moz-placeholder {
    color: #fff;
}

.inner-footer input[type="text"].form-input[placeholder]:-ms-input-placeholder,
.inner-footer input[type="password"].form-input[placeholder]:-ms-input-placeholder,
.inner-footer input[type="email"].form-input[placeholder]:-ms-input-placeholder,
.inner-footer input[type="tel"].form-input[placeholder]:-ms-input-placeholder,
.inner-footer input[type="text"].form-input[placeholder]:-ms-input-placeholder,
.inner-footer input[type="text"].form-input[placeholder]:-ms-input-placeholder {
    color: #fff;
}

.inner-footer .form-button {
    height: 54px;
    width: 100%;
}

.inner-footer p {
    margin: 0;
    padding-bottom: 15px;
}

.inner-footer p:last-child {
    padding-bottom: 0;
}

.inner-footer a {
    color: inherit;
}

.inner-footer a:hover {
    color: #828cae;
}

.inner-footer a:hover {
    text-decoration: none;
}

.inner-footer .text-light {
    color: #828cae;
}

.inner-footer ul,
.inner-footer li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.inner-footer ul:before,
.inner-footer li:before {
    display: none;
}

.inner-footer .soc-title {
    display: none;
}

.inner-footer .soc-items {
    display: flex;
    margin: 0 -10px 0 0;
}

.inner-footer .soc-items .elm-ico {
    flex-shrink: 0;
    height: 45px;
    margin: 0 10px 10px 0;
    width: 45px;
}

.inner-footer .soc-items .elm-ico:hover {
    opacity: 0.8;
}

.footer-bottom-panel {
    color: #828cae;
    display: block;
    font-size: 18px;
    overflow: hidden;
    padding-top: 15px;
    position: relative;
}

.footer-bottom-panel.inner-section {
    color: #828cae;
}

.footer-bottom-panel .inner-info-wrap {
    margin: 0;
}

.footer-bottom-panel .info-wrap {
    margin-bottom: 15px;
}

.footer-bottom-panel a:hover {
    color: #fff;
}

.max-wrap.wrap-full {
    box-sizing: border-box;
    max-width: 1370px;
    padding: 0 15px;
}

@media (min-width: 1024px) {
    .inner-footer .wrap-full .form-input {
        font-size: 18px;
    }
}

.max-wrap.wrap-full .block-download-img {
    display: flex;
    margin-top: 20px;
}

.block-download__img+.block-download__img {
    margin-left: 20px;
}

@media (min-width: 1024px) {
    .footer-main-panel .inner-subscribe-wrap {
        margin: 0 0 45px 0;
    }
}

.footer-main-panel {
    overflow: hidden;
    padding-bottom: 12px;
    position: relative;
}

.footer-main-panel .inner-info-wrap {
    margin-bottom: 40px;
}

.footer-main-panel .info-wrap {
    margin-bottom: 25px;
}

.footer-main-panel:before {
    background-color: #2d3f81;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 15px;
    position: absolute;
    right: 15px;
}

.inner-logo {
    display: block;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.inner-logo:hover {
    text-decoration: none;
}

.inner-logo img {
    display: block;
    width: 100%;
}

.inner-footer .btn-menu {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    line-height: 1.5;
    padding: 10px 0 10px 0;
    position: relative;
    text-align: left;
}

.inner-footer .form-input {
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 15px;
    box-shadow: none;
    box-sizing: border-box;
    color: #3858c9;
    display: block;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 54px;
    padding: 0 10px 0 19px;
    width: 100%;
}

.block-download-img {
    display: flex;
    margin-top: 20px;
}

@media (max-width: 767px) {

    .inner-footer .inner-section,
    .inner-footer .max-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 500px) {
    .inner-footer .footer-main-panel {
        display: flex;
        flex-direction: column;
    }

    .inner-footer .inner-subscribe-wrap {
        order: 1;
    }

    .inner-footer .inner-menu-wrap {
        order: 2;
    }

    .inner-footer .inner-info-wrap {
        display: flex;
        flex-direction: column;
        order: 3;
    }

    .block-download {
        border-bottom: 1px solid #828cae;
        margin-bottom: 30px;
        order: -1;
        padding-bottom: 30px;
    }
}

.inner-footer-top {
    margin-top: 25px;
}

@media (min-width: 1024px) {
    .inner-footer .wrap-full .inner-section button.form-button {
        font-size: 18px;
        height: 57px;
        padding: 0 30px;
        width: auto;
    }
}

@media (min-width: 1024px) {
    .inner-footer {
        font-size: 18px;
        padding: 0;
    }

    .inner-footer .inner-section {
        font-size: inherit;
    }

    .footer-bottom-panel {
        align-items: center;
        color: #828cae;
        display: flex;
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        font-size: 18px;
        justify-content: space-between;
        padding: 23px 0 50px 0;
    }

    .footer-bottom-panel .inner-info-wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-bottom-panel .inner-soc-wrap {
        align-items: center;
        display: flex;
        display: -ms-flexbox;
        -ms-flex-align: center;
    }

    .footer-bottom-panel .soc-items {
        display: flex;
        flex-wrap: nowrap;
        margin: 0;
    }

    .footer-bottom-panel .soc-items .elm-ico {
        margin: 0 10px 0 0;
    }

    .footer-bottom-panel .soc-items .elm-ico:last-child {
        margin: 0;
    }

    .footer-bottom-panel .soc-title {
        display: block;
        font-size: 1em;
        font-weight: 500;
        margin: 0 25px 0 0;
    }

    .footer-bottom-panel .info-wrap {
        display: block;
        margin: 0;
        padding: 0 25px 0 0;
    }

    .footer-main-panel {
        display: grid;
        grid-template-columns: 37fr 44fr;
        padding: 50px 0 150px 0;
    }

    .footer-main-panel:before {
        left: 0;
        right: 0;
    }

    .footer-main-panel .inner-info-wrap {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: justify;
        -ms-grid-column: 1;
        grid-column-end: 2;
        grid-column-start: 1;
        -ms-grid-row: 1;
        grid-row-end: 3;
        grid-row-start: 1;
        justify-content: space-between;
        margin: 0;
        padding: 0 20px 0 0;
        width: 100%;
    }

    .footer-main-panel .inner-menu-wrap {
        box-sizing: border-box;
        -ms-grid-column: 2;
        grid-column-end: 3;
        grid-column-start: 2;
        -ms-grid-row: 2;
        grid-row-end: 3;
        grid-row-start: 2;
        margin: 0;
        padding: 0 0 0 10px;
        width: 100%;
    }

    .footer-main-panel .inner-menu-wrap .menu {
        display: flex;
    }

    .footer-main-panel .inner-menu-wrap .menu>li {
        margin: 0;
        padding: 0 10px 0 0;
        width: 33.33%;
    }

    .footer-main-panel .inner-menu-wrap .menu>li:last-child {
        padding: 0;
    }

    .footer-main-panel .inner-menu-wrap .menu ul {
        display: block;
    }

    .footer-main-panel .inner-menu-wrap .menu .btn-menu {
        font-size: 18px;
        padding: 10px 0;
    }

    .footer-main-panel .inner-menu-wrap .menu .btn-menu:before {
        display: none;
    }

    .footer-main-panel .inner-logo {
        width: 212px;
    }

    .footer-main-panel .form-wrap {
        display: flex;
    }

}

@media (min-width: 1024px) and (max-width: 1199px) {
    .footer-main-panel {
        grid-template-columns: 1fr 1.3fr;
    }
}

/*FOOTER END*/

/*NEW STYLE*/
.block-download__title_mob {
    display: none;
}

.block-download__title {
    max-width: 200px;
}

@media (max-width: 500px) {
    .block-download__title_mob {
        display: block;
    }

    .block-download__title_desk {
        display: none;
    }
}

.inner-footer .inner-section button.form-button,
.inner-footer .inner-section .form-button {
    align-items: center;
    background-color: #3858c9;
    border: 2px solid #3858c9;
    border-radius: 15px;
    color: #fff;
    display: inline-flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500;
    height: 54px;
    justify-content: center;
    line-height: 1.2;
    max-width: 100%;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    transition: all ease 0.2s;
    vertical-align: middle;
}

/*NEW STYLE END*/

@media (max-width: 700px) {

    .grid-breadcrumbs-hodler .breadcrumbs-list,
    .grid-breadcrumbs-hodler-4 .breadcrumbs-list {
        flex-wrap: wrap;
        width: 100% !important;
    }

    .grid-breadcrumbs-hodler-4 .breadcrumbs-list li:not(:nth-child(3)):not(:nth-child(2)):not(:nth-child(5)):last-of-type {
        width: 50% !important;
    }

    .grid-breadcrumbs-hodler .breadcrumbs-list li:not(:nth-child(3)):not(:nth-child(2)):last-of-type,
    .grid-breadcrumbs-hodler-4 .breadcrumbs-list li:not(:nth-child(3)):not(:nth-child(2)):last-of-type {
        width: 100% !important;
    }

    .grid-breadcrumbs-hodler-4 {
        display: block !important;
    }

    .frm-logo-wrap {
        display: block;
    }

    .breadcrumbs-hodler {
        display: block !important;
    }
}

@media (max-width: 1023px) {
    .main-title-box+.frm-search {
        margin-bottom: 20px;
    }
}

/*new styles 18.09.23*/
@media (max-width: 700px) {
    .soft.sbr.conteiner .series-product-list iframe {
        height: auto;
        width: 100%;
    }

    .sidebar-left {
        float: left;
        margin-right: 50px;
        padding-bottom: 35px;
        width: 100%;
    }

    .soft.sbr.conteiner .series-product-list li {
        display: flex;
        flex-direction: column;
    }

    .soft.sbr.conteiner .series-product-list li>figure {
        order: 1;
    }

    .soft.sbr.conteiner .series-product-list li>.price-box {
        margin-bottom: 20px;
        margin-left: 0;
        margin-top: 20px;
        order: 2;
    }

    .soft.sbr.conteiner .series-product-list li>.info {
        order: 3;
    }

    .catalog-holder .series-product-list {
        padding-left: 0;
    }

    .page-title-full h1 {
        width: 100%;
    }

    .page-title-full a {
        font-size: 16px;
        margin: 14px 14px 14px 0;
    }
}

/*new styles end 18.09.23*/

/*new styles start 04.03.24*/

.frm-field-password {
    display: block;
    position: relative;
}

.frm-field-password .btn-action-ico.ico-password-toggle {
    margin-top: -20px;
    position: absolute;
    right: 8px;
    top: 50%;
    z-index: 2;
}

.frm-field-password.active .btn-action-ico.ico-password-toggle:before {
    opacity: 0;
}

.frm-field-password.active .btn-action-ico.ico-password-toggle:after {
    opacity: 1;
}

.btn-action-ico.ico-password-toggle:before {
    background-image: url(/local/templates/cleverence/./img/hide.svg);
    background-size: 24px auto;
    max-height: 24px;
    max-width: 24px;
}

.btn-action-ico.ico-password-toggle:after {
    background-image: url(/local/templates/cleverence/./img/show.svg);
    background-size: 24px auto;
    max-height: 24px;
    max-width: 24px;
    opacity: 0;
}

.btn-action-ico.ico-password-toggle.active:before {
    opacity: 0;
}

.btn-action-ico.ico-password-toggle.active:after {
    opacity: 1;
}

.popup-form-box {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5;
    margin: 100px auto;
    max-width: 100%;
    padding: 2.5em;
    width: 32.125em;
}

.popup-form-box * {
    box-sizing: border-box;
}

.popup-form-box .popup-form-title-wrap {
    margin: 0 0 2.5em 0;
}

.popup-form-box .popup-form-title {
    color: #2c2e31;
    display: block;
    font-size: 2em;
    font-weight: 700;
    line-height: 1.31187;
    margin: 0 0 10px 0;
}

.popup-form-box .popup-form-title:last-child {
    margin-bottom: 0;
}

.popup-form-box .popup-content {
    margin: 0 auto;
    max-width: 24.625em;
}

.popup-form-box .frm-row,
.popup-form-box .frm-row-submit {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    padding: 0;
}

.popup-form-box .frm-row-submit {
    margin-top: -6px;
}

.popup-form-box .frm-row-submit .frm-field {
    margin-bottom: 1.875em;
}

.popup-form-box .frm-row-submit .frm-field:last-child {
    margin-bottom: 0;
}

.popup-form-box .frm-field {
    flex-shrink: 0;
    margin: 0 0 24px 0;
    padding: 0 5px;
    width: 100%;
}

.popup-form-box .field-title {
    color: #909090;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 4px;
    padding: 0;
}

.popup-form-box .field-info {
    color: #909090;
    font-size: 12px;
    line-height: 1.5;
    margin: 8px 0 0 0;
}

.popup-form-box .btn-back {
    color: #3b88f7;
    color: #3b88f7;
    display: inline-block;
    font-size: 1em;
    line-height: 1.5;
    padding: 0 0 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.popup-form-box .btn-back:hover {
    color: #3b88f7;
    opacity: 0.7;
}

.popup-form-box .btn-back:before {
    background: url(/local/templates/cleverence/./img/arrow.svg) center no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
}

.popup-form-box .form-input {
    background: #f5f5f5;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    box-sizing: border-box;
    color: #222;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 18px 18px 18px 16px;
    width: 100%;
}

.popup-form-box .base-btn {
    background: #3b88f7;
    border: 1px solid #3b88f7;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    margin-right: 10px;
    padding: 16px 24px;
    text-decoration: none;
}

@media (max-width: 1023px) {
    .popup-form-box {
        font-size: 14px;
    }
}

@media (max-width: 639px) {
    .popup-form-box {
        font-size: 16px;
        padding: 16px 20px 30px 20px;
        width: 325px;
    }

    .popup-form-box .popup-form-title-wrap {
        margin-bottom: 30px;
    }

    .popup-form-box .popup-form-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.31187;
    }

    .popup-form-box .frm-field {
        margin-bottom: 14px;
    }

    .popup-form-box .form-input {
        font-size: 14px;
        padding: 14px 14px 14px 16px;
    }

    .popup-form-box .frm-row-submit {
        margin-top: 0;
    }

    .popup-form-box .base-btn {
        padding: 12px 16px;
    }
}

/*new styles end 04.03.24*/

.src-company {
    font-size: 16px;
    line-height: 1;
}

.src-company .src-company-logo {
    background: url(/local/templates/cleverence_new/img/icons/download.png) no-repeat left;
    background-size: 22px 22px;
    display: inline-block;
    padding-left: 33px;
}

.src-company .src-company-pdf {
    background: url(/local/templates/cleverence_new/img/icons/pdf.png) no-repeat left;
    background-size: 22px 22px;
    display: inline-block;
    margin-left: 16px;
    padding-left: 33px;
}

@media (max-width: 1023px) {
    .src-company {
        font-size: 11px;
        margin-top: 10px;
    }
}

footer .max-wrap {
    position: relative;
}


.right-inner-panel-bottom {
    text-align: right;
    margin-bottom: 36px;
    position: absolute;
    right: 30px;
    bottom: 118px;
}



@media (max-width: 1070px) {
    .right-inner-panel-bottom {
        text-align: right;
        margin-bottom: 36px;
        position: absolute;
        right: 40px;
        bottom: 164px;
    }
}

@media (max-width: 575px) {
    .right-inner-panel-bottom {
        text-align: right;
        margin-bottom: 36px;
        position: absolute;
        right: 28px;
        bottom: 155px;
    }
}
/* End */


/* Start:/local/templates/cleverence/solutions/css/style.css?1742219219142437*/
@font-face {
    font-family: "Inter";
    src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-Regular.eot");
    src: local("Inter Regular"), local("Inter-Regular"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Regular.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Regular.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-Black.eot");
  src: local("Inter Black"), local("Inter-Black"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Black.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Black.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-LightBETA.eot");
  src: local("Inter Light BETA"), local("Inter-LightBETA"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-LightBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-LightBETA.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-LightBETA.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-LightBETA.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-SemiBold.eot");
  src: local("Inter Semi Bold"), local("Inter-SemiBold"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-SemiBold.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-SemiBold.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-Bold.eot");
  src: local("Inter Bold"), local("Inter-Bold"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Bold.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Bold.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraLightBETA.eot");
  src: local("Inter Extra Light BETA"), local("Inter-ExtraLightBETA"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraLightBETA.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraLightBETA.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraLightBETA.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraBold.eot");
  src: local("Inter Extra Bold"), local("Inter-ExtraBold"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraBold.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraBold.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-ThinBETA.eot");
  src: local("Inter Thin BETA"), local("Inter-ThinBETA"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ThinBETA.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ThinBETA.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ThinBETA.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-ThinBETA.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
    font-family: "Inter";
  src: url("/local/templates/cleverence/solutions/css/../fonts/Inter-Medium.eot");
  src: local("Inter Medium"), local("Inter-Medium"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Medium.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Medium.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

:root {
    --white: #FFFFFF;
    --whe: rgba(123, 124, 133, 1);
    --black: #101010;
    --hover: rgba(56, 88, 201, 1);
    --hover-secondary: rgba(46, 166, 225, 1);
    --text-sub: rgba(6, 25, 94, 1);
    --text: rgba(47, 48, 53, 1);
    --bg-number: rgba(255, 127, 80, 1);
    --bg-card: rgba(248, 248, 248, 1);
    --lodo-mov: rgba(242, 64, 82, 1);
    --disaibled: rgba(199, 199, 214, 1);
    --bg-card__secondary: rgba(46, 128, 225, 1);
    --litttle-text: #7B7C85;
    --text-nav: #828CAE;
    --bg-video: rgb(123, 124, 133);
}

ul,
ol {
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

ul,
ol {
    list-style: none;
}

input,
button,
textarea,
select {
    font: inherit;
}

textarea:focus,
input:focus {
    outline: none;
}

button {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

a {
    text-decoration: none;
}

input,
textarea {
    outline: none;
    border: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

html {
    font-size: 0.5208333333vw;
}

@media (max-width: 1024px) {
    html {
        font-size: 0.9765625vw;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 2.6666666667vw;
    }
}

@font-face {
    font-family: "IBMPlexSansMedium";
  src: url("/local/templates/cleverence/solutions/css/../fonts/IBMPlexSansMedium.eot");
  src: url("/local/templates/cleverence/solutions/css/../fonts/IBMPlexSansMedium.eot?#iefix") format("embedded-opentype"), url("/local/templates/cleverence/solutions/css/../fonts/IBMPlexSansMedium.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/IBMPlexSansMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
    font-family: "RF Dewi";
  src: local("RF Dewi Bold"), local("RF-Dewi-Bold"), url("/local/templates/cleverence/solutions/css/../fonts/RFDewi-Bold.woff2") format("woff2"), url("/local/templates/cleverence/solutions/css/../fonts/RFDewi-Bold.woff") format("woff"), url("/local/templates/cleverence/solutions/css/../fonts/RFDewi-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html {
    scroll-padding-top: 5rem;
}

img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

h1, h2 {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 5rem;
    color: var(--text-sub);
}

@media (max-width: 1024px) {
    h1, h2 {
        font-size: 3.5rem;
        line-height: 4rem;
    }
}

@media (max-width: 768px) {
    h1, h2 {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }
}

h3 {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 3rem;
    line-height: 3.3rem;
    color: var(--text-sub);
}

@media (max-width: 1024px) {
    h3 {
        font-size: 2.4rem;
        line-height: 2.6rem;
    }
}

@media (max-width: 768px) {
    h3 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.text {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.7rem;
    color: var(--text);
}

@media (max-width: 1024px) {
    .text {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }
}

@media (max-width: 768px) {
    .text {
        font-size: 1.6rem;
    }
}

.wrapper {
    min-width:30rem;
    max-width: 170rem;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .wrapper {
        max-width: 96rem;
    }
}

@media (max-width: 768px) {
    .wrapper {
        max-width: 34rem;
    }
}

.lock-scroll {
    overflow: hidden !important;
    height: 100%;
    width: 100%;
    position: relative;
    scrollbar-gutter: stable !important;
    overscroll-behavior-y: none !important;
}

.change {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 768px) {
    .change {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.header__wrapper,
.header,
.header__logo svg,
.header__nav li,
.header__nav-inf button.btn__transp {
    transition: all 0.3s ease;
}

@media (max-width: 1024px) {
    .sm-none {
        display: none;
    }
}

:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75;
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    -webkit-animation: f-spinner-rotate 2s linear infinite;
    animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none;
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
    animation: f-spinner-dash 2s ease-in-out infinite;
}

@-webkit-keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes f-spinner-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.f-throwOutUp {
    -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
    -webkit-animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
    animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@-webkit-keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0;
    }
}

@keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
        opacity: 0;
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0;
    }
}

@keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
        opacity: 0;
    }
}

.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
    animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@-webkit-keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-zoomInUp {
    from {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1) translate3d(0, 0, 0);
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

@keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(0.975) translate3d(0, 16px, 0);
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0;
    }
}

.f-fadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2;
}

.f-fadeOut {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1;
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeOut {
    100% {
        opacity: 0;
    }
}

.f-fadeFastIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2;
}

.f-fadeFastOut {
    -webkit-animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
    z-index: 2;
}

@-webkit-keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-fadeFastIn {
    0% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0;
    }
}

.f-fadeSlowIn {
    -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2;
}

.f-fadeSlowOut {
    -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1;
}

@-webkit-keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0;
    }
}

.f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2;
}

.f-crossfadeOut {
    -webkit-animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
    z-index: 1;
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0;
    }
}

.f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@-webkit-keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInPrev {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes f-slideInNext {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes f-slideOutNext {
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes f-slideOutPrev {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.f-classicIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2;
}

.f-classicIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2;
}

.f-classicOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1;
}

.f-classicOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1;
}

@-webkit-keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInNext {
    0% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes f-classicInPrev {
    0% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }
}

@keyframes f-classicOutNext {
    100% {
        -webkit-transform: translateX(-75px);
        transform: translateX(-75px);
        opacity: 0;
    }
}

@-webkit-keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }
}

@keyframes f-classicOutPrev {
    100% {
        -webkit-transform: translateX(75px);
        transform: translateX(75px);
        opacity: 0;
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition);
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg);
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
    outline: none;
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity 0.15s ease;
    -webkit-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    pointer-events: none;
}

.f-button[disabled] {
    cursor: default;
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
    pointer-events: none;
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto;
}

html.with-fancybox body {
    -ms-touch-action: none;
    touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none;
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: var(--fancybox-zIndex, 1050);
    outline: none;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain;
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
    box-sizing: inherit;
}

.fancybox__container::-webkit-backdrop {
    background-color: rgba(0, 0, 0, 0);
}

.fancybox__container::backdrop {
    background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity;
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip;
}

.fancybox__viewport {
    width: 100%;
    height: 100%;
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox__track {
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 100%;
}

.fancybox__slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    padding: 4px;
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    padding-top: 40px;
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
    overflow: hidden;
}

.fancybox__slide.has-image {
    overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
    overflow: visible;
}

.fancybox__slide::before,
.fancybox__slide::after {
    content: "";
    -ms-flex: 0 0 0px;
    flex: 0 0 0;
    margin: auto;
}

.fancybox__content {
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 0;
    padding: 2rem;
    max-width: 100%;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    cursor: default;
    border-radius: 0;
    z-index: 20;
}

.is-loading .fancybox__content {
    opacity: 0;
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.can-zoom_in .fancybox__content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
    cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    will-change: transform, width, height;
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox__caption {
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible;
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden;
}

.is-compact .fancybox__caption {
    padding-bottom: 0;
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1;
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative;
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px;
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1;
}

.is-idle .fancybox__nav {
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer;
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    z-index: 40;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    -webkit-animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
    animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
    animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    -webkit-animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    -webkit-animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
    animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    max-width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
    width: 100%;
    height: 100%;
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%;
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, 0.9);
    color: #fff;
}

.has-map .fancybox__content {
    background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
}

.f-thumbs {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1;
}

.f-thumbs .f-spinner svg {
    display: none;
}

.f-thumbs.is-vertical {
    height: 100%;
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
    display: -ms-flexbox;
    display: flex;
}

.f-thumbs__slide {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer;
}

.f-thumbs__slide.is-loading img {
    opacity: 0;
}

.is-classic .f-thumbs__viewport {
    height: 100%;
}

.is-modern .f-thumbs__track {
    width: -webkit-max-content;
    width: max-content;
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
    width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
    cursor: pointer;
}

.is-modern .f-thumbs__slide {
    width: var(--f-thumb-clip-width);
    -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
    transition: -webkit-transform 0.33s ease;
    transition: transform 0.33s ease;
    transition: transform 0.33s ease, -webkit-transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
    transition: -webkit-clip-path 0.33s ease;
    transition: clip-path 0.33s ease;
    transition: clip-path 0.33s ease, -webkit-clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
    -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
    -webkit-appearance: none;
    appearance: none;
    width: var(--f-thumb-width);
    height: 100%;
    margin: 0 -100% 0 -100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none;
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
    --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0));
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    -webkit-animation: f-fadeIn 0.2s ease-out;
    animation: f-fadeIn 0.2s ease-out;
    z-index: 10;
}

.f-thumbs__slide__img {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
    padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
    transition: none !important;
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20;
}

.fancybox__toolbar :focus-visible {
    z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    -webkit-animation: 0.15s ease-out both f-fadeOut;
    animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox__infobar span {
    padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
    position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: -ms-flexbox;
    display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: -ms-flexbox;
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: -ms-flexbox;
    display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: -ms-flexbox;
    display: flex;
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
@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");
  font-weight: 400;
  font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: 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: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-lock {
    display: 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;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 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%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
    border-radius: var(--swiper-scrollbar-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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: 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%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none;
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

/*--------- components -------------*/
/*--------- popup -------------*/
.popup {
    border-radius: 2.5rem;
    background-color: var(--white);
    padding: 5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    width: 66rem;
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

@media (max-width: 768px) {
    .popup {
        padding: 2rem;
        border-radius: 1.5rem;
        gap: 1rem;
    }
}

.popup.active {
    opacity: 1;
}

.popup__wrapper {
    display: none;
    inset: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1000;
}

@media (max-width: 768px) {
    .popup__wrapper {
        padding: 0 2rem;
    }
}

.popup__wrapper.active {
    display: -ms-flexbox;
    display: flex;
}

.popup__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .popup__title {
        margin-bottom: 1rem;
    }
}

@media (max-width: 768px) {
    .popup__title h2 {
        font-size: 2.2rem;
        line-height: 2.3rem;
    }
}

.popup__title .close {
    width: 3.6rem;
    height: 3.7rem;
    fill: var(--litttle-text);
}

.popup__title .close:hover {
    cursor: pointer;
    fill: var(--text-nav);
}

.popup__person {
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.5rem;
    gap: 2.5rem;
}

@media (max-width: 768px) {
    .popup__person {
        margin-top: 1rem;
        gap: 1rem;
    }
}

.popup__person-img {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
}

@media (max-width: 768px) {
    .popup__person-img {
        width: 7.8rem;
        height: 7.8rem;
    }
}

.popup__person-img img {
    border-radius: 50%;
}

.popup__person-desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
}

.popup__person-desc a {
    color: var(--hover);
}

@media (max-width: 768px) {
    .popup__person-desc a {
        font-size: 1rem;
        line-height: 0.8rem;
    }
}

@media (max-width: 768px) {
    .popup__person-desc a {
        font-size: 1rem;
        line-height: 0.8rem;
    }
}

.popup__person-desc a:hover {
    color: var(--hover-secondary);
}

@media (max-width: 768px) {
    .popup__person-desc p.text {
        font-size: 1.2rem;
        line-height: 1rem;
    }
}

.popup__subtitle {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--text-sub);
}

@media (max-width: 768px) {
    .popup__subtitle {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
}

.popup__name {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 3.3rem;
    color: var(--text-sub);
}

@media (max-width: 768px) {
    .popup__name {
        font-size: 1.8rem;
        line-height: 1.8rem;
    }
}

.popup__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

.popup__form label {
    width: 100%;
}

.popup__form label input {
    width: 100%;
}

.popup__form label input:focus {
    border: 0.2rem solid var(--hover-secondary);
}

.popup button {
    margin: 2.5rem 0;
}

@media (max-width: 768px) {
    .popup button {
        margin: 1rem 0;
        font-size: 1.2rem;
        padding: 0.5rem 2rem;
    }
}

.popup span {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: var(--bg-video);
}

@media (max-width: 768px) {
    .popup span {
        font-size: 1rem;
        line-height: 1rem;
    }
}

@media (max-width: 768px) {
    .popup .questions__input {
        padding: 0.5rem 1rem;
        font-size: 1.2rem;
        line-height: 1rem;
    }
}

.header {
    padding: 2.5rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .header {
        padding: 1.6rem 0;
    }
}

.header__wrapper {
    background-color: transparent;
    position: fixed;
    z-index: 22;
    width: 100%;
    margin-top: 2.5rem;
}

@media (max-width: 1024px) {
    .header__wrapper {
        margin-top: 1.5rem;
    }
}

.header__logo {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    width: 21rem;
    height: 3.5rem;
}

@media (max-width: 768px) {
    .header__logo {
        width: 15rem;
        height: 2.5rem;
    }
}

.header__logo svg {
    fill: var(--white);
}

.header__logo:hover {
    cursor: pointer;
}

.header__nav {
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

.header__nav li a {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    color: var(--white);
}

.header__nav li a:hover {
    cursor: pointer;
    color: var(--hover-secondary);
}

.header__nav-inf {
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .header__nav-inf {
        display: none;
    }
}

.header__menu {
    display: none;
}

@media (max-width: 1024px) {
    .header__menu {
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header__menu:hover .header__menu--burger span {
    cursor: pointer;
    background-color: var(--hover-secondary);
}

.header__menu--burger span {
    border: 1px;
    display: block;
    width: 1.7rem;
    height: 0.2rem;
    background-color: var(--white);
    margin-bottom: 0.5rem;
}

.header__menu--burger span:last-child {
    margin-bottom: 0;
}

.header__menu--text {
    color: var(--white);
    padding:0;
}

.header__menu--text:hover {
    cursor: pointer;
    color: var(--hover-secondary);
}

.moved {
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: 0;
}

.size {
    padding: 1.5rem 0;
}

.header__nav li a.color {
    color: var(--text-sub);
}

.header__nav li a.color:hover {
    color: var(--hover-secondary);
}

.header__menu--text.color {
    color: var(--text-sub);
}

.header__menu--text.color:hover {
    color: var(--hover-secondary);
}

.header__menu--burger span.color {
    background-color: var(--text-sub);
}

.header__menu--burger span.color:hover {
    background-color: var(--hover-secondary);
}

.header__logo svg.fill-red {
    fill: rgb(242, 64, 82);
}

@media (min-width: 1024px) {
    .element-animation-scale {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        transition: all 2s;
    }

    .element-animation-scale.element-show {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: all 2s;
    }

    .element-animation-left {
        opacity: 0;
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%);
        transition-duration: 1s;
    }

    .element-animation-right {
        opacity: 0;
        -webkit-transform: translateX(40%);
        transform: translateX(40%);
        transition-duration: 1s;
    }

    .element-animation-left.element-show,
  .element-animation-right.element-show {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition-duration: 1s;
    }

    .element-animation {
        -webkit-transform: translateY(5rem);
        transform: translateY(5rem);
        opacity: 0;
        transition-duration: 1s;
    }

    .element-animation.element-show {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        transition-duration: 2s;
        width:auto;
        max-width: 100%
    }

    .element-animation-bottom {
        opacity: 0;
        -webkit-transform: translateY(60%);
        transform: translateY(60%);
        transition-duration: 2s;
    }

    .element-animation-bottom.element-show {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition-duration: 2s;
    }

    .element-animation-opacity {
        opacity: 0;
        transition: all 2s;
    }

    .element-animation-opacity.element-show {
        opacity: 1;
        transition: all 2s;
    }
}

.button {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
    padding: 1rem 2rem;
    border: 0.2rem solid var(--white);
    border-radius: 1.5rem;
}

.button:hover {
    cursor: pointer;
}

.btn__transp {
    color: var(--white);
    position: relative;
    overflow: hidden;
    padding: 1.5rem 3rem;
}

@media (max-width: 768px) {
    .btn__transp {
        padding: 1rem 3rem;
    }
}

.btn__transp::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    color: var(--hover);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    z-index: -1;
}

.btn__transp:hover {
    color: var(--hover);
}

.btn__transp:hover::after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.btn__white {
    background-color: var(--white);
    color: var(--hover);
    border-color: var(--hover);
}

.btn__white:hover {
    color: var(--hover-secondary);
    border-color: var(--hover-secondary);
}

.btn__white:disabled {
    color: var(--disaibled);
    border-color: var(--disaibled);
}

.moved {
    color: var(--hover);
    border-color: var(--hover);
}

.moved:hover {
    color: var(--hover-secondary);
    border-color: var(--hover-secondary);
}

.btn__main {
    background-color: var(--hover);
    color: var(--white);
}

.btn__main:hover {
    background-color: var(--hover-secondary);
    color: var(--white);
}

.btn__main:disabled {
    background-color: var(--disaibled);
    color: var(--white);
}

.popup-thank {
    border-radius: 2.5rem;
    background-color: var(--white);
    padding: 5rem;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    width: 40%;
}

@media (max-width: 1024px) {
    .popup-thank {
        width: 60%;
        padding: 3rem;
    }
}

@media (max-width: 768px) {
    .popup-thank {
        width: 60%;
        padding: 2rem;
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .popup-thank h2 {
        font-size: 1.8rem;
        line-height: 2rem;
    }
}

.popup-thank .close {
    width: 4rem;
    height: 4rem;
    fill: var(--litttle-text);
}

@media (max-width: 768px) {
    .popup-thank .close {
        width: 5rem;
        height: 2rem;
    }
}

.popup-thank .close:hover {
    cursor: pointer;
    fill: var(--text-nav);
}

.popup-thank__wrapper {
    display: none;
    inset: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1001;
}

.popup-thank__wrapper.active {
    display: -ms-flexbox;
    display: flex;
}

.top_menu {
    position: fixed;
    background-color: var(--white);
    inset: 0;
    overflow: auto;
    overflow-x: hidden;
    z-index: 100000;
    -webkit-transform: translate(110%);
    transform: translate(110%);
    transition: all 0.3s;
}

.menu__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
}

.menu__list li button {
    margin: 1rem;
}

.menu__item {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 0.7rem;
    color: var(--text-sub);
}

.menu__item:hover {
    cursor: pointer;
}

.menu__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2.5rem 0;
}

@media (max-width: 1024px) {
    .menu__top {
        margin: 2.5rem 0 3.5rem 0;
    }
}

@media (max-width: 768px) {
    .menu__top {
        margin: 2.5rem 0;
    }
}

.menu__top a svg {
    width: 15.5rem;
    height: 2.5rem;
    fill: var(--lodo-mov);
}

.menu__top .close {
    width: 2.5rem;
    height: 2.5rem;
    fill: var(--hover);
}

.menu__top:hover {
    cursor: pointer;
}

.menu__burger {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -ms-flex-align: center;
    align-items: center;
}

.menu__burger p {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: var(--hover);
    padding: 0;
}

.menu__item:last-child:hover > .menu__additionally {
    opacity: 1;
}

.menu__additionally {
    margin-top: 1.5rem;
    opacity: 0;
}

@media (max-width: 1024px) {
    .menu__additionally {
        margin: 2.5rem 0;
    }
}

@media (max-width: 768px) {
    .menu__additionally {
        margin: 1.5rem 0;
    }
}

.menu__additionally-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
}

@media (max-width: 1024px) {
    .menu__additionally-list {
        margin: 2.5rem;
    }
}

@media (max-width: 768px) {
    .menu__additionally-list {
        margin: 1.5rem;
    }
}

.menu__additionally-item a {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 0.7rem;
    color: var(--hover);
}

.menu.active {
    -webkit-transform: translate(0%);
    transform: translate(0%);
}

.video-popup {
    background-color: var(--white);
    border-radius: 2.5rem;
    padding: 2rem 3.5rem;
    width: 60%;
    height: 60%;
}

@media (max-width: 1024px) {
    .video-popup {
        height: 42rem;
    }
}
@media (max-width: 768px) {
    .video-popup {
      width: 98%;
    padding: 2rem 2rem;
    height: fit-content;
    }
}
.video-popup__wrapper {
    display: none;
    inset: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1001;
}

.video-popup__wrapper.active {
    display: -ms-flexbox;
    display: flex;
}

.video-popup__title {
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

.video-popup__title .close {
    width: 4rem;
    height: 4rem;
    fill: var(--hover);
}

@media (max-width: 768px) {
    .video-popup__title .close {
        width: 5rem;
        height: 2rem;
    }
}

.video-popup__title .close:hover {
    cursor: pointer;
    fill: var(--text-nav);
}
.video-popup__title h3
{
    padding-bottom: 0;
}

.video-popup__item {
    margin-top: 1rem;
    height: 88%;
}

@media (max-width: 1024px) {
    .video-popup__item {
        height: 77%;
    }
}

.video-popup__item iframe {
    width: 100%;
    height: 100%;
}

/*------header-----*/
.header {
    padding: 2.5rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .header {
        padding: 1.6rem 0;
    }
}

.header__wrapper {
    background-color: transparent;
    position: fixed;
    z-index: 22;
    width: 100%;
    margin-top: 2.5rem;
}

@media (max-width: 1024px) {
    .header__wrapper {
        margin-top: 1.5rem;
    }
}

.header__logo {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    width: 21rem;
    height: 3.5rem;
}

@media (max-width: 768px) {
    .header__logo {
        width: 15rem;
        height: 2.5rem;
    }
}

.header__logo svg {
    fill: var(--white);
}

.header__logo:hover {
    cursor: pointer;
}

.header__nav {
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

.header__nav li a {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    color: var(--white);
}

.header__nav li a:hover {
    cursor: pointer;
    color: var(--hover-secondary);
}

.header__nav-inf {
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .header__nav-inf {
        display: none;
    }
}

.header__menu {
    display: none;
}

@media (max-width: 1024px) {
    .header__menu {
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
        -ms-flex-align: center;
        align-items: center;
    }
}

.header__menu:hover .header__menu--burger span {
    cursor: pointer;
    background-color: var(--hover-secondary);
}

.header__menu--burger span {
    border: 1px;
    display: block;
    width: 1.7rem;
    height: 0.2rem;
    background-color: var(--white);
    margin-bottom: 0.5rem;
}

.header__menu--burger span:last-child {
    margin-bottom: 0;
}

.header__menu--text {
    color: var(--white);
}

.header__menu--text:hover {
    cursor: pointer;
    color: var(--hover-secondary);
}

.moved {
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: 0;
}

.size {
    padding: 1.5rem 0;
}

.header__nav li a.color {
    color: var(--text-sub);
}

.header__nav li a.color:hover {
    color: var(--hover-secondary);
}

.header__menu--text.color {
    color: var(--text-sub);
}

.header__menu--text.color:hover {
    color: var(--hover-secondary);
}

.header__menu--burger span.color {
    background-color: var(--text-sub);
}

.header__menu--burger span.color:hover {
    background-color: var(--hover-secondary);
}

.header__logo svg.fill-red {
    fill: rgb(242, 64, 82);
}

/*------pages------*/
.banner {
    overflow: hidden;
    position: relative;
}

@media (max-width: 1024px) {
    .banner {
        height: auto;
    }
}

@media (max-width: 768px) {
    .banner {
        height: auto;
        min-height: 100vh;
    }
}

.banner__bg {
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 1024px) {
    .banner__bg {
        bottom: 0;
    }
}

.banner__content-text {
    position: relative;
    margin-left: 6%;
    margin-top: 16.5rem;
    color: var(--white);
    width: 50%;
    float: left;
    margin-bottom: 56px;
}

@media (max-width: 1024px) {
    .banner__content-text {
        width: 100%;
        top: 15%;
    }
}

@media (max-width: 768px) {
    .banner__content-text {
        margin-top: 26%;
        width: auto;
        margin-right: 6%;
    }
}

.banner__content-text h1 {
    color: var(--white);
    width: 70%;
    margin-bottom: 2.5rem;
}

@media (max-width: 1024px) {
    .banner__content-text h1 {
        margin-bottom: 1.5rem;
        width: 80%;
    }
}

@media (max-width: 768px) {
    .banner__content-text h1 {
        width: 100%;
    }
}

.banner__content-text p {
    width: 60%;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (max-width: 768px) {
    .banner__content-text p {
        font-size: 1.8rem;
        line-height: 2.7rem;
        width: 85%;
    }
}

.banner__buttons {
    margin-top: 5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20rem;
    width: 100%;
}

@media (max-width: 768px) {
    .banner__buttons {
        margin-top: 7px;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .banner__buttons .btn__transp {
        width: 100%;
    }
}

.banner__buttons .btn__transp:hover {
    color: var(--hover);
    background-color: var(--white);
}

.banner__content-img {
    position: absolute;
    left: 51%;
    bottom: 0;
    top: 12rem;
    max-height: 100%;
    right: 1%;
    text-align: center;
}

@media (max-width: 1024px) {
    .banner__content-img {
        margin-left: 30%;
        position: relative;
        float: left;
        top: 0;
        width: 40%;
        left: 0;
        height: auto;
    }
}
@media (max-width: 1200px) {
    .banner__btn
    {
            width: auto;
    }

}

@media (max-width: 768px) {
    .banner__content-img {
        margin-left: 6%;
        width: 88%;
    }
}

.banner__content-img img:nth-child(2) {
    position: absolute;
    z-index: 2;
    width: 10rem;
    height: 11rem;
    top: 18%;
    left: 69%;
}

.banner__btn {
    background-color: var(--white);
    color: var(--hover);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.6rem;
    position: relative;
    z-index: 1;
}
.banner__btn_scnd
{
    position: absolute;
    right: 40%;
    bottom: 56px;
}
@media (max-width: 1024px) {
    .banner__content-img img:nth-child(2) {
        width: 5.8rem;
        height: 6rem;
    }

    .banner__btn_scnd
    {
        right: 5rem;
        bottom: 3rem;
    }
}


.banner__btn svg {
    fill: var(--hover);
    height: 3.2rem;
    width: 3.2rem;
}
.banner__btn:hover {
    cursor: pointer;
    background-color: var(--hover);
    color: var(--white);
}

@media (max-width: 768px) {
    .banner__btn {
        display: none;
    }
    .banner__btn_scnd
    {
        display: block;
    line-height: 1.5rem;
    font-size: 1.5rem;
    right: 24px;
    bottom: 22px;
    }
    .banner__content-text
    {
        margin-bottom:27px;
    }
    .banner__btn_scnd svg
    {
        height: 2rem;
        width: 2rem;
        vertical-align: sub;
    }

}



.banner__btn:hover svg {
    fill: var(--white);
}

.number {
    margin-top: 10rem;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    width: 100%;
}

@media (max-width: 1024px) {
    .number {
        margin-top: 2.5rem;
    }
}

@media (max-width: 768px) {
    .number {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 2.5rem;
        row-gap: 2.5rem;
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}

.number__item {
    width: 25%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    padding-right: 6rem;
}

@media (max-width: 1024px) {
    .number__item {
        padding-right: 2rem;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .number__item {
        width: 47%;
        padding-right: 0;
    }
}

.number__figure {
    color: var(--text-sub);
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 3.5rem;
    line-height: 4.4rem;
    padding-bottom: 1rem;
    border-bottom: 0.2rem solid var(--hover-secondary);
    width: -webkit-max-content;
    width: max-content;
}

@media (max-width: 1024px) {
    .number__figure {
        font-size: 2rem;
        line-height: 2.2rem;
    }
}

@media (max-width: 768px) {
    .number__figure {
        font-size: 1.6rem;
    }
}

.number__text {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.7rem;
    color: var(--text);
}

@media (max-width: 1024px) {
    .number__text {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
}

@media (max-width: 768px) {
    .number__text {
        line-height: 1.8rem;
    }
}

.target {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .target {
        margin-top: 5rem;
    }
}

.target h2 {
    width: 38%;
}

@media (max-width: 1024px) {
    .target h2 {
        width: 63%;
    }
}

@media (max-width: 768px) {
    .target h2 {
        width: 100%;
    }
}

.target__content {
    margin-top: 7.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1024px) {
    .target__content {
        margin-top: 2.5rem;
    }
}

@media (max-width: 768px) {
    .target__content {
        grid-template-columns: repeat(1, 1fr);
    }
}

.target__item {
    width: 100%;
    border: 0.1rem solid var(--hover);
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .target__item {
        padding: 1.5rem;
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .target__item {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem;
        border: 0.1rem solid var(--disaibled);
    }
}

.target__item:nth-child(1) {
    border-top-left-radius: 2.5rem;
    border-right: 0;
    border-bottom: 0;
}

@media (max-width: 768px) {
    .target__item:nth-child(1) {
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5rem;
        border: 0.1rem solid var(--disaibled);
        border-bottom: 0;
    }
}

.target__item:nth-child(2) {
    border-right: 0;
    border-bottom: 0;
}

@media (max-width: 768px) {
    .target__item:nth-child(2) {
        border-right: 0.1rem solid var(--disaibled);
    }
}

.target__item:nth-child(3) {
    border-top-right-radius: 2.5rem;
    border-bottom: 0;
}

@media (max-width: 768px) {
    .target__item:nth-child(3) {
        border-top-right-radius: 0;
        border-bottom-left-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        border-bottom: 0.1rem solid var(--disaibled);
    }
}

.target__item:nth-child(4) {
    border-bottom-left-radius: 2.5rem;
    border-right: 0;
}

@media (max-width: 768px) {
    .target__item:nth-child(4) {
        display: none;
    }
}

.target__item:nth-child(5) {
    border-right: 0;
}

@media (max-width: 768px) {
    .target__item:nth-child(5) {
        display: none;
    }
}

.target__item:nth-child(6) {
    border-bottom-right-radius: 2.5rem;
}

@media (max-width: 768px) {
    .target__item:nth-child(6) {
        display: none;
    }
}

.target__number {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 100%;
    background-color: var(--bg-number);
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 3.3rem;
    color: var(--white);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .target__number {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.target__content--mob {
    display: none;
    margin-top: 2.5rem;
}

.target .show-more {
    display: none;
}

@media (max-width: 768px) {
    .target .show-more {
        margin-top: 2.5rem;
        font-family: "IBM Plex Sans", sans-serif;
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--hover);
        display: -ms-flexbox;
        display: flex;
        gap: 1rem;
    }
}

.target .show-more svg {
    fill: var(--hover);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 2rem;
    height: 2rem;
}

.target .show-more:hover {
    cursor: pointer;
    color: var(--hover);
}

.possibilities {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .possibilities {
        margin-top: 5rem;
    }
}

.possibilities__content {
    display: grid;
    gap: 2.5rem;
    margin-top: 5rem;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
    .possibilities__content {
        margin-top: 2.5rem;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 3rem;
        grid-row-gap: 1.5rem;
        grid-template-rows: repeat(4, 40rem);
    }
}

@media (max-width: 768px) {
    .possibilities__content {
        grid-template-rows: repeat(4, 15rem);
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .possibilities__item p {
        display: none;
    }
}

.possibilities__item {
    width: 100%;
    background-color: var(--bg-card);
    border-radius: 2.5rem;
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
}

@media (max-width: 768px) {
    .possibilities__item {
        border-radius: 1.5rem;
        padding: 1.5rem;
        gap: 1.5rem;
    }
}

.possibilities__item h3 {
    color: var(--text-sub);
    border-bottom: 0.2rem solid var(--hover-secondary);
    padding-bottom: 1rem;
    min-height: 8rem;
}

@media (max-width: 768px) {
    .possibilities__item h3 {
        border-bottom: none;
    }
}

.possibilities__item svg, .possibilities__item .icon {
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 0;
}

@media (max-width: 1024px) {
    .possibilities__item svg, .possibilities__item .icon {
        width: 4.2rem;
        height: 4.2rem;
    }
}

.possibilities__item p {
    font-size: 2.2rem;
    line-height: 3.7rem;
}

@media (max-width: 768px) {
    .possibilities__item p {
        display: none;
    }
}

.possibilities__item:last-child {
    padding: 0;
    border-radius: 2.5rem;
}

@media (max-width: 768px) {
    .possibilities__item:last-child {
        border-radius: 1.5rem;
    }
}

.possibilities__item img {
    border-radius: 2.5rem;
    width:auto;
}

@media (max-width: 768px) {
    .possibilities__item img {
        border-radius: 1.5rem;
        width:auto;
    }
}

.about {
    background-color: var(--bg-card);
    border-radius: 2.5rem;
    margin-top: 10rem;
    padding: 5rem 5rem 0 5rem;
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .about {
        margin-top: 5rem;
        padding: 2.5rem;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: center;
        align-items: center;
    }
}

.about__tel {
    position: relative;
    width: 22rem;
    height: 44rem;
    margin-right: 17rem;
}

@media (max-width: 1024px) {
    .about__tel {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .about__tel {
        width: 15rem;
        height: 30rem;
    }
}

.about__tel::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: linear-gradient(180deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
}

.about__desc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .about__desc {
        gap: 1.5rem;
    }
}

.about__desc-container {
    -ms-flex-align: start;
    align-items: flex-start;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5rem;
}

@media (max-width: 1024px) {
    .about__desc-container {
        padding-bottom: 0;
        width: 100%;
    }
}

.about__desc-container a.button {
    padding: 1.5rem 3rem;
}

@media (max-width: 1024px) {
    .about__desc-container a.button {
        display: none;
    }
}

.about__img-container {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .about__img-container {
        width: auto;
    }
}

.about__img-icon {
    width: 6.4rem;
    height: 7rem;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-bottom: 5rem;
}

@media (max-width: 1024px) {
    .about__img-icon {
        display: none;
    }
}

.about__btn {
    display: none;
}

@media (max-width: 1024px) {
    .about__btn {
        display: block;
    }
}

.list {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .list {
        margin-top: 5rem;
    }
}

.list button.button {
    margin-top: 8rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: relative;
    top: 50%;
    left: 50%;
    padding: 1.5rem 3rem;
}

@media (max-width: 768px) {
    .list button.button {
        width: 100%;
    }
}

.list__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .list__nav {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.2rem;
    }
}

.list__place {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 3.3rem;
    color: var(--hover);
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
}

@media (max-width: 768px) {
    .list__place {
        font-size: 1.6rem;
        line-height: 2.2rem;
        gap: 2.5rem;
    }
}

.list__place-item.active {
    color: var(--text-sub);
    padding-bottom: 1.5rem;
    border-bottom: 0.2rem solid var(--hover-secondary);
}
.list__place-item.one {
    color: var(--text-sub);
}

@media (max-width: 1024px) {
    .list__place-item.active {
        padding-bottom: 0.7rem;
    }
}

.list__place-item:hover {
    cursor: pointer;
}

.list__period {
    border-radius: 1.5rem;
    border: 0.1rem solid var(--disaibled);
    padding: 0.5rem;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .list__period {
        border: 0;
    }
}

.list__period-item {
    padding: 0.25rem 1rem;
    color: var(--hover);
}

@media (max-width: 1024px) {
    .list__period-item {
        padding: 0.25rem 0.6rem;
    }
}

@media (max-width: 768px) {
    .list__period-item {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
}

.list__period-item:hover {
    cursor: pointer;
}

.list__period-item.active {
    color: var(--white);
    background-color: var(--hover);
    border-radius: 1rem;
}

.list__content {
    display: none;
    border: 0.1rem solid var(--disaibled);
    border-radius: 2.5rem;
    grid-template-columns: repeat(4, 1fr);
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5rem;
}

.list__content.cnt2
{
    width:50%;
    margin: 5rem auto 0;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 1024px) {
    .list__content {
        grid-template-columns: repeat(2, 1fr);
    }

    .list__content.cnt2
    {
        width:auto;
    }
}

@media (max-width: 768px) {
    .list__content {
        margin-top: 2.5rem;
    }
}

.list__content.active {
    display: grid;
}

.list__card {
    padding: 2.5rem;
}

@media (max-width: 1024px) {
    .list__card {
        padding: 1.5rem;
    }
}
.js-cloud  .list__card
{
    display:none;
}
.js-cloud  .list__card.shwd
{
    display:block;
}
.list__card:not(:last-child) {
    border-right: 0.1rem solid var(--disaibled);
}

@media (max-width: 1024px) {
    .list__card:nth-child(2) {
        border-right: 0;
        border-bottom: 0.1rem solid var(--disaibled);
    }
}

.list__content-item {
    border-right: 0.1rem solid var(--disaibled);
}

.list__card-title {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--text-sub);
}

.list__card-subscribe {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.7rem;
    color: var(--disaibled);
}

@media (max-width: 768px) {
    .list__card-subscribe {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.list .old {
    color: var(--disaibled);
    text-decoration: line-through;
}

@media (max-width: 768px) {
    .list .old {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
}

.list__card-price {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.2rem solid var(--hover-secondary);
    margin-bottom: 1rem;
    margin-top: 5rem;
    width: -webkit-max-content;
    width: max-content;
}

@media (max-width: 768px) {
    .list__card-price {
        margin-top: 2.5rem;
        padding-bottom: 1rem;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.list__card-sked {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: var(--text);
    margin-top: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 768px) {
    .list__card-sked {
        font-size: 1.2rem;
        line-height: 1.5rem;
        gap: 0.5rem;
        margin-top: 1.5rem;
    }
}

.list__card-sked li {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -ms-flex-align: end;
    align-items: flex-end;
}

.list .circle {
    width: 2.6rem;
    height: 1.9rem;
}

@media (max-width: 768px) {
    .list .circle {
        display: none;
    }
}

.list__card-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.list .square {
    background-color: var(--lodo-mov);
    border-radius: 0.5rem;
    color: var(--white);
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    padding: 0.2rem 0.4rem 0.3rem 0.4rem;
}

@media (max-width: 768px) {
    .list .square {
        position: relative;
        -webkit-transform: translate(-9%, -115%);
        transform: translate(-9%, -115%);
    }
}

.list .new {
    color: var(--text-sub);
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.9rem;
}

.list .new__price {
    font-size: 4rem;
    line-height: 5rem;
    margin-left: 0.5rem;
}

@media (max-width: 768px) {
    .list .new__price {
        font-size: 1.6rem;
        line-height: 1.9rem;
    }
}

.list__card.active {
    border: 0.2rem solid var(--hover-secondary);
    border-radius: 2.5rem;
    padding: 4rem;
    box-shadow: 4px 4px 8px 0 rgba(56, 88, 201, 0.2);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color: var(--white);
}

@media (max-width: 1024px) {
    .list__card.active {
        padding: 1.5rem;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.list__card:last-child, .list__card.last {
    padding-left: 5rem;
}

@media (max-width: 768px) {
    .list__card:last-child, .list__card.last {
        padding-left: 2rem;
    }
}

.list__card:last-child ul li, .list__card.last ul li {
    line-height: 2.1rem;
}

@media (max-width: 768px) {
    .list__card:last-child ul li, .list__card.last ul li {
        line-height: 1.5rem;
    }
}

.list__card:last-child ul li svg.circle, .list__card.last ul li svg.circle {
    width: 2.8rem;
    height: 2.5rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

@media (max-width: 1024px) {
    .list__card:last-child ul li svg.circle, .list__card.last ul li svg.circle {
        width: 2rem;
        height: 2rem;
    }
}

.partners {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .partners {
        margin-top: 5rem;
    }
}

.partners__container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 2.5rem;
    margin-top: 5rem;
}

@media (max-width: 1024px) {
    .partners__container {
        margin-top: 2.5rem;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 10rem);
    }
}

@media (max-width: 768px) {
    .partners__container {
        margin-top: 2.5rem;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 7rem);
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .partners__container {
        grid-gap: 1.5rem;
    }
}

.partners__item {
    border-radius: 2.5rem;
    background-color: var(--bg-card);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .partners__item {
        border-radius: 1.5rem;
    }
}

@media (max-width: 768px) {
    .partners__item:nth-child(n+8):nth-child(-n+11) {
        display: none;
    }
}

.partners__item:last-child {
    border: 0.2rem solid var(--hover);
}

.partners__item:last-child p {
    font-family: "RF Dewi", sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 3.3rem;
    color: var(--hover);
}

@media (max-width: 768px) {
    .partners__item:last-child p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.instructions {
    margin-top: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .instructions {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 5rem;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .instructions {
        display: none;
    }
}

.instructions__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 65.7rem;
    height: 55.6rem;
}

@media (max-width: 1024px) {
    .instructions__img {
        display: none;
    }
}

.instructions__description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5rem;
    width: 50%;
    padding-right: 11.4rem;
}

@media (max-width: 1024px) {
    .instructions__description {
        width: 100%;
        gap: 2rem;
    }
}

.instructions__description h2 {
    width: 84%;
}

.instructions__description p {
    width: 80%;
}

.instructions__buttons {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.instructions__buttons a,
.instructions__buttons button {
    padding: 1.5rem 3rem;
}

.case {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .case {
        margin-top: 3rem;
    }
}

.case__container {
    margin-top: 5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .case__container {
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .case__container {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 2.5rem;
        gap: 1.5rem;
    }
}

.case__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 21rem);
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .case__items {
        gap: 1.5rem;
        grid-template-rows: repeat(3, 15rem);
    }
}

@media (max-width: 768px) {
    .case__items {
        grid-template-rows: repeat(3, 13rem);
    }
}

.case__items:nth-child(1) .case__item:nth-child(3), .case__items:nth-child(3) .case__item:nth-child(3) {
    grid-row: 2/span 2;
    grid-column: 1/span 2;
}

.case__items:nth-child(2) .case__item:nth-child(1) {
    grid-row: 1/span 2;
    grid-column: 1/span 2;
}

@media (max-width: 768px) {
    .case__items:nth-child(2) .case__item:nth-child(1) {
        grid-row: 2/span 2;
        grid-column: 1/span 2;
    }
}

.case__items:nth-child(1) .case__item:nth-child(1) {
    background-color: var(--bg-card__secondary);
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .case__items:nth-child(1) .case__item:nth-child(1) {
        gap: 1.5rem;
        padding: 1.5rem;
    }
}

.case__items:nth-child(1) .case__item:nth-child(1) p {
    color: var(--white);
    border-color: var(--white);
}

.case__items:nth-child(1) .case__item:nth-child(1) p:nth-child(2) {
    width: auto;
}

.case__items:nth-child(1) .case__item:nth-child(3) {
    background-color: var(--bg-card);
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .case__items:nth-child(1) .case__item:nth-child(3) {
        padding: 1.5rem;
    }
}

.case__items:nth-child(1) .case__item:nth-child(3) div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .case__items:nth-child(1) .case__item:nth-child(3) div {
        gap: 1.5rem;
    }
}

@media (max-width: 768px) {
    .case__items:nth-child(2) .case__item:nth-child(1) {
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (max-width: 768px) {
    .case__items:nth-child(2) .case__item:nth-child(3) {
        -ms-flex-order: 3;
        order: 3;
    }
}

.case__items:nth-child(2) .case__item:nth-child(2) {
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    background-color: var(--hover);
}

@media (max-width: 1024px) {
    .case__items:nth-child(2) .case__item:nth-child(2) {
        gap: 1.5rem;
        padding: 1.5rem;
    }
}

@media (max-width: 768px) {
    .case__items:nth-child(2) .case__item:nth-child(2) {
        -ms-flex-order: 1;
        order: 1;
    }
}

.case__items:nth-child(2) .case__item:nth-child(2) p {
    color: var(--white);
    border-color: var(--white);
}

.case__items:nth-child(2) .case__item:nth-child(2) p:nth-child(2) {
    width: auto;
}

.case__items:nth-child(2) .case__item:nth-child(1) {
    background-color: var(--bg-card);
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .case__items:nth-child(2) .case__item:nth-child(1) {
        padding: 1.5rem;
    }
}

.case__items:nth-child(2) .case__item:nth-child(1) div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .case__items:nth-child(2) .case__item:nth-child(1) div {
        gap: 1.5rem;
    }
}

.case__items:nth-child(3) .case__item:nth-child(2) {
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    background-color: var(--hover);
}

@media (max-width: 1024px) {
    .case__items:nth-child(3) .case__item:nth-child(2) {
        gap: 1.5rem;
        padding: 1.5rem;
    }
}

.case__items:nth-child(3) .case__item:nth-child(2) p {
    color: var(--white);
    border-color: var(--white);
}

.case__items:nth-child(3) .case__item:nth-child(2) p:nth-child(2) {
    width: auto;
}

.case__items:nth-child(3) .case__item:nth-child(3) {
    background-color: var(--bg-card);
    padding: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .case__items:nth-child(3) .case__item:nth-child(3) {
        padding: 1.5rem;
    }
}

.case__items:nth-child(3) .case__item:nth-child(3) div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
}

@media (max-width: 1024px) {
    .case__items:nth-child(3) .case__item:nth-child(3) div {
        gap: 1.5rem;
    }
}

.case__item {
    border-radius: 2.5rem;
    position: relative;
    overflow: hidden;
}

.case__item .text
{
    max-height: 16.5rem;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
@media (max-width: 768px) {
    .case__item {
        border-radius: 1.5rem;
    }
    .case__item .text
    {
        -webkit-line-clamp: 3;
        padding:0;
    }

}
.case__item .number__text
{

    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.case__icon-teh {
    width: 17.4rem;
    height: 3rem;
}
.case__icon-teh img{
    object-fit: contain;
    object-position: left;
}

.case__icon-omo {
    width: 18.6rem;
    height: 3.5rem;
}

.case__icon-anescom {
    width: 12.6rem;
    height: 4rem;
}

.case__item-linc {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    color: var(--hover);
    margin-top: 1rem;
}

.case__item-linc.btext {
    font-family: "IBM Plex Sans", sans-serif;
            font-size: 1.6rem;
        line-height: 2.4rem;
        color: var(--hover);

}

.case__item-linc:hover, .case__item-linc:hover svg {
    color: var(--hover-secondary);
    fill: var(--hover-secondary);
}

.case__item-linc svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: var(--hover);
}

.case__btn {
    display: none;
}

@media (max-width: 768px) {
    .case__btn {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .case__items:nth-child(2), .case__items:nth-child(3) {
        display: none;
    }
}

.quiz {
    margin-top: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 2.5rem;
    padding: 0 5.2rem;
    background-color: var(--hover-secondary);
}

@media (max-width: 1024px) {
    .quiz {
        margin-top: 5rem;
        padding: 0 2.5rem;
    }
}

@media (max-width: 768px) {
    .quiz {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.quiz__text {
    width: 50%;
    padding: 5rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .quiz__text {
        width: 100%;
        gap: 1.5rem;
        padding: 2.5rem 0;
    }
}

.quiz__text h2, .quiz__text p {
    color: var(--white);
}

.quiz__text a.button {
    border: none;
    padding: 1.5rem 3rem;
}

@media (max-width: 768px) {
    .quiz__text a.button {
        width: 100%;
    }
}

.quiz__text a.button:hover {
    background-color: var(--white);
    color: var(--hover-secondary);
}

.quiz__img {
    width: 58rem;
    height: 44rem;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 1024px) {
    .quiz__img {
        width: 52rem;
        height: 40rem;
    }
}

@media (max-width: 768px) {
    .quiz__img {
        width: 29rem;
        height: 25rem;
    }
}

.scheme {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .scheme {
        display: none;
    }
}

.scheme__container {
    margin-top: 5rem;
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(4, 1fr);
}

.scheme__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    padding-left: 2.5rem;
}

.scheme__arrow svg {
    width: 35rem;
    height: 3rem;
}

.scheme__item--top {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -ms-flex-align: center;
    align-items: center;
}

.scheme__item-icon {
    width: 10rem;
    height: 10rem;
}

.scheme__item-subtitle {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-size: 2.6rem;
    line-height: 1.4;
    color: var(--text-sub);
}

.scheme__text {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 2.9rem;
}

.integration {
    margin-top: 10rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.5rem;
    overflow: visible;
}

@media (max-width: 1024px) {
    .integration {
        margin-top: 5rem;
        gap: 4.5rem;
    }
}

@media (max-width: 768px) {
    .integration {
        gap: 2.5rem;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .integration h2 {
        display: none;
    }
}

.integration__inf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 10rem;
}

@media (max-width: 768px) {
    .integration__inf {
        padding-right: 0;
    }
}

.integration__inf a.button {
    margin-top: 5rem;
}

@media (max-width: 768px) {
    .integration__inf a.button {
        display: none;
    }
}

.integration__icons {
    border-radius: 2.5rem;
    border: 0.2rem solid var(--hover-secondary);
    position: relative;
    width: 48%;
    height: 37rem;
}

@media (max-width: 1024px) {
    .integration__icons {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .integration__icons {
        border-radius: 1.1rem;
        height: 41rem;
    }
}

.integration__img {
    position: absolute;
    top: -8%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    padding: 0 1.5rem;
    background-color: var(--white);
}

@media (max-width: 768px) {
    .integration__img {
        top: -3%;
    }
}

.integration__img svg {
    fill: var(--lodo-mov);
    width: 24rem;
    height: 6.5rem;
}

@media (max-width: 768px) {
    .integration__img svg {
        width: 15rem;
        height: 2.3rem;
    }
}

.integration__icons-container {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    top: 15%;
    left: -3%;
    overflow: visible;
}

@media (max-width: 1024px) {
    .integration__icons-container {
        top: 7%;
    }
}

@media (max-width: 768px) {
    .integration__icons-container {
        top: 6%;
    }
}

@media (max-width: 375px) {
    .integration__icons-container {
        left: -4%;
    }
}

.integration__icons-container .row1 {
    padding: 3rem 0 2rem;
    background-color: var(--white);
    display: -ms-flexbox;
    display: flex;
    gap: 2.2rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .integration__icons-container .row1 {
        padding: 2rem 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        right: -1%;
    }
}

@media (max-width: 768px) {
    .integration__icons-container .row1 {
        gap: 1.5rem;
        padding-top: 0.8rem;
    }
}

@media (max-width: 375px) {
    .integration__icons-container .row1 {
        padding: 0.8rem 0 1.5rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(1) div {
    width: 6.5rem;
    height: 3rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(1) div {
        width: 5rem;
        height: 2rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(2) div {
    width: 7.2rem;
    height: 3.5rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(2) div {
        width: 5.6rem;
        height: 2.6rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(3) div {
    width: 9rem;
    height: 3rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(3) div {
        width: 5.6rem;
        height: 1.9rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(4) div {
    width: 7.5rem;
    height: 1rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(4) div {
        width: 6rem;
        height: 1rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(5) div {
    width: 7.6rem;
    height: 2.1rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(5) div {
        width: 5.1rem;
        height: 1.1rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(6) div {
    width: 6.3rem;
    height: 1.1rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(6) div {
        width: 4.9rem;
        height: 0.9rem;
    }
}

.integration__icons-container .row1 .integration__icon:nth-child(7) div {
    width: 5.8rem;
    height: 1.3rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row1 .integration__icon:nth-child(7) div {
        width: 4.4rem;
        height: 1.2rem;
    }
}

.integration__icons-container .row2 {
    display: -ms-flexbox;
    display: flex;
    gap: 2.2rem;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .integration__icons-container .row2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        right: -2%;
        padding: 0.2rem 0;
        background-color: var(--white);
    }
}

@media (max-width: 768px) {
    .integration__icons-container .row2 {
        gap: 1.5rem;
        padding-top: 0;
    }
}

@media (max-width: 375px) {
    .integration__icons-container .row2 {
        background-color: var(--white);
    }
}

.integration__icons-container .row2 .integration__icon:nth-child(1) div {
    width: 8.5rem;
    height: 4.3rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row2 .integration__icon:nth-child(1) div {
        width: 4.8rem;
        height: 2.3rem;
    }
}

.integration__icons-container .row2 .integration__icon:nth-child(2) div {
    width: 8.2rem;
    height: 5rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row2 .integration__icon:nth-child(2) div {
        width: 7.2rem;
        height: 3rem;
    }
}

.integration__icons-container .row2 .integration__icon:nth-child(3) div {
    width: 5.2rem;
    height: 5.6rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row2 .integration__icon:nth-child(3) div {
        width: 4.8rem;
        height: 5.1rem;
    }
}

.integration__icons-container .row2 .integration__icon:nth-child(4) div {
    width: 5.2rem;
    height: 2.6rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row2 .integration__icon:nth-child(4) div {
        width: 4.8rem;
        height: 2.3rem;
    }
}

.integration__icons-container .row2 .integration__icon:nth-child(5) div {
    width: 7.4rem;
    height: 4.6rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row2 .integration__icon:nth-child(5) div {
        width: 5rem;
        height: 2.8rem;
    }
}

.integration__icons-container .row2 .integration__icon:nth-child(6) div {
    width: 7.4rem;
    height: 2.5rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row2 .integration__icon:nth-child(6) div {
        width: 4.7rem;
        height: 1.6rem;
    }
}

.integration__icons-container .row3 {
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-min-content;
    width: min-content;
    margin: 2rem auto 0;
    gap: 2rem;
    background-color: var(--white);
    padding: 0 4rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row3 {
        gap: 1.5rem;
        margin: 1.5rem auto;
        padding: 0 1.5rem;
    }
}

@media (max-width: 375px) {
    .integration__icons-container .row3 {
        margin: 0 auto;
    }
}

.integration__icons-container .row3 .integration__icon:nth-child(1) div {
    width: 5.5rem;
    height: 5.3rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row3 .integration__icon:nth-child(1) div {
        width: 3.3rem;
        height: 2.3rem;
    }
}

.integration__icons-container .row3 .integration__icon:nth-child(2) div {
    width: 7.8rem;
    height: 4.5rem;
}

@media (max-width: 768px) {
    .integration__icons-container .row3 .integration__icon:nth-child(2) div {
        width: 6.3rem;
        height: 4.3rem;
    }
}

.integration__icon {
    border-radius: 1.28rem;
    background-color: var(--bg-card);
    width: 10.5rem;
    height: 9.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .integration__icon {
        width: 7.5rem;
        height: 7.5rem;
    }
}

@media (max-width: 768px) {
    .integration__icon {
        width: 6.9rem;
        height: 6.9rem;
    }
}

.video {
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .video {
        margin-top: 5rem;
    }
}

.video__container {
    margin-top: 5rem;
    display: -ms-flexbox;
    display: flex;
    height: 50rem;
}

@media (max-width: 1024px) {
    .video__container {
        height: 42rem;
    }
}

@media (max-width: 768px) {
    .video__container {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem;
        height: 38rem;
    }
}

.video__items {
    width: 70%;
}

@media (max-width: 768px) {
    .video__items {
        width: 100%;
    }
}

.video__item {
    border-radius: 1.5rem;
}

.video__item iframe {
    width: 100%;
    height: 50rem;
    border-radius: 1.5rem;
    background-color: #000000;
    border: 1px solid #000000;
}

@media (max-width: 1024px) {
    .video__item iframe {
        height: 42rem;
    }
}

@media (max-width: 768px) {
    .video__item iframe {
        height: 17rem;
    }
}

.video__list-container {
    border-radius: 1.5rem;
    background-color: var(--bg-video);
    border: 0.2rem solid var(--hover);
    overflow-y: scroll;
    width: 30%;
    position: relative;
}

@media (max-width: 768px) {
    .video__list-container {
        width: 100%;
        height: 20rem;
    }
}

.video__list-container::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 0.1rem;
    right: 0.1rem;
    height: 9rem;
    background-image: linear-gradient(rgba(123, 124, 133, 0) 0%, rgb(123, 124, 133) 90%);
    pointer-events: none;
}

.video__title-list {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    color: var(--white);
}

@media (max-width: 1024px) {
    .video__title-list {
        font-size: 1.3rem;
    }
}

.video__list li {
    padding: 2rem;
}

@media (max-width: 1024px) {
    .video__list li {
        padding: 1.5rem;
    }
}

.video__list li:not(:last-child) {
    border-bottom: 0.2rem solid var(--hover);
}

.video__title-list svg {
    width: 2.5rem;
    height: 2.5rem;
}

@media (max-width: 1024px) {
    .video__title-list svg {
        width: 3.5rem;
        height: 3.5rem;
    }
}

@media (max-width: 768px) {
    .video__title-list svg {
        width: 1.5rem;
        height: 1.5rem;
    }
}

.video__list-item {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.55;
    color: var(--white);
}

@media (max-width: 1024px) {
    .video__list-item {
        font-size: 1.2rem;
    }
}

.video__list-item:hover {
    cursor: pointer;
    background-color: var(--hover);
}

.video__list-container.hover::after {
    content: none;
}

.video__items {
    display: none;
}

.video__items.active {
    display: block;
}

.video__list-item.active {
    background-color: var(--hover);
}

.questions {
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10rem;
}

@media (max-width: 1024px) {
    .questions {
        margin-top: 5rem;
    }
}

@media (max-width: 768px) {
    .questions {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.questions__text {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: var(--text);
}

.questions__text p {
    margin-top: 5rem;
}

@media (max-width: 768px) {
    .questions__text p {
        display: none;
    }
}

.questions__form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

.questions__form label {
    width: 100%;
}

.questions__form button {
    margin: 2.5rem 0;
}

@media (max-width: 768px) {
    .questions__form button {
        margin: 1.5rem 0;
        width: 100%;
    }
}

.questions__form span {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: var(--litttle-text);
}

input.questions__input, .questions__input {
    width: 100%;
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
    border: 0.2rem solid var(--hover);
    color: var(--hover);
    font-family: IBM Plex Sans,sans-serif;
    font-weight: 500;
    font-size: 2rem;
    line-height: 2.7rem;
    color: var(--text);
}

@media (max-width: 768px) {
    .questions__input {
        border-radius: 1.5rem;
    }
}

.questions__input.text::-webkit-input-placeholder {
    color: var(--hover);
}

.questions__input.text:-ms-input-placeholder {
    color: var(--hover);
}

.questions__input.text::-ms-input-placeholder {
    color: var(--hover);
}

.questions__input.text::placeholder {
    color: var(--hover);
}

.questions textarea.questions__input.text {
    resize: none;
    height: 10rem;
}

/*------footer-----*/
.footer {
    margin-top: 10rem;
    background-color: var(--text-sub);
    padding: 5rem 0;
}

@media (max-width: 1024px) {
    .footer {
        margin-top: 5rem;
    }
}

@media (max-width: 1024px) {
    .footer {
        padding: 2.5rem 0;
    }
}

.footer__inf-subtitle {
    color: var(--white);
}

.footer__inf {
    display: -ms-flexbox;
    display: flex;
    gap: 2.5rem;
}

@media (max-width: 768px) {
    .footer__inf {
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer__inf-item a {
    color: var(--text-nav);
}

.footer__inf-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

.footer__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
}

.footer .up-button {
    display: none;
}

@media (max-width: 768px) {
    .footer .up-button {
        display: block;
        border: none;
        color: var(--white);
        font-size: 2rem;
        cursor: pointer;
    }
}

.footer__line {
    width: 100%;
    background-color: #2D3F81;
    height: 0.2rem;
    margin: 10rem 0 2.5rem;
}

@media (max-width: 1024px) {
    .footer__line {
        margin: 5rem 0 1.5rem;
    }
}

.footer__bottom {
    color: var(--text-nav);
}

.footer a.footer__bottom:hover,
.footer .footer__inf-item a:hover {
    color: var(--hover-secondary);
}

.footer__social-icon svg {
    width: 4.5rem;
    height: 4.5rem;
    fill: var(--hover);
}

.footer__social-icon svg:hover {
    fill: var(--hover-secondary);
}

.footer__social {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.footer__inf-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10rem;
}

@media (max-width: 768px) {
    .footer__inf-left {
        padding-right: 0;
        gap: 2.5rem;
        margin-bottom: 2.5rem;
    }
}

.footer__nav {
    padding-right: 10rem;
}

@media (max-width: 768px) {
    .footer__nav {
        padding-right: 0;
    }
}
.inner-footer {
        margin-top: 10rem;
}
/* End */
/* /local/templates/cleverence/styles.css?169329154146 */
/* /local/templates/cleverence/template_styles.css?1760940706205176 */
/* /local/templates/cleverence/solutions/css/style.css?1742219219142437 */