@charset "UTF-8";

/* Здесь переменные и миксины */

/* ============================== Slick Slider ============================ */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow {
    z-index: 2;
}
.slick-dots {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.slick-dots li {
    margin: 0 5px;
    position: relative;
    line-height: 1;
    width: 15px;
    height: 15px;
}
.slick-dots li:before {
    content: '';
    background: -webkit-linear-gradient(19.44deg, #009A00 27.52%, #A1ED00 96.84%);
    background: -moz- oldlinear-gradient(19.44deg, #009A00 27.52%, #A1ED00 96.84%);
    background: linear-gradient(70.56deg, #009A00 27.52%, #A1ED00 96.84%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 1;
}
.slick-dots li:after {
    content: '';
    background: #fff;
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    z-index: 2;
}
.slick-dots button {
    text-indent: -20000px;
    border: none;
    border-radius: 50%;
    position: relative;
    z-index: 3;
    padding: 0;
    width: 15px;
    height: 15px;
    background: none;
}
.slick-dots .slick-active:after {
    opacity: 0;
}
/* ======================== Sumoselect ===================== */

.SumoSelect p {
    margin: 0;
}
.SumoSelect {
    width: 100%;
}
.SelectBox {
    padding: 5px 8px;
}
.sumoStopScroll {
    overflow: hidden;
}
.SumoSelect .hidden {
    display: none;
}
.SumoSelect .search-txt {
    display: none;
    outline: 0;
}
.SumoSelect .no-match {
    display: none;
    padding: 6px;
}
.SumoSelect.open .search-txt {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}
.SumoSelect.open .search label,
.SumoSelect.open .search span {
    visibility: hidden;
}
.SelectClass,
.SumoUnder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.SelectClass {
    z-index: 1;
}
.SumoSelect .select-all label,
.SumoSelect .CaptionCont,
.SumoSelect .optWrapper .options li.opt label {
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
.SumoSelect {
    display: inline-block;
    position: relative;
    outline: 0;
}
.CaptionCont:before {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background: -webkit-linear-gradient(36.05deg, #009A00 3.38%, #A1ED00 76.02%);
    background: -moz- oldlinear-gradient(36.05deg, #009A00 3.38%, #A1ED00 76.02%);
    background: linear-gradient(53.95deg, #009A00 3.38%, #A1ED00 76.02%);
    border-radius: 30px;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.CaptionCont:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 30px;
    background: #fff;
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}
.CaptionCont:hover:before,
.CaptionCont:hover:after {
    opacity: 1;
}
.SumoSelect .CaptionCont {
    position: relative;
    background: #FFFFFF;
    border: 1px solid rgba(41, 41, 41, 0.3);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    min-height: 45px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-left: 17px !important;
    margin: 0;
    cursor: pointer;
}
.SumoSelect .CaptionCont span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 3;
    cursor: pointer;
}
.SumoSelect .CaptionCont span.placeholder {
    color: #ccc;
    font-style: italic;
}
.SumoSelect .CaptionCont label {
    position: absolute;
    top: 0;
    right: 6px;
    bottom: 0;
    width: 30px;
    z-index: 3;
    cursor: pointer;
}
.SumoSelect .CaptionCont label i {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.21672 5.1825L5.94732 5.8653L5.21672 6.64704L4.48611 5.8653L5.21672 5.1825ZM10.1476 1.371L5.94732 5.8653L4.48611 4.49969L8.68639 0.00539489L10.1476 1.371ZM4.48611 5.8653L0.285838 1.371L1.74704 0.00539521L5.94732 4.49969L4.48611 5.8653Z' fill='%23292929'/%3e%3c/svg%3e ");
    background-position: center center;
    background-size: 11px 7px;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: .8;
}
.SumoSelect .optWrapper {
    display: none;
    z-index: 1000;
    top: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #747474;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
}
.SumoSelect.open .optWrapper {
    top: 50px;
    display: block;
    max-height: 250px;
}
.SumoSelect.open .optWrapper.up {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
}
.SumoSelect.open .CaptionCont {
    border: 1px solid #747474;
}
.SumoSelect .optWrapper ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
}
.SumoSelect .optWrapper .options {
    border-radius: 2px;
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
}
.SumoSelect .optWrapper.okCancelInMulti .options {
    border-radius: 2px 2px 0 0;
}
.SumoSelect .optWrapper.selall .options {
    border-radius: 0 0 2px 2px;
}
.SumoSelect .optWrapper.selall.okCancelInMulti .options {
    border-radius: 0;
}
.SumoSelect .optWrapper .options li.group.disabled label {
    opacity: .5;
}
.SumoSelect .optWrapper .options li ul li.opt {
    padding-left: 22px;
}
.SumoSelect .optWrapper.multiple .options li ul li.opt {
    padding-left: 50px;
}
.SumoSelect .optWrapper.isFloating .options {
    max-height: 100%;
    box-shadow: 0 0 100px #595959;
}
.SumoSelect .optWrapper .options li.opt {
    padding: 4px 16px 4px 17px;
    position: relative;
    line-height: 20px;
}
.SumoSelect .optWrapper .options li.opt.selected {
    background: rgba(196, 196, 196, 0.1);
}
.SumoSelect .optWrapper .options li.opt:first-child {
    border-radius: 2px 2px 0 0;
}
.SumoSelect .optWrapper.selall .options li.opt:first-child {
    border-radius: 0;
}
.SumoSelect .optWrapper .options li.opt:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: none;
}
.SumoSelect .optWrapper.okCancelInMulti .options li.opt:last-child {
    border-radius: 0;
}
.SumoSelect .optWrapper .options li.opt:hover {
    background: rgba(196, 196, 196, 0.2);
}
.SumoSelect .select-all.sel,
.SumoSelect .optWrapper .options li.opt.sel {
    background-color: #a1c0e4;
}
.SumoSelect .optWrapper .options li label {
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    overflow: hidden;
    display: block;
    cursor: pointer;
    color: #747474;
    min-height: 20px;
}
.SumoSelect .optWrapper .options li span {
    display: none;
}
.SumoSelect .optWrapper .options li.group label {
    cursor: default;
    padding: 8px 6px;
    font-weight: 700;
}
.SumoSelect .optWrapper.isFloating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 0;
    margin: auto;
    max-height: 90%;
}
.SumoSelect .optWrapper .options li.opt.disabled {
    background-color: inherit;
    pointer-events: none;
}
.SumoSelect .optWrapper .options li.opt.disabled * {
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: .5;
}
.SumoSelect .optWrapper.multiple .options li.opt {
    padding-left: 40px;
    cursor: pointer;
}
.SumoSelect .select-all span,
.SumoSelect .optWrapper.multiple .options li.opt span {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    bottom: 0;
    margin-left: -35px;
}
.SumoSelect .select-all span i,
.SumoSelect .optWrapper.multiple .options li.opt span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 15px;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    border-radius: 6px;
}
.SumoSelect .optWrapper .MultiControls {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
    border-radius: 0 0 3px 3px;
}
.SumoSelect .optWrapper.multiple.isFloating .MultiControls {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.SumoSelect .optWrapper.multiple.okCancelInMulti .MultiControls {
    display: block;
}
.SumoSelect .optWrapper.multiple.okCancelInMulti .MultiControls p {
    padding: 6px;
}
.SumoSelect .optWrapper.multiple.okCancelInMulti .MultiControls p:focus {
    box-shadow: 0 0 2px #a1c0e4;
    border-color: #a1c0e4;
    outline: 0;
    background-color: #a1c0e4;
}
.SumoSelect .optWrapper.multiple .MultiControls p {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
    width: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.SumoSelect .optWrapper.multiple .MultiControls p:hover {
    background-color: #f1f1f1;
}
.SumoSelect .optWrapper.multiple .MultiControls p.btnOk {
    border-right: 1px solid #dbdbdb;
    border-radius: 0 0 0 3px;
}
.SumoSelect .optWrapper.multiple .MultiControls p.btnCancel {
    border-radius: 0 0 3px 0;
}
.SumoSelect .optWrapper.isFloating .options li.opt {
    padding: 12px 6px;
}
.SumoSelect .optWrapper.multiple.isFloating .options li.opt {
    padding-left: 35px;
}
.SumoSelect .optWrapper.multiple.isFloating {
    padding-bottom: 43px;
}
.SumoSelect .optWrapper.multiple .options li.opt span i:before {
    content: '';
    width: 10px;
    height: 11px;
    background: #D3D3D3;
    border-radius: 6px;
    position: absolute;
    left: 1px;
    top: 1px;
    opacity: 0;
}
.SumoSelect .optWrapper .options li.opt:hover span i:before {
    opacity: 1 !important;
}
.SumoSelect .optWrapper.multiple .options li.opt.selected span i:before {
    background: -webkit-linear-gradient(19.44deg, #009A00 27.52%, #A1ED00 96.84%);
    background: -moz- oldlinear-gradient(19.44deg, #009A00 27.52%, #A1ED00 96.84%);
    background: linear-gradient(70.56deg, #009A00 27.52%, #A1ED00 96.84%);
}
.SumoSelect .optWrapper.multiple .options li.opt.selected span i:before {
    opacity: 1 !important;
}
.SumoSelect.disabled {
    opacity: .7;
    cursor: not-allowed;
}
.SumoSelect.disabled .CaptionCont {
    border-color: #ccc;
    box-shadow: none;
}
.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    height: 20px;
    cursor: pointer;
}
.SumoSelect .select-all label,
.SumoSelect .select-all span i {
    cursor: pointer;
}
.SumoSelect .select-all.partial span i {
    background-color: #ccc;
}
.SumoSelect .optWrapper .options li.optGroup {
    padding-left: 5px;
    text-decoration: underline;
}
.reset-all {
    padding: 5px 10px 5px 35px;
    border-bottom: 1px solid #cdcdcd;
}
.SumoSelect[is-selected=false] .reset-all {
    opacity: .5;
    pointer-events: none;
}
.SumoSelect[is-selected=true] .reset-all {
    opacity: 1;
    cursor: pointer;
    color: #7799d0;
}
.SumoSelect[is-selected=true] .reset-all * {
    cursor: pointer;
}
.SumoSelect[is-selected=true] .reset-all:hover {
    color: #000;
}
/* ===================== ScrollPane ==================== */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
    overflow: hidden;
    position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    background: red;
    height: 100%;
    position: absolute;
    right: 22px;
    top: 0;
    width: 1px;
    z-index: 15;
}
.jspHorizontalBar {
    background: red;
    bottom: 0;
    height: 16px;
    left: 0;
    position: absolute;
    width: 100%;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    background: #D3D3D3;
    position: relative;
}
.jspDrag {
    background: -webkit-linear-gradient(19.44deg, #009A00 27.52%, #A1ED00 96.84%);
    background: -moz- oldlinear-gradient(19.44deg, #009A00 27.52%, #A1ED00 96.84%);
    background: linear-gradient(70.56deg, #009A00 27.52%, #A1ED00 96.84%);
    width: 18px;
    cursor: pointer;
    left: -9px;
    border-radius: 50%;
    position: relative;
    top: 0;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: #50506d;
    cursor: pointer;
    direction: ltr;
    display: block;
    margin: 0;
    padding: 0;
    text-indent: -20000px;
}
.jspDisabled {
    background: #80808d;
    cursor: default;
}
.jspVerticalBar .jspArrow {
    height: 16px;
}
.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 16px;
}
.jspVerticalBar .jspArrow:focus {
    border: 1px solid red;
    outline: none;
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
    margin: 0 -3px 0 0;
}
/* ========================================================================
   Component: Off-canvas
 ========================================================================== */

/*
 * This is the offcanvas overlay and bar container
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Deactivate browser touch actions in IE11
 * 4. Mask the background page
 */

.uk-offcanvas {
    /* 1 */
    display: none;
    /* 2 */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    /* 3 */
    -ms-touch-action: none;
    touch-action: none;
    /* 4 */
    background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
    display: block;
}
/* Sub-object `uk-offcanvas-page`
 ========================================================================== */

/*
 * Prepares the whole HTML page to slide-out
 * 1. Fix the main page and disallow scrolling
 * 2. Side-out transition
 * 3. Needed for the transition to work instead of just letting it pop to the side
 */

.uk-offcanvas-page {
    /* 1 */
    position: fixed;
    /* 2 */
    -webkit-transition: margin-left 0.3s ease-in-out;
    -o-transition: margin-left 0.3s ease-in-out;
    -moz-transition: margin-left 0.3s ease-in-out;
    transition: margin-left 0.3s ease-in-out;
    /* 3 */
    margin-left: 0;
}
/* Sub-object `uk-offcanvas-bar`
 ========================================================================== */

/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 * 5. Deactivate scroll chaining in IE11
 */

.uk-offcanvas-bar {
    /* 1 */
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    /* 2 */
    width: 270px;
    max-width: 100%;
    background: #333;
    /* 3 */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* 4 */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, -moz-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, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    /* 5 */
    -ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
/* Modifier `uk-offcanvas-bar-flip`
 ========================================================================== */

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
/* Offcanvase modes
 ========================================================================== */

.uk-offcanvas-bar[mode='none'] {
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    transition: none;
}
.uk-offcanvas-bar[mode='reveal'] {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    clip: rect(0, 0, 100vh, 0);
    -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;
    -webkit-transition: clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -o-transition: clip 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}
.uk-offcanvas-bar-flip[mode='reveal'] {
    clip: none;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.uk-offcanvas-bar-flip[mode='reveal'] > * {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, -moz-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, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}
/* ============== File styler ================ */

.jq-file {
    position: relative;
    display: block;
    cursor: pointer;
}
.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
}
.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #FFFFFF;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.04);
    border-radius: 30px;
    border: 1px solid #fff;
    padding: 10px 40px 0 15px;
    height: 45px;
    color: #292929;
    font-size: 14px;
    width: 100%;
    display: block;
    cursor: pointer;
}
.jq-file__name:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.15448 11.9365C4.70034 11.9365 3.30575 11.3571 2.27752 10.3256C1.24929 9.29416 0.671631 7.89521 0.671631 6.43652C0.671631 4.97783 1.24929 3.57889 2.27752 2.54744C3.30575 1.51599 4.70034 0.936523 6.15448 0.936523H16.6217C17.6793 0.936523 18.6935 1.35795 19.4413 2.1081C20.1891 2.85824 20.6093 3.87566 20.6093 4.93652C20.6093 5.99739 20.1891 7.01481 19.4413 7.76495C18.6935 8.5151 17.6793 8.93652 16.6217 8.93652H8.14824C7.48727 8.93652 6.85336 8.67313 6.38599 8.20429C5.91861 7.73545 5.65604 7.09956 5.65604 6.43652C5.65604 5.77348 5.91861 5.1376 6.38599 4.66876C6.85336 4.19992 7.48727 3.93652 8.14824 3.93652H15.6248V5.43652H8.14824C7.88385 5.43652 7.63029 5.54188 7.44334 5.72942C7.25639 5.91695 7.15136 6.17131 7.15136 6.43652C7.15136 6.70174 7.25639 6.95609 7.44334 7.14363C7.63029 7.33117 7.88385 7.43652 8.14824 7.43652H16.6217C16.949 7.43652 17.2731 7.37186 17.5755 7.24622C17.8778 7.12059 18.1526 6.93644 18.384 6.70429C18.6154 6.47214 18.799 6.19655 18.9242 5.89323C19.0495 5.58992 19.1139 5.26483 19.1139 4.93652C19.1139 4.60822 19.0495 4.28313 18.9242 3.97981C18.799 3.6765 18.6154 3.4009 18.384 3.16876C18.1526 2.93661 17.8778 2.75246 17.5755 2.62682C17.2731 2.50119 16.949 2.43652 16.6217 2.43652H6.15448C5.09692 2.43652 4.08268 2.85795 3.33487 3.6081C2.58707 4.35824 2.16695 5.37566 2.16695 6.43652C2.16695 7.49739 2.58707 8.51481 3.33487 9.26495C4.08268 10.0151 5.09692 10.4365 6.15448 10.4365H15.6248V11.9365H6.15448Z' fill='%23D3D3D3'/%3e%3c/svg%3e ");
    width: 21px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 15px;
    top: 50%;
    margin-top: -6px;
}