/* Vendored from https://smsaero.ru/cabinet/sendings/ (page export 2026-10-22): fonts.css, cabinet/build/style.css v1.1.10,
   custom.css, nice-select.css, magnific-popup.css. Asset URLs point to smsaero.ru; @font-face rules removed (smsaero.ru fonts are blocked cross-origin), Ubuntu from Google Fonts is the fallback. Do not edit: new styles go to ../rbac.css */

/* ---- fonts.css ---- */
@charset "utf-8";
















/* ---- cabinet-style.css ---- */
@charset "utf-8";

.chartist-tooltip, .slick-slide.dragging img { pointer-events: none; }

.chart-labels, .desktop-main-menu ul, .lk .header-top .container, .sms-table-actions, .table-sorting, .widget-create { -webkit-box-orient: horizontal; -webkit-box-direction: normal; }

body, h1, h2, h3, h4, h5 { text-size-adjust: none; }

.clearfix, .slick-track::after { clear: both; }

.datepicker--nav-action.-disabled-, .s-hidden, .slick-loading .slick-slide, .slick-loading .slick-track, select { visibility: hidden; }

.datepicker--cells { display: flex; flex-wrap: wrap; }

.datepicker--cell { border-radius: 50%; box-sizing: border-box; cursor: pointer; display: flex; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 32px; z-index: 1; font-size: 13px; }

.datepicker--cell.-focus- { background: rgb(255, 255, 255); }

.datepicker--cell.-current- { color: rgb(251, 78, 114); }

.datepicker--cell.-current-.-focus- { background: rgb(255, 255, 255); color: rgb(37, 49, 64); }

.datepicker--cell.-current-.-in-range- { color: rgb(78, 181, 230); }

.datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: rgb(74, 74, 74); border-radius: 0px; }

.datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell.-disabled- { cursor: default; color: rgb(174, 174, 174); }

.datepicker--cell.-disabled-.-focus- { color: rgb(174, 174, 174); }

.datepicker--cell.-disabled-.-in-range- { color: rgb(161, 161, 161); }

.datepicker--cell.-disabled-.-current-.-focus- { color: rgb(174, 174, 174); }

.datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0px 0px 4px; }

.datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0px 4px 4px 0px; }

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- { color: rgb(255, 255, 255); background: rgb(84, 183, 114); }

.datepicker--cell.-range-from-.-range-to- { border-radius: 4px; }

.datepicker--cell.-selected- { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.datepicker--cell.-selected-.-focus- { background: rgb(84, 183, 114); }

.datepicker--cell:empty { cursor: default; }

.datepicker--days-names { display: flex; flex-wrap: wrap; margin: 8px 0px 3px; }

.datepicker--day-name { color: rgb(93, 105, 120); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; text-align: center; text-transform: lowercase; font-size: 11px; }

.datepicker--body, .datepicker--pointer, .datepicker-inline .datepicker--pointer { display: none; }

.datepicker--cell-day { width: 14.2857%; }

.datepicker--cells-months { height: 170px; }

.datepicker--cell-month { width: 21.33%; height: 30%; margin: 0px 4px; }

.datepicker--cells-years, .datepicker--years { height: 170px; }

.datepicker--cell-year { width: 25%; height: 33.33%; }

.datepickers-container { position: absolute; left: 0px; top: 0px; z-index: 9998; }

@media print {
  .datepickers-container { display: none; }
}

.datepicker { background: rgb(242, 244, 246); width: 280px; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; border-radius: 4px; box-sizing: content-box; font-size: 14px; position: absolute; left: -100000px; opacity: 0; z-index: 9998; }

#fullfill-balance.white-popup-block h3 { margin-bottom: 30px; }

.datepicker.-from-top- { transform: translateY(-8px); }

.datepicker.-from-right- { transform: translateX(8px); }

.datepicker.-from-bottom- { transform: translateY(8px); }

.datepicker.-from-left- { transform: translateX(-8px); }

.datepicker.active { opacity: 1; transform: translate(0px); }

.datepicker-inline .datepicker { border-color: rgb(215, 215, 215); box-shadow: none; position: static; left: auto; right: auto; opacity: 1; transform: none; }

.datepicker--content { box-sizing: content-box; padding: 0px 20px 20px; }

.datepicker--nav-title:hover { background: rgb(255, 255, 255); }

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(96%); transform: rotate(135deg); }

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer { right: calc(96%); transform: rotate(225deg); }

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(96%); transform: rotate(315deg); }

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer { left: calc(96%); transform: rotate(45deg); }

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer { left: 10px; }

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer { right: 10px; }

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer { left: calc(45%); }

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; }

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; }

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(45%); }

.datepicker--body.active { display: block; }

.datepicker--nav { display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 20px 20px 10px; min-height: 32px; }

.datepicker--nav-action, .datepicker--nav-title { display: flex; cursor: pointer; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.datepicker--nav-action { width: 32px; border-radius: 50%; background: rgb(251, 78, 114); user-select: none; }

.datepicker--nav-action:hover path { fill: none; }

.datepicker--nav-action svg { width: 32px; height: 32px; }

.datepicker--nav-action path { fill: none; stroke: rgb(255, 255, 255); stroke-width: 2px; }

.datepicker--nav-title { border-radius: 4px; padding: 0px 8px; }

.datepicker--buttons, .datepicker--time { border-top: 1px solid rgb(239, 239, 239); padding: 4px; }

.datepicker--nav-title i { font-style: normal; margin-left: 5px; }

.datepicker--nav-title.-disabled- { cursor: default; background: 0px 0px; }

.datepicker--buttons { display: flex; }

.datepicker--button { color: rgb(78, 181, 230); cursor: pointer; border-radius: 4px; -webkit-box-flex: 1; flex: 1 1 0%; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 32px; }

.datepicker--button:hover { color: rgb(74, 74, 74); background: rgb(240, 240, 240); }

.datepicker--time { display: flex; -webkit-box-align: center; align-items: center; position: relative; }

.datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-box-flex: 0; flex: 0 1 138px; max-width: 138px; }

.datepicker--time-sliders { -webkit-box-flex: 0; flex: 0 1 153px; margin-right: 10px; max-width: 153px; }

.datepicker--time-label { display: none; font-size: 12px; }

.datepicker--time-current { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; font-size: 14px; text-align: center; margin: 0px 0px 0px 10px; }

.datepicker--time-current-colon { margin: 0px 2px 3px; line-height: 1; }

.datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; }

.lk h2, h3, h5 { line-height: 30px; }

h1, h2 { line-height: 40px; }

.button, body, h4 { line-height: 20px; }

.datepicker--time-current-hours::after, .datepicker--time-current-minutes::after { content: ""; background: rgb(240, 240, 240); border-radius: 4px; position: absolute; inset: -3px -2px -2px; z-index: -1; opacity: 0; }

.datepicker--time-current-hours.-focus-::after, .datepicker--time-current-minutes.-focus-::after { opacity: 1; }

.datepicker--time-current-ampm { text-transform: uppercase; align-self: flex-end; color: rgb(156, 156, 156); margin-left: 6px; font-size: 11px; margin-bottom: 1px; }

.datepicker--time-row { display: flex; -webkit-box-align: center; align-items: center; font-size: 11px; height: 17px; }

.datepicker--time-row:first-child { margin-bottom: 4px; }

.datepicker--time-row input[type="range"] { background: 0px 0px; cursor: pointer; -webkit-box-flex: 1; flex: 1 1 0%; height: 100%; padding: 0px; margin: 0px; appearance: none; }

.datepicker--time-row input[type="range"]:hover::-webkit-slider-thumb { border-color: rgb(184, 184, 184); }

.datepicker--time-row input[type="range"]:focus { outline: 0px; }

.datepicker--time-row input[type="range"]:focus::-webkit-slider-thumb { background: rgb(92, 196, 239); border-color: rgb(92, 196, 239); }

.datepicker--time-row input[type="range"]::-webkit-slider-thumb { appearance: none; box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid rgb(222, 222, 222); background: rgb(255, 255, 255); cursor: pointer; transition: background 0.2s; margin-top: -6px; }

.button, .slick-slider { box-sizing: border-box; }

.datepicker--time-row input[type="range"]::-webkit-slider-runnable-track { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; cursor: pointer; color: transparent; background: 0px 0px; }

.datepicker--time-row span { padding: 0px 12px; }

.datepicker--time-icon { color: rgb(156, 156, 156); border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0px 5px -1px 0px; width: 1em; height: 1em; }

.lk h2, ol li, ul li { margin-bottom: 20px; }

.datepicker--time-icon::after, .datepicker--time-icon::before { content: ""; background: currentcolor; position: absolute; }

.datepicker--time-icon::after { height: 0.4em; width: 1px; left: calc(49%); top: calc(51%); transform: translateY(-100%); }

.datepicker--time-icon::before { width: 0.4em; height: 1px; top: calc(51%); left: calc(49%); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: rgb(211, 218, 225); }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: rgb(37, 49, 64); }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: rgb(222, 222, 222); }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: rgb(255, 255, 255); background: rgb(162, 221, 246); }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: rgb(138, 213, 244); }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: rgb(204, 204, 204); }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

body { -webkit-font-smoothing: antialiased; color: rgb(37, 49, 64); font-family: ubunturegular, Ubuntu, sans-serif; font-size: 15px; margin: 0px; padding: 0px; min-width: 320px; }

.chartist-tooltip, .main-page-header, .stats-number, h1, h2 { font-family: panton_lightregular, Ubuntu; }

.smalltext, body.lk { font-size: 13px; }

p { margin-top: 0px; margin-bottom: 18px; }

.smalltext { color: rgb(93, 105, 120); }

.verysmalltext { color: rgb(93, 105, 120); font-size: 11px; }

h1, h2, h3, h4, h5 { color: rgb(15, 21, 26); margin-top: 0px; font-weight: 400; }

.lk h2, h3, h4 { font-family: pantonregular, Ubuntu; }

h1 { font-size: 38px; margin-bottom: 60px; }

h2 { font-size: 30px; margin-bottom: 40px; }

.lk h2, h3 { font-size: 20px; }

h3 { margin-bottom: 15px; }

h4, h5 { font-size: 17px; }

h4 { margin-bottom: 10px; }

h5 { color: rgb(37, 49, 64); margin-bottom: 30px; }

a { color: rgb(54, 190, 217); }

a:focus { outline: 0px; }

a:hover { color: rgb(73, 214, 242); }

a img { border: 0px; outline: 0px; display: block; }

a.dotted::after, a.dotted:hover::after { border-bottom: 1px dotted; }

a.dotted { text-decoration: none; display: inline-block; position: relative; }

a.dotted::after { content: " "; display: block; width: 100%; position: absolute; left: 0px; bottom: 2px; }

a.red:hover { color: rgb(255, 0, 43); }

.italic { font-style: italic; }

img { max-width: 100%; height: auto; }

ol, ul { padding-left: 40px; margin: 20px 0px 40px; }

ol li, ul li { list-style-image: url("assets/cabinet/assets/icons/li.png"); }

.cbp-spmenu ul li, .company-documents .documents-links li, .desktop-main-menu ul li, .inline li, .legend li, .main-page-top-list li, .options li, .widget-block .widget-block-right ul li { list-style-type: none; list-style-image: none; }

i.rouble { font-family: als_rublregular; font-style: normal; font-size: 1.2em; }

.accordion-section-title, .button { font-family: pantonregular, Ubuntu; text-decoration: none; }

.inline { margin: 0px; padding: 0px; }

.inline li { display: inline-block; margin-bottom: 0px; }

.clearfix { display: block; overflow: hidden; }

.container { max-width: 1240px; margin: 0px auto; padding-left: 20px; padding-right: 20px; }

.sidebar { display: flex; }

.sidebar .content { float: left; -webkit-box-flex: 1; flex: 1 1 0%; max-width: 780px; -webkit-box-ordinal-group: 2; order: 1; margin-right: 40px; }

.sidebar .sidebar-right { width: 280px; -webkit-box-ordinal-group: 3; order: 2; margin-left: auto; }

.sidebar.sidebar-leftside .content { -webkit-box-ordinal-group: 3; order: 2; margin-right: 0px; margin-left: 40px; max-width: none; }

.sidebar.sidebar-leftside .sidebar-left { width: 280px; -webkit-box-ordinal-group: 2; order: 1; margin-left: 0px; }

.block-1060, .block-600, .block-620, .block-640, .block-680, .block-860, .block-920, .block-940, .block-960 { margin-left: auto; margin-right: auto; }

.sidebar.sidebar-leftside .sidebar-left.sidebar-180 { width: 180px; }

.page-block { margin-bottom: 120px; }

.page-block.page-block-last { margin-bottom: 0px; }

.block-1060 { max-width: 1060px; }

.block-960 { max-width: 960px; }

.block-940 { max-width: 940px; }

.block-920 { max-width: 920px; }

.block-860 { max-width: 860px; }

.block-680 { max-width: 680px; }

.block-640 { max-width: 640px; }

.block-620 { max-width: 620px; }

.block-600 { max-width: 600px; }

.hidden { display: none !important; }

.text-centered { text-align: center; }

.text-left { text-align: left; }

.row .row-item { display: inline-block; vertical-align: top; }

.row.row-2 .row-item { width: 49.5%; }

.row.row-3 .row-item { width: 32.5%; }

.row.row-4 .row-item { width: 24.5%; }

.row.row-5 .row-item { width: 19.5%; }

.row-divider-40 { width: 100%; margin-bottom: 40px; }

.row-divider-50 { width: 100%; margin-bottom: 50px; }

.row-divider-60 { width: 100%; margin-bottom: 60px; }

.row-divider-80 { width: 100%; margin-bottom: 80px; }

.m-b-10 { margin-bottom: 10px; }

.m-b-15 { margin-bottom: 15px; }

.m-b-20 { margin-bottom: 20px; }

.m-b-30 { margin-bottom: 30px; }

.m-b-40 { margin-bottom: 40px; }

.m-b-50 { margin-bottom: 50px; }

.m-b-60 { margin-bottom: 60px; }

.m-b-80 { margin-bottom: 80px; }

.button { display: inline-block; padding: 10px 20px; font-size: 17px; color: rgb(255, 255, 255); border-radius: 20px; }

.button.try-free span, .slick-slider { display: block; }

.button.button-big { font-size: 20px; padding: 20px; height: 60px; border-radius: 30px; }

.button.button-green { background: rgb(84, 183, 114); box-shadow: rgb(84, 183, 114) 0px 0px 4px inset; }

.button.button-green:hover { box-shadow: rgb(77, 153, 90) 0px -2px 0px inset; color: rgb(255, 255, 255); }

.button.button-green:active { background: rgb(77, 153, 90); color: rgb(255, 255, 255); }

.button.button-blue { background: rgb(54, 190, 217); box-shadow: rgb(59, 192, 218) 0px 0px 4px inset; }

.button.button-blue:hover { box-shadow: rgb(29, 164, 191) 0px -2px 0px inset; color: rgb(255, 255, 255); }

.button.button-blue:active { background: rgb(29, 164, 191); color: rgb(255, 255, 255); }

.button.button-grey { background: rgb(211, 218, 225); min-width: 40px; }

.button.button-grey:hover { background: rgb(54, 190, 217); color: rgb(255, 255, 255); }

.button.try-free { width: 280px; height: 80px; border-radius: 40px; padding: 20px; text-align: center; }

.button.try-free span.txt-big { font-size: 20px; margin-bottom: 2px; }

.button.try-free span.txt-small { font-size: 13px; }

.button.button-transparent { background: rgb(255, 255, 255); border: 1px solid rgb(204, 211, 219); color: rgb(15, 21, 26); }

.button.button-transparent:hover { color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(251, 78, 114) rgb(251, 78, 114) rgb(217, 65, 116); border-image: none; background: rgb(251, 78, 114); box-shadow: rgb(217, 65, 116) 0px -1px 0px inset; }

.button.button-transparent:active { border: 1px solid rgb(217, 65, 116); background: rgb(217, 65, 116); color: rgb(255, 255, 255); }

.button.button-red, .button.button-red:hover { border: 1px solid rgb(251, 78, 114); background: rgb(251, 78, 114); color: rgb(255, 255, 255); }

.button.button-red:hover { border-bottom-color: rgb(217, 65, 116); box-shadow: rgb(217, 65, 116) 0px -1px 0px inset; }

.button.button-red:active { border: 1px solid rgb(217, 65, 116); background: rgb(217, 65, 116); color: rgb(255, 255, 255); }

.button.button-round { width: 41px; border-radius: 50%; padding-left: 10px; padding-right: 10px; text-align: center; }

.button.button-disabled { color: rgb(204, 211, 219); }

.button.button-disabled:hover { color: rgb(204, 211, 219); border: 1px solid rgb(204, 211, 219); background: rgb(255, 255, 255); box-shadow: none; cursor: auto; }

.active .button-transparent { border: 1px solid rgb(251, 78, 114); background: rgb(251, 78, 114); color: rgb(255, 255, 255); }

.main-content { margin-top: 65px; }

.lk .main-content { margin-top: 60px; }

.slick-slider { position: relative; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-slider .slick-slide:focus { outline: 0px; }

.slick-slider.controls-top .slick-dots { top: -57px; }

.slick-slider.controls-top .slick-arrow { display: none; }

.slick-list, .slick-track { position: relative; display: block; }

.slick-slider.controls-bottom { margin-bottom: 45px; }

.slick-slider.controls-bottom .slick-dots { bottom: -57px; }

.slick-list { overflow: hidden; margin: 0px; padding: 0px; z-index: 2; }

.slick-list:focus { outline: 0px; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0px, 0px, 0px); }

.slick-track { left: 0px; top: 0px; }

.slick-track::after, .slick-track::before { content: ""; display: table; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; width: 100%; }

.slick-slide.slick-loading img { display: none; }

.slick-initialized .slick-slide { display: block; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0px; margin: 0px; width: 100%; }

.slick-dots li { display: inline-block; cursor: pointer; margin: 0px; }

.slick-dots li button { border: 0px; display: block; width: 24px; height: 4px; border-radius: 2px; background: rgb(211, 218, 225); margin: 15px 4px; text-indent: -9999px; cursor: pointer; }

.slick-dots li.slick-active button, .slick-dots li:active button, .slick-dots li:hover button { background: rgb(54, 190, 217); outline: 0px; }

.owl-carousel .owl-next, .owl-carousel .owl-prev, .slick-slider .slick-next, .slick-slider .slick-prev { text-indent: -9999px; width: 40px; height: 70px; background-repeat: no-repeat; top: 50%; margin-top: -35px; position: absolute; }

.slick-slider .slick-prev { left: -94px; background-image: url("assets/cabinet/assets/icons/slider-prev.png"); background-position: left center; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .slick-slider .slick-prev { background-image: url("assets/cabinet/assets/icons/slider-prev@2x.png"); background-size: 10px 17px; }
}

.slick-slider .slick-next { right: -94px; background-image: url("assets/cabinet/assets/icons/slider-next.png"); background-position: right center; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .slick-slider .slick-next { background-image: url("assets/cabinet/assets/icons/slider-next@2x.png"); background-size: 10px 17px; }
}

.slick-slider .slick-next, .slick-slider .slick-prev { display: block; cursor: pointer; background-color: transparent; color: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; }

.slick-slider .slick-next:focus, .slick-slider .slick-next:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-prev:hover { outline: 0px; color: transparent; cursor: pointer; }

.owl-carousel .owl-prev { left: -94px; background-image: url("assets/cabinet/assets/icons/slider-prev.png"); background-position: left center; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .owl-carousel .owl-prev { background-image: url("assets/cabinet/assets/icons/slider-prev@2x.png"); background-size: 10px 17px; }
}

.owl-carousel .owl-next { right: -94px; background-image: url("assets/cabinet/assets/icons/slider-next.png"); background-position: right center; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .owl-carousel .owl-next { background-image: url("assets/cabinet/assets/icons/slider-next@2x.png"); background-size: 10px 17px; }
}

.owl-carousel-images { width: auto; margin-left: 60px; margin-right: 60px; }

.owl-carousel-images .slick-prev { left: -60px; }

.owl-carousel-images .slick-next { right: -60px; }

.owl-carousel-images .slick-slide img { height: auto; }

.owl-carousel-clients { margin: 75px 90px 60px; max-width: 1052px; width: auto; }

.owl-carousel-clients .owl-item, .owl-carousel-clients .owl-item > div { height: 70px; }

.owl-carousel-clients .owl-item span { display: inline-block; vertical-align: middle; height: 100%; }

.owl-carousel-clients .owl-item img { display: inline-block; vertical-align: middle; width: auto; margin: 0px auto; }

.call-me, .register, .register .button span { vertical-align: top; display: inline-block; }

.owl-carousel-controls .owl-dots { position: absolute; width: 100%; }

.owl-carousel-controls .owl-dots .owl-dot { display: inline-block; transition: 0.4s ease-in-out; }

.owl-carousel-controls .owl-dots .owl-dot span { display: block; width: 24px; height: 4px; border-radius: 2px; background: rgb(211, 218, 225); margin: 15px 4px; }

.owl-carousel-controls .owl-dots .owl-dot.active span { background: rgb(54, 190, 217); }

.owl-carousel-controls .owl-nav { display: none; }

.owl-carousel-controls.top-controls .owl-dots { top: -57px; }

.owl-carousel-controls.bottom-controls { margin-bottom: 45px; }

.owl-carousel-controls.bottom-controls .owl-dots { bottom: -57px; }

#company-tab-4 .owl-stage-outer, #company-tab-4 .owl-stage-outer img { height: auto !important; }

table { width: 100%; border-collapse: collapse; margin-bottom: 40px; }

table td, table th { border: 1px solid rgb(211, 218, 225); padding: 10px 0.7%; color: rgb(37, 49, 64); }

table th { background: rgb(242, 244, 246); color: rgb(93, 105, 120); font-weight: 400; text-align: left; }

.red { color: rgb(251, 78, 114); }

.green { color: rgb(84, 183, 114); }

.orange { color: rgb(255, 191, 0); }

.lightgray { color: rgb(211, 218, 225); }

.accordion-section-title { display: block; font-size: 20px; line-height: 30px; color: rgb(15, 21, 26); margin-bottom: 15px; padding-left: 20px; position: relative; }

.accordion-section-title i { font-size: 10px; line-height: 30px; position: absolute; left: 0px; top: 0px; }

.accordion-section-title i.fa-chevron-down { display: none; }

.accordion-section-title.active i.fa-chevron-down, label { display: inline-block; }

.accordion-section-title:hover { color: rgb(15, 21, 26); }

.accordion-section-title.active i.fa-chevron-right { display: none; }

.accordion-section-content { display: none; margin-bottom: 15px; }

.accordion-section-content.open { display: block; }

.sidebar-block { margin-bottom: 80px; }

.sidebar-block.sidebar-block-last { margin-bottom: 0px; }

input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea { appearance: none; box-sizing: border-box; height: 40px; padding: 10px; font-family: ubunturegular, Ubuntu; font-size: 15px; line-height: 20px; color: rgb(15, 21, 26); border-radius: 20px; border: 0px; background: rgb(242, 244, 246); outline: 0px; width: auto; max-width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; box-shadow: rgb(211, 218, 225) 0px 2px 0px inset; }

.call-me-phone a, label { font-family: pantonregular, Ubuntu; }

input[type="email"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, textarea.error { border: 2px solid rgb(251, 78, 114); box-shadow: none; }

textarea { height: auto; resize: none; }

input[type="submit"] { border: 0px; margin: 0px; outline: 0px; cursor: pointer; appearance: none; }

.form-item { margin-bottom: 10px; }

.form-item input[type="email"], .form-item input[type="password"], .form-item input[type="search"], .form-item input[type="tel"], .form-item input[type="text"], .form-item textarea { margin-bottom: 0px; }

.error-message { font-size: 13px; color: rgb(251, 78, 114); }

.password-wrap { position: relative; }

.password-wrap .showhide { position: absolute; font-size: 14px; width: 40px; text-align: center; height: 40px; line-height: 40px; right: 0px; top: 0px; cursor: pointer; }

.password-wrap .showhide .fa-eye-slash, .password-wrap .showhide.pass-visible .fa-eye { display: none; line-height: 40px; }

.password-wrap .showhide.pass-visible .fa-eye-slash { display: block; }

::-webkit-input-placeholder { color: rgb(93, 105, 120); font-size: 15px; }

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

.sidebar-link { margin-bottom: 15px; }

.sidebar-link-btn { margin-bottom: 10px; }

.sidebar-search-form { position: relative; }

.sidebar-search-form .sidebar-search-input { width: 100%; margin-bottom: 0px; }

.sidebar-search-form .sidebar-search-submit { display: block; position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; background: 0px 0px; z-index: 2; cursor: pointer; }

.sidebar-search-form i { position: absolute; font-size: 12px; top: 13px; right: 15px; z-index: 1; }

.block-mobile-select { width: 47%; float: left; display: none; }

.block-mobile-select.fullwidth { width: 100%; }

input[type="checkbox"], input[type="radio"] { display: none; }

label { position: relative; padding-left: 30px; font-size: 17px; color: rgb(15, 21, 26); }

label.checkbox::before, label.radio-button::before { content: ""; width: 20px; height: 20px; background: rgb(242, 244, 246); box-shadow: rgb(211, 218, 225) 0px 2px 0px inset; top: 0px; left: 0px; display: inline-block; position: absolute; }

label.radio-button::before { box-sizing: border-box; bottom: 1px; border-radius: 10px; }

label.checkbox::before { box-sizing: border-box; top: 0px; border-radius: 2px; }

.check label, .radio label, table label { cursor: pointer; }

input[type="radio"]:checked + label.radio-button::before { border: 7px solid rgb(54, 190, 217); color: rgb(255, 255, 255); box-shadow: none; }

input[type="checkbox"]:checked + label::before { background-image: url("assets/cabinet/assets/icons/checkbox.png"); background-position: center center; background-repeat: no-repeat; background-color: rgb(54, 190, 217); box-shadow: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  input[type="checkbox"]:checked + label::before { background-image: url("assets/cabinet/assets/icons/checkbox@2x.png"); background-size: 11px 9px; }
}

input[type="file"], input[type="file"]::-webkit-file-upload-button { cursor: pointer; }

.s-hidden { padding-right: 10px; max-width: 100%; }

.select { cursor: pointer; display: block; box-sizing: border-box; position: relative; line-height: 40px; font-size: 15px; color: rgb(93, 105, 120); z-index: 1; }

.cbp-spmenu, .options, .social-buttons li a, .white-popup-block { box-sizing: border-box; }

.styledSelect { position: absolute; inset: 0px; z-index: 2; padding: 0px 40px; background-color: rgb(242, 244, 246); border-radius: 20px; box-shadow: rgb(211, 218, 225) 0px 2px 0px inset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; backface-visibility: hidden; }

.styledSelect::after, .styledSelect::before { border-bottom: 2px solid rgb(15, 21, 26); content: ""; top: 50%; position: absolute; pointer-events: none; }

.styledSelect::after { border-right: 2px solid rgb(15, 21, 26); display: block; height: 5px; margin-top: -4px; right: 16px; transform-origin: 66% 66%; transform: rotate(45deg); width: 5px; z-index: 11; }

.styledSelect::before { height: 2px; width: 2px; z-index: 11; margin-top: -1px; right: 18px; transform-origin: 66% 66%; transform: rotate(45deg); }

.options { padding-top: 20px; padding-left: 0px; background-color: rgb(211, 218, 225); border-radius: 0px 0px 5px 5px; position: absolute; display: none; top: 20px; left: 0px; margin: 0px; width: 100%; max-height: 150px; overflow: auto; }

.cbp-spmenu .userblock .useremail, .register .register-link.registered-link .overflow, .user-info .useremail { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.options li { margin: 0px; padding: 0px 20px; display: block; }

.options li:hover { background-color: rgb(54, 190, 217); color: rgb(255, 255, 255); }

.lk .styledSelect { padding: 0px 40px 0px 15px; font-size: 13px; color: rgb(15, 21, 26); }

.lk .options li { padding: 10px 15px; line-height: 20px; font-size: 13px; color: rgb(15, 21, 26); }

.lk .time-select { width: 110px; display: inline-block; position: relative; }

.desktop, .lk .time-select .styledSelect::after, .lk .time-select .styledSelect::before { display: none; }

.lk .time-select i { font-size: 14px; position: absolute; left: 16px; top: 13px; z-index: 11; color: rgb(15, 21, 26); }

.lk .time-select .styledSelect { padding: 0px 10px 0px 40px; }

.lk .time-select .options { max-height: 180px; }

.lk .time-select .options li { padding: 10px 40px; }

.information { background: rgb(242, 244, 246); border-radius: 4px; padding: 20px 20px 20px 50px; position: relative; margin-bottom: 20px; }

.information .fa-info-circle { position: absolute; font-size: 18px; left: 20px; top: 20px; }

@media screen and (min-width: 960px) {
  .desktop { display: block; }
  .desktop-hidden { display: none !important; }
}

.tablet { display: none; }

@media screen and (min-width: 960px) and (max-width: 1239px) {
  .tablet { display: block; }
}

.tablet-s { display: none; }

@media screen and (min-width: 640px) and (max-width: 959px) {
  .tablet-s { display: inline-block; }
  .tablet-s-hidden { display: none !important; }
}

.mobile { display: none; }

@media screen and (max-width: 639px) {
  .mobile { display: block; }
  .mobile.button { display: inline-block; }
  table.mobile { display: table; }
}

br.desktop { display: none; }

@media screen and (min-width: 1240px) {
  br.desktop { display: inline-block; }
}

br.tablet { display: none; }

@media screen and (min-width: 960px) and (max-width: 1239px) {
  br.tablet { display: inline-block; }
}

br.tablet-s { display: none; }

@media screen and (min-width: 640px) and (max-width: 959px) {
  br.tablet-s { display: inline-block; }
}

br.mobile { display: none; }

@media screen and (max-width: 639px) {
  br.mobile { display: inline-block; }
}

@media screen and (max-width: 1120px) {
  .owl-carousel-clients.owl-responsive-960 { margin-left: 100px; margin-right: 100px; }
}

@media screen and (max-width: 959px) {
  h1, h2 { line-height: 30px; margin-bottom: 40px; }
  h1 { font-size: 26px; }
  h2 { font-size: 24px; }
  h5 { font-size: 15px; line-height: 20px; }
  .main-content { margin-top: 60px; }
  .page-block { margin-bottom: 80px; }
  .m-b-40-tablet-s { margin-bottom: 40px; }
  .m-b-30-tablet-s { margin-bottom: 30px; }
  .m-b-20-tablet-s { margin-bottom: 20px; }
  .m-b-15-tablet-s { margin-bottom: 15px; }
  .m-b-10-tablet-s { margin-bottom: 10px; }
  .m-b-5-tablet-s { margin-bottom: 5px; }
  .m-b-0-tablet-s { margin-bottom: 0px; }
  .owl-carousel-clients { margin: 40px; }
  .owl-carousel-clients .owl-prev { left: -34px; }
  .owl-carousel-clients .owl-next { right: -34px; }
  .sidebar { display: block; margin-top: -20px; }
  .sidebar .sidebar-right { width: 100%; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid rgb(211, 218, 225); }
  .block-mobile-select { display: block; margin-bottom: 20px; }
  .sidebar-right .accordion { display: none; }
  .page-bottom-block { margin-top: 60px; display: block; }
  .sidebar.sidebar-leftside .content { margin-left: 0px; }
  .sidebar.sidebar-leftside .sidebar-left, .sidebar.sidebar-leftside .sidebar-left.sidebar-180 { width: 100%; }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .row.row-5 .row-item { width: 32.5%; }
  .row.tablet-s-row-2 .row-item { width: 49%; }
  .row.tablet-s-row-3 .row-item { width: 31.5%; }
  .owl-carousel-images { margin-left: 20px; margin-right: 20px; }
  .owl-carousel-images .slick-prev { left: -20px; }
  .owl-carousel-images .slick-next { right: -20px; }
  .sidebar .content { margin-right: 0px; width: 100%; max-width: none; }
  .block-signup-bottom { float: left; margin-right: 40px; }
}

@media screen and (min-width: 640px) {
  .header-mobile-sticky.twin { display: none !important; }
}

@media screen and (max-width: 639px) {
  .lk .main-content, .main-content { margin-top: 20px; }
  .mobilemenu { position: relative; }
  .mobilemenu #mobile-overlay { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgb(37, 49, 64); opacity: 0.5; z-index: 500; }
  .desktop-main-menu.cloned, .mobile-hidden { display: none !important; }
  .row.row-2 .row-item, .row.row-3 .row-item, .row.row-4 .row-item, .row.row-5 .row-item { width: 280px; display: block; margin-left: auto; margin-right: auto; }
  .row.mobile-row-2 .row-item { display: inline-block; width: 48%; }
  .m-b-60-mobile { margin-bottom: 60px; }
  .m-b-40-mobile { margin-bottom: 40px; }
  .m-b-30-mobile { margin-bottom: 30px; }
  .m-b-20-mobile { margin-bottom: 20px; }
  .m-b-5-mobile { margin-bottom: 5px; }
  .m-b-0-mobile { margin-bottom: 0px; }
  .owl-carousel-clients { margin: 40px 20px; }
  .owl-carousel-clients .owl-next { right: -24px; }
  .owl-carousel-clients .owl-prev { left: -24px; }
  .sidebar-right { padding-top: 20px; }
  .sidebar .content { float: none; margin-right: 0px; }
  .code { word-break: break-all; }
  .sidebar-block.block-search { margin-bottom: 0px; clear: both; margin-top: 20px; }
  .block-mobile-select { width: 100%; float: none; margin-bottom: 20px; position: relative; z-index: 3; height: 40px; }
  .block-search { padding-bottom: 20px; }
  .owl-carousel-images { margin-left: 40px; margin-right: 40px; }
  .owl-carousel-images .slick-prev { left: -40px; }
  .owl-carousel-images .slick-next { right: -40px; }
}

.icon-mail, .icon-pay-logo { background-repeat: no-repeat; }

.icon { display: inline-block; }

.icon.icon-20 { width: 20px; height: 20px; }

.icon.icon-40 { width: 40px; height: 40px; }

.icon.icon-80 { width: 80px; height: 80px; }

.icon-star-red-s { background-image: url("assets/cabinet/assets/icons/star-red-s.png"); width: 14px; height: 13px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-star-red-s { background-image: url("assets/cabinet/assets/icons/star-red-s@2x.png"); background-size: 14px 13px; }
}

.icon-star-grey-s { background-image: url("assets/cabinet/assets/icons/star-grey-s.png"); width: 14px; height: 13px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-star-grey-s { background-image: url("assets/cabinet/assets/icons/star-grey-s@2x.png"); background-size: 14px 13px; }
}

.icon-advantage-bold { background-image: url("assets/cabinet/assets/icons/advantage-bold.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-advantage-bold { background-image: url("assets/cabinet/assets/icons/advantage-bold@2x.png"); background-size: 20px 20px; }
}

.icon-adobe { background-image: url("assets/cabinet/assets/icons/adobe.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-adobe { background-image: url("assets/cabinet/assets/icons/adobe@2x.png"); background-size: 40px 40px; }
}

.icon-advantage { background-image: url("assets/cabinet/assets/icons/advantage.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-advantage { background-image: url("assets/cabinet/assets/icons/advantage@2x.png"); background-size: 40px 40px; }
}

.icon-disadvantage { background-image: url("assets/cabinet/assets/icons/disadvantage.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-disadvantage { background-image: url("assets/cabinet/assets/icons/disadvantage@2x.png"); background-size: 40px 40px; }
}

.icon-gift { background-image: url("assets/cabinet/assets/icons/gift.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-gift { background-image: url("assets/cabinet/assets/icons/gift@2x.png"); background-size: 80px 80px; }
}

.icon-mts { background-image: url("assets/cabinet/assets/icons/mts.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-mts { background-image: url("assets/cabinet/assets/icons/mts@2x.png"); background-size: 80px 80px; }
}

.icon-yes { background-image: url("assets/cabinet/assets/icons/yes.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-yes { background-image: url("assets/cabinet/assets/icons/yes@2x.png"); background-size: 80px 80px; }
}

.icon-help { background-image: url("assets/cabinet/assets/icons/help.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-help { background-image: url("assets/cabinet/assets/icons/help@2x.png"); background-size: 80px 80px; }
}

.icon-pen { background-image: url("assets/cabinet/assets/icons/pen.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pen { background-image: url("assets/cabinet/assets/icons/pen@2x.png"); background-size: 80px 80px; }
}

.icon-sms { background-image: url("assets/cabinet/assets/icons/sms.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-sms { background-image: url("assets/cabinet/assets/icons/sms@2x.png"); background-size: 80px 80px; }
}

.icon-wa { background-image: url("assets/cabinet/assets/icons/wa.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-wa { background-image: url("assets/cabinet/assets/icons/wa@2x.png"); background-size: 80px 80px; }
}

.icon-viber { background-image: url("assets/cabinet/assets/icons/viber.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-viber { background-image: url("assets/cabinet/assets/icons/viber@2x.png"); background-size: 80px 80px; }
}

.icon-globe { background-image: url("assets/cabinet/assets/icons/globe.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-globe { background-image: url("assets/cabinet/assets/icons/globe@2x.png"); background-size: 80px 80px; }
}

.icon-moderate { background-image: url("assets/cabinet/assets/icons/moderate.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-moderate { background-image: url("assets/cabinet/assets/icons/moderate@2x.png"); background-size: 80px 80px; }
}

.icon-widget { background-image: url("assets/cabinet/assets/icons/widget.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget { background-image: url("assets/cabinet/assets/icons/widget@2x.png"); background-size: 80px 80px; }
}

.icon-bubble { background-image: url("assets/cabinet/assets/icons/bubble.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-bubble { background-image: url("assets/cabinet/assets/icons/bubble@2x.png"); background-size: 80px 80px; }
}

.icon-doc1 { background-image: url("assets/cabinet/assets/icons/doc1.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-doc1 { background-image: url("assets/cabinet/assets/icons/doc1@2x.png"); background-size: 80px 80px; }
}

.icon-stat { background-image: url("assets/cabinet/assets/icons/stat.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-stat { background-image: url("assets/cabinet/assets/icons/stat@2x.png"); background-size: 80px 80px; }
}

.icon-maccode { background-image: url("assets/cabinet/assets/icons/mac-code.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-maccode { background-image: url("assets/cabinet/assets/icons/mac-code@2x.png"); background-size: 80px 80px; }
}

.icon-base { background-image: url("assets/cabinet/assets/icons/base.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-base { background-image: url("assets/cabinet/assets/icons/base@2x.png"); background-size: 80px 80px; }
}

.icon-aim { background-image: url("assets/cabinet/assets/icons/aim.png"); background-size: 80px 80px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-aim { background-image: url("assets/cabinet/assets/icons/aim@2x.png"); background-size: 80px 80px; }
}

.icon-money { background-image: url("assets/cabinet/assets/icons/money.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-money { background-image: url("assets/cabinet/assets/icons/money@2x.png"); background-size: 80px 80px; }
}

.icon-best { background-image: url("assets/cabinet/assets/icons/best.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-best { background-image: url("assets/cabinet/assets/icons/best@2x.png"); background-size: 80px 80px; }
}

.icon-map { background-image: url("assets/cabinet/assets/icons/map.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-map { background-image: url("assets/cabinet/assets/icons/map@2x.png"); background-size: 80px 80px; }
}

.icon-book { background-image: url("assets/cabinet/assets/icons/book.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-book { background-image: url("assets/cabinet/assets/icons/book@2x.png"); background-size: 80px 80px; }
}

.icon-import { background-image: url("assets/cabinet/assets/icons/import.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-import { background-image: url("assets/cabinet/assets/icons/import@2x.png"); background-size: 80px 80px; }
}

.icon-doc { background-image: url("assets/cabinet/assets/icons/doc.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-doc { background-image: url("assets/cabinet/assets/icons/doc@2x.png"); background-size: 80px 80px; }
}

.icon-sale { background-image: url("assets/cabinet/assets/icons/sale.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-sale { background-image: url("assets/cabinet/assets/icons/sale@2x.png"); background-size: 80px 80px; }
}

.icon-pig { background-image: url("assets/cabinet/assets/icons/pig.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pig { background-image: url("assets/cabinet/assets/icons/pig@2x.png"); background-size: 80px 80px; }
}

.icon-mail { background-image: url("assets/cabinet/assets/icons/mail.png?v=1.0.1"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-mail { background-image: url("assets/cabinet/assets/icons/mail@2x.png"); background-size: 80px 80px; }
}

.icon-time { background-image: url("assets/cabinet/assets/icons/time.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-time { background-image: url("assets/cabinet/assets/icons/time@2x.png"); background-size: 80px 80px; }
}

.icon-promo { background-image: url("assets/cabinet/assets/icons/promo.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-promo { background-image: url("assets/cabinet/assets/icons/promo@2x.png"); background-size: 80px 80px; }
}

.icon-name { background-image: url("assets/cabinet/assets/icons/name.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-name { background-image: url("assets/cabinet/assets/icons/name@2x.png"); background-size: 80px 80px; }
}

.icon-all { background-image: url("assets/cabinet/assets/icons/all.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-all { background-image: url("assets/cabinet/assets/icons/all@2x.png"); background-size: 80px 80px; }
}

.icon-stamp { background-image: url("assets/cabinet/assets/icons/stamp.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-stamp { background-image: url("assets/cabinet/assets/icons/stamp@2x.png"); background-size: 80px 80px; }
}

.icon-calc { background-image: url("assets/cabinet/assets/icons/calc.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-calc { background-image: url("assets/cabinet/assets/icons/calc@2x.png"); background-size: 80px 80px; }
}

.icon-media { background-image: url("assets/cabinet/assets/icons/media.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-media { background-image: url("assets/cabinet/assets/icons/media@2x.png"); background-size: 80px 80px; }
}

.icon-more { background-image: url("assets/cabinet/assets/icons/more.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-more { background-image: url("assets/cabinet/assets/icons/more@2x.png"); background-size: 80px 80px; }
}

.icon-attention { background-image: url("assets/cabinet/assets/icons/attention.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-attention { background-image: url("assets/cabinet/assets/icons/attention@2x.png"); background-size: 80px 80px; }
}

.icon-pay-bank { background-image: url("assets/cabinet/assets/icons/pay-bank.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-bank { background-image: url("assets/cabinet/assets/icons/pay-bank@2x.png"); background-size: 80px 80px; }
}

.icon-pay-bill { background-image: url("assets/cabinet/assets/icons/pay-bill.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-bill { background-image: url("assets/cabinet/assets/icons/pay-bill@2x.png"); background-size: 80px 80px; }
}

.icon-pay-card { background-image: url("assets/cabinet/assets/icons/pay-card.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-card { background-image: url("assets/cabinet/assets/icons/pay-card@2x.png"); background-size: 80px 80px; }
}

.icon-pay-emoney { background-image: url("assets/cabinet/assets/icons/pay-emoney.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-emoney { background-image: url("assets/cabinet/assets/icons/pay-emoney@2x.png"); background-size: 80px 80px; }
}

.icon-pay-mobile { background-image: url("assets/cabinet/assets/icons/pay-mobile.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-mobile { background-image: url("assets/cabinet/assets/icons/pay-mobile@2x.png"); background-size: 80px 80px; }
}

.icon-pay-terminal { background-image: url("assets/cabinet/assets/icons/pay-terminal.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-terminal { background-image: url("assets/cabinet/assets/icons/pay-terminal@2x.png"); background-size: 80px 80px; }
}

.icon-api-all { background-image: url("assets/cabinet/assets/icons/api-all.png"); width: 160px; height: 160px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-api-all { background-image: url("assets/cabinet/assets/icons/api-all@2x.png"); background-size: 160px 160px; }
}

.icon-api-arrow1 { background-image: url("assets/cabinet/assets/icons/api-arrow1.png"); width: 120px; height: 14px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-api-arrow1 { background-image: url("assets/cabinet/assets/icons/api-arrow1@2x.png"); background-size: 120px 14px; }
}

.icon-smpp-arrow1 { background-image: url("assets/cabinet/assets/icons/smpp-arrow1.png"); width: 180px; height: 15px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-smpp-arrow1 { background-image: url("assets/cabinet/assets/icons/smpp-arrow1@2x.png"); background-size: 180px 15px; }
}

.icon-api-mac { background-image: url("assets/cabinet/assets/icons/api-mac.png"); width: 120px; height: 120px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-api-mac { background-image: url("assets/cabinet/assets/icons/api-mac@2x.png"); background-size: 120px 120px; }
}

.icon-api-smpp { background-image: url("assets/cabinet/assets/icons/api-smpp.png"); width: 80px; height: 120px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-api-smpp { background-image: url("assets/cabinet/assets/icons/api-smpp@2x.png"); background-size: 80px 120px; }
}

.icon-api-smpp2 { background-image: url("assets/cabinet/assets/icons/api-smpp2.png"); width: 120px; height: 120px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-api-smpp2 { background-image: url("assets/cabinet/assets/icons/api-smpp2@2x.png"); background-size: 120px 120px; }
}

.icon-payment-methods { background-image: url("assets/cabinet/assets/icons/payment-methods.png"); width: 170px; height: 49px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-payment-methods { background-image: url("assets/cabinet/assets/icons/payment-methods@2x.png"); background-size: 170px 49px; }
}

.icon-selectel { background-image: url("assets/cabinet/assets/icons/selectel.png"); width: 280px; height: 58px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-selectel { background-image: url("assets/cabinet/assets/icons/selectel@2x.png"); background-size: 280px 58px; }
}

.icon-widget-form-graph { background-image: url("assets/cabinet/assets/icons/widget-form-graph.png"); width: 120px; height: 120px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget-form-graph { background-image: url("assets/cabinet/assets/icons/widget-form-graph@2x.png"); background-size: 120px 120px; }
}

.icon-widget-mac { background-image: url("assets/cabinet/assets/icons/widget-mac.png"); width: 120px; height: 120px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget-mac { background-image: url("assets/cabinet/assets/icons/widget-mac@2x.png"); background-size: 120px 120px; }
}

.icon-widget-arrow1 { background-image: url("assets/cabinet/assets/icons/widget-arrow1.png"); width: 239px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget-arrow1 { background-image: url("assets/cabinet/assets/icons/widget-arrow1@2x.png"); background-size: 239px 34px; }
}

.icon-widget-arrow2 { background-image: url("assets/cabinet/assets/icons/widget-arrow2.png"); width: 220px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget-arrow2 { background-image: url("assets/cabinet/assets/icons/widget-arrow2@2x.png"); background-size: 220px 34px; }
}

.icon-subscribe-success { background-image: url("assets/cabinet/assets/icons/subscribe-success.png"); width: 164px; height: 132px; background-position: center top; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-subscribe-success { background-image: url("assets/cabinet/assets/icons/subscribe-success@2x.png"); background-size: 164px 164px; }
}

.icon-logo-s { background-image: url("assets/cabinet/assets/icons/logo-s.png"); width: 138px; height: 30px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-logo-s { background-image: url("assets/cabinet/assets/icons/logo-s@2x.png"); background-size: 138px 30px; }
}

.icon-gift-s { background-image: url("assets/cabinet/assets/icons/gift-s.png"); width: 40px; height: 46px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-gift-s { background-image: url("assets/cabinet/assets/icons/gift-s@2x.png"); background-size: 40px 46px; }
}

.icon-rouble { background-image: url("assets/cabinet/assets/icons/rouble.png"); width: 44px; height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-rouble { background-image: url("assets/cabinet/assets/icons/rouble@2x.png"); background-size: 44px 44px; }
}

.icon-compare { width: 280px; height: 200px; }

.icon-compare-1 { background-image: url("assets/cabinet/assets/icons/compare1.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-1 { background-image: url("assets/cabinet/assets/icons/compare1@2x.png"); background-size: 280px 200px; }
}

.icon-compare-2 { background-image: url("assets/cabinet/assets/icons/compare2.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-2 { background-image: url("assets/cabinet/assets/icons/compare2@2x.png"); background-size: 280px 200px; }
}

.icon-compare-3 { background-image: url("assets/cabinet/assets/icons/compare3.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-3 { background-image: url("assets/cabinet/assets/icons/compare3@2x.png"); background-size: 280px 200px; }
}

.icon-compare-4 { background-image: url("assets/cabinet/assets/icons/compare4.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-4 { background-image: url("assets/cabinet/assets/icons/compare4@2x.png"); background-size: 280px 200px; }
}

.icon-compare-5 { background-image: url("assets/cabinet/assets/icons/compare5.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-5 { background-image: url("assets/cabinet/assets/icons/compare5@2x.png"); background-size: 280px 200px; }
}

.icon-compare-6 { background-image: url("assets/cabinet/assets/icons/compare6.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-6 { background-image: url("assets/cabinet/assets/icons/compare6@2x.png"); background-size: 280px 200px; }
}

.icon-compare-7 { background-image: url("assets/cabinet/assets/icons/compare7.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-7 { background-image: url("assets/cabinet/assets/icons/compare7@2x.png"); background-size: 280px 200px; }
}

.icon-compare-8 { background-image: url("assets/cabinet/assets/icons/compare8.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-compare-8 { background-image: url("assets/cabinet/assets/icons/compare8@2x.png"); background-size: 280px 200px; }
}

.icon-iphone { background-image: url("assets/cabinet/assets/icons/iphone.png"); width: 230px; height: 460px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-iphone { background-image: url("assets/cabinet/assets/icons/iphone@2x.png"); background-size: 230px 460px; }
}

.slider-handle { background-image: url("assets/cabinet/assets/icons/slider-bar.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .slider-handle { background-image: url("assets/cabinet/assets/icons/slider-bar@2x.png"); background-size: 30px 30px; }
}

.icon-info-tooltip { background-image: url("assets/cabinet/assets/icons/info-tooltip.png"); width: 12px; height: 12px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-info-tooltip { background-image: url("assets/cabinet/assets/icons/info-tooltip@2x.png"); background-size: 12px 12px; }
}

.icon-letter { background-image: url("assets/cabinet/assets/icons/letter.png"); width: 40px; height: 30px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-letter { background-image: url("assets/cabinet/assets/icons/letter@2x.png"); background-size: 40px 30px; }
}

.icon-robokassa { background-image: url("assets/cabinet/assets/icons/robokassa.png"); width: 170px; height: 20px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-robokassa { background-image: url("assets/cabinet/assets/icons/robokassa@2x.png"); background-size: 170px 20px; }
}

.icon-mobile-menu { background-image: url("assets/cabinet/assets/icons/mobile-menu.png"); width: 40px; height: 40px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-mobile-menu { background-image: url("assets/cabinet/assets/icons/mobile-menu@2x.png"); background-size: 40px 40px; }
}

.icon-mobile-user { background-image: url("assets/cabinet/assets/icons/mobile-user-menu.png"); width: 40px; height: 40px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-mobile-user { background-image: url("assets/cabinet/assets/icons/mobile-user-menu@2x.png"); background-size: 40px 40px; }
}

.icon-pay-logo { background-image: url("assets/cabinet/assets/icons/pay-logos.png"); height: 22px; width: 22px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-pay-logo { background-image: url("assets/cabinet/assets/icons/pay-logos@2x.png"); background-size: 1160px 22px; }
}

.icon-visa { background-position: -205px 0px; width: 36px; }

.icon-mastercard { background-position: -252px 0px; width: 32px; }

.icon-alpha { background-position: 0px 0px; width: 14px; }

.icon-sberbank { background-position: -27px 0px; width: 21px; }

.icon-promsvyaz { background-position: -62px 0px; width: 20px; }

.icon-vtb24 { background-position: -96px 0px; }

.icon-russtandart { background-position: -132px 0px; }

.icon-ocean { background-position: -168px 0px; width: 20px; }

.icon-petrocommerce { background-position: -297px 0px; width: 18px; }

.icon-mteb { background-position: -330px 0px; width: 40px; }

.icon-intenza { background-position: -383px 0px; }

.icon-gorod { background-position: -419px 0px; width: 20px; }

.icon-tatfond { background-position: -453px 0px; width: 30px; }

.icon-abv { background-position: -496px 0px; width: 24px; }

.icon-qiwiwallet { background-position: -645px 0px; width: 54px; }

.icon-elexnet { background-position: -713px 0px; width: 18px; }

.icon-mobilelement { background-position: -745px 0px; width: 16px; }

.icon-pinpay { background-position: -775px 0px; width: 40px; }

.icon-kassir { background-position: -829px 0px; width: 70px; }

.icon-megafon { background-position: -535px 0px; width: 18px; }

.icon-mts2 { background-position: -567px 0px; width: 18px; }

.icon-tele2 { background-position: -599px 0px; width: 32px; }

.icon-yandex { background-position: -913px 0px; width: 15px; }

.icon-qiwi { background-position: -942px 0px; width: 19px; }

.icon-webmoney { background-position: -975px 0px; width: 18px; }

.icon-easypay { background-position: -1007px 0px; width: 44px; }

.icon-liqpay { background-position: -1065px 0px; width: 18px; }

.icon-ediny { background-position: -1097px 0px; width: 20px; }

.icon-mailru { background-position: -1131px 0px; width: 18px; }

.icon-api-arrow2 { background-image: url("assets/cabinet/assets/icons/api-arrow2.png"); width: 14px; height: 80px; display: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-api-arrow2 { background-image: url("assets/cabinet/assets/icons/api-arrow2@2x.png"); background-size: 14px 80px; }
}

.icon-api-arrow2.short { height: 40px; background-position: center bottom; }

.icon-smpp-arrow3 { background-image: url("assets/cabinet/assets/icons/api-arrow3.png"); width: 15px; height: 120px; display: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-smpp-arrow3 { background-image: url("assets/cabinet/assets/icons/api-arrow3@2x.png"); background-size: 15px 120px; }
}

.icon-smpp-arrow4 { background-image: url("assets/cabinet/assets/icons/api-arrow4.png"); width: 15px; height: 40px; display: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-smpp-arrow4 { background-image: url("assets/cabinet/assets/icons/api-arrow4@2x.png"); background-size: 15px 40px; }
}

.icon-widget-arrow3 { background-image: url("assets/cabinet/assets/icons/widget-arrow3.png"); width: 50px; height: 119px; display: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget-arrow3 { background-image: url("assets/cabinet/assets/icons/widget-arrow3@2x.png"); background-size: 50px 119px; }
}

.icon-widget-arrow4 { background-image: url("assets/cabinet/assets/icons/widget-arrow4.png"); width: 50px; height: 120px; display: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-widget-arrow4 { background-image: url("assets/cabinet/assets/icons/widget-arrow4@2x.png"); background-size: 50px 120px; }
}

.icon-table-border-mobile { background-image: url("assets/cabinet/assets/icons/table-border-mobile.png"); width: 301px; height: 60px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-table-border-mobile { background-image: url("assets/cabinet/assets/icons/table-border-mobile@2x.png"); background-size: 301px 60px; }
}

.icon-star-red { background-image: url("assets/cabinet/assets/icons/star-red.png"); width: 20px; height: 19px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-star-red { background-image: url("assets/cabinet/assets/icons/star-red@2x.png"); background-size: 20px 19px; }
}

.icon-star-grey { background-image: url("assets/cabinet/assets/icons/star-grey.png"); width: 20px; height: 19px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-star-grey { background-image: url("assets/cabinet/assets/icons/star-grey@2x.png"); background-size: 20px 19px; }
}

.icon-bill { background-image: url("assets/cabinet/assets/icons/bill.png"); width: 160px; height: 120px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-bill { background-image: url("assets/cabinet/assets/icons/bill@2x.png"); background-size: 160px 120px; }
}

.icon-important-s { background-image: url("assets/cabinet/assets/icons/important-s.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-important-s { background-image: url("assets/cabinet/assets/icons/important-s@2x.png"); background-size: 20px 20px; }
}

.icon-important { background-image: url("assets/cabinet/assets/icons/important.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-important { background-image: url("assets/cabinet/assets/icons/important@2x.png"); background-size: 40px 40px; }
}

.icon-tag { background-image: url("assets/cabinet/assets/icons/tag.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-tag { background-image: url("assets/cabinet/assets/icons/tag@2x.png"); background-size: 40px 40px; }
}

.icon-tag-s { width: 20px; height: 20px; background-image: url("assets/cabinet/assets/icons/tag.png"); background-size: 100% auto; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-tag-s { background-image: url("assets/cabinet/assets/icons/tag@2x.png"); background-size: 20px 20px; }
}

.icon-iphone-msg { width: 280px; height: 560px; background-image: url("assets/cabinet/assets/icons/iphone-msg.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-iphone-msg { background-image: url("assets/cabinet/assets/icons/iphone-msg@2x.png"); background-size: 280px 560px; }
}

.icon-sms-corner { width: 14px; height: 11px; background-image: url("assets/cabinet/assets/icons/sms-corner.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-sms-corner { background-image: url("assets/cabinet/assets/icons/sms-corner@2x.png"); background-size: 14px 11px; }
}

.header { padding: 35px 0px 20px; }

.header .container { position: relative; }

.logo { float: left; text-decoration: none; }

.logo .logo-img { display: block; width: 230px; height: 44px; background-image: url("assets/logos/logo.png"); background-size: contain; background-repeat: no-repeat; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .logo .logo-img { background-image: url("assets/logos/logo.png"); background-size: 230px 44px; background-repeat: no-repeat; }
}

.logo .smalltext { display: block; font-size: 13px; line-height: 13px; color: rgb(93, 105, 120); padding: 6px 0px 0px; }

.header-right { float: right; margin-top: 4px; }

.call-me-phone a { font-size: 17px; line-height: 21px; color: rgb(15, 21, 26); text-decoration: none; }

.call-me-link { margin-top: 10px; }

.call-me-link a { font-size: 13px; margin-left: 18px; }

.call-me-link a i { position: absolute; left: -18px; top: 4px; }

.register { width: 130px; margin: 1px 0px 0px 38px; }

.register .button { width: 100%; margin-bottom: 12px; text-align: center; }

.register .button span.icon { width: 16px; height: 16px; margin: 1px 7px 0px 0px; background-image: url("assets/cabinet/assets/icons/user.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .register .button span.icon { background-image: url("assets/cabinet/assets/icons/user@2x.png"); background-size: 16px 16px; }
}

.register .register-link { text-align: right; }

.register .register-link a { font-size: 13px; text-decoration: none; display: inline-block; position: relative; }

.register .register-link a::after { content: " "; display: block; width: 100%; position: absolute; left: 0px; bottom: 2px; border-bottom: 1px dotted rgb(54, 190, 217); }

.register .register-link a:hover::after { border-bottom: 1px dotted rgb(73, 214, 242); }

.register .register-link.registered-link { padding-right: 18px; position: relative; }

.register .register-link.registered-link .overflow a { border: 0px; color: rgb(93, 105, 120); display: inline; }

.register .register-link.registered-link .overflow a::after { display: none; }

.register .register-link.registered-link i { position: absolute; right: 0px; top: 0px; color: rgb(54, 190, 217); }

.user-info > div { display: inline-block; vertical-align: middle; margin-left: 6px; }

.user-info .sign-out .button { font-size: 13px; padding-left: 15px; padding-right: 13px; }

.lk .header-top .manager-left .manager-name, .user-info .user-balance { font-size: 15px; font-family: pantonregular, Ubuntu; }

.user-info .useremail { max-width: 160px; }

.lk .header-top { background: rgb(242, 244, 246); text-align: center; padding: 5px 0px; }

.lk .header-top .container { display: flex; flex-flow: wrap-reverse; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.lk .header-top .manager-center > div, .lk .header-top .manager-left img, .lk .header-top .manager-left span, .lk .header-top .manager-right .call-me, .lk .header-top .manager-right .phone { display: inline-block; vertical-align: middle; }

.chart-labels, .desktop-main-menu ul, .sms-table-actions { flex-direction: row; }

.lk .header-top .manager-left img { margin-right: 10px; width: 30px; height: 30px; }

.lk .header-top .manager-left .manager-name { max-width: 120px; white-space: nowrap; }

.lk .header-top .manager-center > div { margin: 0px 5px; }

.lk .header-top .manager-center i { font-size: 11px; padding-right: 6px; }

.lk .header-top .manager-right .phone { margin-right: 6px; }

.lk .header-top .manager-right .number a { font-size: 15px; font-family: pantonregular, Ubuntu; text-decoration: none; color: rgb(15, 21, 26); }

.lk .header-top .manager-right .call-me { float: right; }

.desktop-main-menu ul { padding: 0px; margin: 0px; display: flex; flex-flow: wrap-reverse; -webkit-box-pack: justify; justify-content: space-between; height: 59px; border-bottom: 1px solid rgb(211, 218, 225); }

.desktop-main-menu ul li { text-align: center; white-space: nowrap; margin: 0px; }

.desktop-main-menu ul li:first-child { text-align: left; }

.desktop-main-menu ul li:last-child { text-align: right; }

.desktop-main-menu ul li i { padding-right: 4px; }

.desktop-main-menu ul li a { font-family: pantonregular, Ubuntu; font-size: 17px; text-transform: uppercase; color: rgb(15, 21, 26); text-decoration: none; display: inline-block; padding: 20px 0px 18px; margin-bottom: -1px; }

.desktop-main-menu ul li a.active, .desktop-main-menu ul li a:hover { color: rgb(251, 78, 114); border-bottom: 2px solid rgb(251, 78, 114); }

.desktop-main-menu.cloned { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(211, 218, 225); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px; }

.desktop-main-menu.cloned ul { border: 0px; height: 40px; }

.cbp-spmenu .userblock, .cbp-spmenu ul, .footer, .lk .footer-top { border-top: 1px solid rgb(211, 218, 225); }

.desktop-main-menu.cloned ul li a, .desktop-main-menu.cloned ul li span { padding: 10px 0px 8px !important; }

.cbp-spmenu { position: fixed; background: rgb(255, 255, 255); padding: 20px; transition: 0.3s; }

.cbp-spmenu ul { margin: 0px; padding: 0px; }

.cbp-spmenu ul li { margin: 0px; border-bottom: 1px solid rgb(211, 218, 225); }

.cbp-spmenu ul li a { display: block; font-family: pantonregular, Ubuntu; font-size: 15px; text-transform: uppercase; line-height: 20px; padding: 10px 0px; text-decoration: none; color: rgb(15, 21, 26); }

.cbp-spmenu ul li a.active { color: rgb(251, 78, 114); }

.cbp-spmenu ul li a i { margin-right: 15px; }

.cbp-spmenu .topblock { margin-bottom: 20px; }

.cbp-spmenu .topblock .icon { float: left; }

.cbp-spmenu .topblock .signout { float: right; font-size: 13px; margin-top: 10px; }

.cbp-spmenu .topblock .signout i { margin-left: 6px; }

.cbp-spmenu .userblock { padding: 10px 0px; }

.cbp-spmenu .userblock .user-balance { font-family: pantonregular, Ubuntu; color: rgb(15, 21, 26); font-size: 15px; }

.cbp-spmenu-vertical { height: 100%; top: 0px; z-index: 1000; }

.cbp-spmenu-left { width: 160px; left: -160px; }

.cbp-spmenu-right { width: 190px; right: -190px; }

.cbp-spmenu-left.cbp-spmenu-open { left: 0px; overflow-y: auto; }

.cbp-spmenu-right.cbp-spmenu-open { right: 0px; overflow-y: auto; }

.header-special { position: absolute; width: 220px; padding-left: 50px; top: 5px; left: 50%; margin-left: -215px; }

.header-special .icon { position: absolute; left: 0px; top: 0px; }

.header-special .header-special-text a { text-decoration: none; }

.header-special .header-special-text a .dotted { border-bottom: 1px dotted; }

@media screen and (max-width: 959px) {
  .desktop-main-menu ul li { padding: 0px 5px; }
  .desktop-main-menu ul li a { font-size: 11px; }
  .header-special { display: none; }
}

@media screen and (max-width: 920px) {
  .lk .header-top .manager-left { text-align: left; }
  .lk .header-top .manager-left img { float: left; width: 40px; height: 40px; }
  .lk .header-top .manager-left span { display: block; margin-left: 50px; white-space: nowrap; line-height: 18px; }
  .lk .header-top .manager-center > div { display: block; max-width: 180px; text-align: left; }
  .lk .header-top .manager-right .call-me, .lk .header-top .manager-right .phone { text-align: right; display: block; float: none; margin-right: 0px; line-height: 18px; }
}

@media screen and (max-width: 639px) {
  .header-mobile-top.logged-in .header-mobile-top-left a i, .header-mobile-top.logged-in .header-mobile-top-right i { display: block; position: absolute; left: -16px; top: 4px; }
  .header { padding-top: 0px; }
  .header-mobile-top { background: rgb(242, 244, 246); padding: 10px 0px; }
  .header-mobile-top .header-mobile-top-left { float: left; }
  .header-mobile-top .header-mobile-top-left a { color: rgb(15, 21, 26); text-decoration: none; }
  .header-mobile-top .header-mobile-top-right { float: right; font-size: 11px; }
  .header-mobile-top.logged-in .header-mobile-top-right { font-size: 13px; }
  .header-mobile-top.logged-in .header-mobile-top-left a { color: rgb(54, 190, 217); margin-left: 16px; }
  .header-mobile-sticky { padding: 20px 0px; border-bottom: 1px solid rgb(211, 218, 225); text-align: center; position: relative; transform: translate3d(0px, 0px, 0px); }
  .header-mobile-sticky .logo { display: inline-block; float: none; padding: 5px 0px; vertical-align: middle; }
  .header-mobile-sticky .logo .logo-img { width: 140px; height: 27px; background-size: 140px 27px; display: block; }
  .header-mobile-sticky .icon-mobile-menu { position: absolute; left: 0px; top: 20px; }
  .header-mobile-sticky .icon-mobile-user { position: absolute; right: 0px; top: 20px; }
  .header-mobile-sticky.twin { border-bottom: 0px; }
  .header-mobile-sticky.twin .logo { display: none; }
  .lk .header-mobile-top-hidden { width: 100%; position: relative; padding: 15px 0px; display: none; }
  .lk .header-mobile-top-hidden .manager-left { min-height: 40px; clear: both; margin-bottom: 20px; }
  .lk .header-mobile-top-hidden .manager-center { margin-bottom: 20px; }
  .lk .header-mobile-top-hidden .manager-right .call-me, .lk .header-mobile-top-hidden .manager-right .phone { text-align: left; }
  .lk .header-mobile-top-hidden button.mfp-close { position: absolute; top: -10px; right: -20px; color: rgb(211, 218, 225); }
}

.footer { margin-top: 59px; padding: 39px 0px 41px; }

.footer .call-me, .footer .contact-us, .footer .social-buttons { display: inline-block; vertical-align: top; }

.footer-left { float: left; }

.footer-right { float: right; }

.copyright { margin-bottom: 2px; }

.footer-menu li { margin-right: 12px; }

.contact-us { margin-left: 62px; }

.contact-us .inline li { display: block; }

.contact-us i { margin-right: 6px; }

.social-buttons { margin-left: 48px; }

.social-buttons li { margin-left: 6px; }

.social-buttons li a { display: block; width: 40px; height: 40px; background: rgb(204, 211, 219); border-radius: 20px; position: relative; text-align: center; color: rgb(255, 255, 255); }

.social-buttons li a i { display: block; position: absolute; top: 0px; left: 0px; width: 100%; line-height: 40px; }

.social-buttons li a:hover { background: rgb(54, 190, 217); box-shadow: rgb(29, 164, 191) 0px -2px 0px inset; }

.social-buttons li a:active { background: rgb(29, 164, 191); }

.lk .footer { margin-top: 0px; line-height: 20px; }

.lk .footer-top { margin-top: 59px; text-align: center; padding: 10px 0px; }

.lk .footer-top .dotted { margin-left: 30px; }

.lk .footer-top .icon { position: absolute; left: -30px; top: 0px; }

@media screen and (max-width: 959px) {
  .contact-us, .footer-menu { margin-top: 20px; }
  body > .container { clear: both; overflow: hidden; }
  .call-me, .contact-us { float: left; clear: left; }
  .footer-left { width: 200px; }
  .footer-right { width: 340px; }
  .contact-us { margin-left: 0px; }
}

@media screen and (max-width: 639px) {
  .footer { text-align: center; padding: 20px 0px; }
  .footer .footer-left, .footer .footer-right { float: none; width: 210px; margin-left: auto; margin-right: auto; }
  .footer .footer-menu { margin-bottom: 20px; }
  .footer .footer-menu li { margin: 0px 6px; }
  .footer .call-me, .footer .contact-us { float: none; }
  .footer .contact-us { margin-bottom: 20px; }
  .footer .social-buttons { margin-left: 0px; }
  .lk .footer-top { margin-top: 40px; }
}

.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.infinite { animation-iteration-count: infinite; }

.animated.hinge { animation-duration: 2s; }

.animated.shake { animation-duration: 0.25s; }

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { animation-duration: 0.75s; }

@-webkit-keyframes bounce { 
  20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}

@keyframes bounce { 
  20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}

.bounce { animation-name: bounce; transform-origin: center bottom; }

@-webkit-keyframes flash { 
  50%, 0%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

@keyframes flash { 
  50%, 0%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.flash { animation-name: flash; }

@-webkit-keyframes pulse { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
}

@keyframes pulse { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
}

.pulse { animation-name: pulse; }

@-webkit-keyframes rubberBand { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
}

@keyframes rubberBand { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
}

.rubberBand { animation-name: rubberBand; }

@-webkit-keyframes shake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  10%, 50%, 90% { transform: translate3d(-20px, 0px, 0px); }
  30%, 70% { transform: translate3d(20px, 0px, 0px); }
}

@keyframes shake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  10%, 50%, 90% { transform: translate3d(-20px, 0px, 0px); }
  30%, 70% { transform: translate3d(20px, 0px, 0px); }
}

.shake { animation-name: shake; }

@-webkit-keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}

@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}

.headShake { animation-timing-function: ease-in-out; animation-name: headShake; }

@-webkit-keyframes swing { 
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  100% { transform: rotate3d(0, 0, 1, 0deg); }
}

@keyframes swing { 
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  100% { transform: rotate3d(0, 0, 1, 0deg); }
}

.swing { transform-origin: center top; animation-name: swing; }

@-webkit-keyframes tada { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
}

@keyframes tada { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
}

.tada { animation-name: tada; }

@-webkit-keyframes wobble { 
  0%, 100% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
}

@keyframes wobble { 
  0%, 100% { transform: none; }
  15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
}

.wobble { animation-name: wobble; }

@-webkit-keyframes jello { 
  11.1%, 0%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}

@keyframes jello { 
  11.1%, 0%, 100% { transform: none; }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); }
  88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); }
}

.jello { animation-name: jello; transform-origin: center center; }

@-webkit-keyframes bounceIn { 
  20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes bounceIn { 
  20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

.bounceIn { animation-name: bounceIn; }

@-webkit-keyframes bounceInDown { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

@keyframes bounceInDown { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}

.bounceInDown { animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes bounceInLeft { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}

.bounceInLeft { animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

@keyframes bounceInRight { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}

.bounceInRight { animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes bounceInUp { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.bounceInUp { animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}

@keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}

.bounceOut { animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

.bounceOutDown { animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

.bounceOutLeft { animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

.bounceOutRight { animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

.bounceOutUp { animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fadeIn { animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInDown { animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInDownBig { animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInLeft { animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInLeftBig { animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInRight { animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInRightBig { animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInUp { animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: none; }
}

@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: none; }
}

.fadeInUpBig { animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.fadeOut { animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}

@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}

.fadeOutDown { animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}

.fadeOutDownBig { animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}

@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}

.fadeOutLeft { animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}

.fadeOutLeftBig { animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}

@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}

.fadeOutRight { animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}

.fadeOutRightBig { animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}

@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}

.fadeOutUp { animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}

.fadeOutUpBig { animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}

@keyframes flip { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}

.animated.flip { backface-visibility: visible; animation-name: flip; }

.flipInX, .flipInY, .flipOutX { backface-visibility: visible !important; }

@-webkit-keyframes flipInX { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}

@keyframes flipInX { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}

.flipInX { animation-name: flipInX; }

@-webkit-keyframes flipInY { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(400px); }
}

@keyframes flipInY { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(400px); }
}

.flipInY { animation-name: flipInY; }

@-webkit-keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

@keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}

.flipOutX { animation-name: flipOutX; }

@-webkit-keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}

@keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}

.flipOutY { animation-name: flipOutY; backface-visibility: visible !important; }

@-webkit-keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}

@keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); opacity: 1; }
  100% { transform: none; opacity: 1; }
}

.lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}

@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}

.lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}

@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { transform-origin: center center; transform: none; opacity: 1; }
}

.rotateIn { animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}

@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}

.rotateInDownLeft { animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}

@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}

.rotateInDownRight { animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}

@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: none; opacity: 1; }
}

.rotateInUpLeft { animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}

@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: none; opacity: 1; }
}

.rotateInUpRight { animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}

@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}

.rotateOut { animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}

@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}

.rotateOutDownLeft { animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

.rotateOutDownRight { animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}

.rotateOutUpLeft { animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}

@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}

.rotateOutUpRight { animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}

@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}

.hinge { animation-name: hinge; }

@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; transform: none; }
}

@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; transform: none; }
}

.rollIn { animation-name: rollIn; }

@-webkit-keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}

@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}

.rollOut { animation-name: rollOut; }

@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

.zoomIn { animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInDown { animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInLeft { animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInRight { animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomInUp { animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}

.zoomOut { animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomOutDown { animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}

@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}

.zoomOutLeft { animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}

@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}

.zoomOutRight { animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

.zoomOutUp { animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.slideInDown { animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.slideInLeft { animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.slideInRight { animation-name: slideInRight; }

@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.slideInUp { animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}

@keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}

.slideOutDown { animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}

@keyframes slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}

.slideOutLeft { animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}

@keyframes slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}

.slideOutRight { animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}

@keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}

.slideOutUp { animation-name: slideOutUp; }

.white-popup-block { background: rgb(255, 255, 255); border-radius: 5px; padding: 40px; margin: 0px auto; position: relative; min-width: 320px; }

.white-popup-block.width640 { max-width: 640px; }

.white-popup-block.width320 { max-width: 320px; padding: 40px 20px; }

.white-popup-block.width360 { max-width: 360px; padding: 40px; }

.white-popup-block.width1040 { max-width: 1040px; padding: 40px; }

.white-popup-block .mfp-close { position: absolute; right: 0px; top: 0px; color: rgb(217, 223, 229); }

.white-popup-block h3 { line-height: 20px; margin-bottom: 10px; }

.white-popup-block .icon-gift-s, .white-popup-block .icon-rouble { margin-bottom: 15px; }

.white-popup-block .button { margin-top: 20px; }

#popup-calculator .calculator, #popup-gift .calculator { width: 440px; padding: 0px; margin: 35px auto; }

#popup-calculator .price-calculator .calculator-col-1, #popup-gift .price-calculator .calculator-col-1 { width: 150px; }

#popup-calculator .price-calculator .calculator-col-2, #popup-gift .price-calculator .calculator-col-2 { width: 70px; }

#popup-calculator .price-calculator .calculator-col-3, #popup-gift .price-calculator .calculator-col-3 { width: 140px; }

#popup-calculator .dotted, #popup-gift .dotted { text-decoration: none; display: inline-block; position: relative; }

#popup-calculator .dotted::after, #popup-gift .dotted::after { content: " "; display: block; width: 100%; position: absolute; left: 0px; bottom: 2px; border-bottom: 1px dotted; }

#popup-calculator .left-half, #popup-gift .left-half { width: 260px; float: left; margin-top: 30px; }

#popup-calculator .left-half .calculator-mini, #popup-gift .left-half .calculator-mini { width: 260px; margin: 20px auto 0px; }

#popup-calculator .left-half .calculator-mini .calculator-col-1, #popup-gift .left-half .calculator-mini .calculator-col-1 { width: 110px; }

#popup-calculator .left-half .calculator-mini .calculator-col-2, #popup-gift .left-half .calculator-mini .calculator-col-2 { width: 110px; margin-right: 0px; margin-left: 35px; }

#popup-calculator .left-half .calculator-mini .calculator-col-2 .multiply, #popup-gift .left-half .calculator-mini .calculator-col-2 .multiply { position: absolute; left: -23px; top: 9px; }

#popup-calculator .left-half .calculator-mini input, #popup-gift .left-half .calculator-mini input { margin-bottom: 0px; }

#popup-calculator .left-half .checklict, #popup-gift .left-half .checklict { margin-top: 20px; }

#popup-calculator .left-half .checklict .smalltext, #popup-gift .left-half .checklict .smalltext { font-family: ubunturegular, Ubuntu; }

#popup-calculator .left-half .checklict .check, #popup-gift .left-half .checklict .check { margin-bottom: 20px; }

#popup-calculator .left-half .checklict .radio, #popup-gift .left-half .checklict .radio { margin-top: 10px; margin-left: 30px; }

#popup-calculator .left-half .button, #popup-gift .left-half .button { margin-top: 0px; }

#popup-calculator .right-half, #popup-gift .right-half { width: 260px; box-sizing: border-box; float: right; margin-top: 30px; background-image: url("assets/cabinet/assets/icons/bonus-table-top.png"); background-position: center top; background-repeat: no-repeat; border-left: 2px solid rgb(84, 183, 114); border-right: 2px solid rgb(84, 183, 114); padding-top: 40px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #popup-calculator .right-half, #popup-gift .right-half { background-image: url("assets/cabinet/assets/icons/bonus-table-top@2x.png"); background-size: 260px 6px; }
}

#popup-calculator .right-half .bonus-table-wrapper, #popup-gift .right-half .bonus-table-wrapper { padding: 0px 20px 30px; background-image: url("assets/cabinet/assets/icons/bonus-table-bottom.png"); background-position: center bottom; background-repeat: no-repeat; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #popup-calculator .right-half .bonus-table-wrapper, #popup-gift .right-half .bonus-table-wrapper { background-image: url("assets/cabinet/assets/icons/bonus-table-bottom@2x.png"); background-size: 260px 6px; }
}

#popup-calculator .right-half .bonus-table, #popup-gift .right-half .bonus-table { width: 180px; margin: 0px auto; }

#popup-calculator .right-half .bonus-table .thead, #popup-gift .right-half .bonus-table .thead { padding: 10px 0px; border-bottom: 1px solid rgb(211, 218, 225); clear: both; overflow: hidden; margin-bottom: 5px; }

#popup-calculator .right-half .bonus-table .trow, #popup-gift .right-half .bonus-table .trow { clear: both; overflow: hidden; padding: 5px 0px; }

#popup-calculator .right-half .bonus-table .col1, #popup-calculator .right-half .bonus-table .col2, #popup-gift .right-half .bonus-table .col1, #popup-gift .right-half .bonus-table .col2 { width: 90px; float: left; }

#popup-calculator .right-half .bonus-table .col1, #popup-gift .right-half .bonus-table .col1 { text-align: left; }

#popup-calculator .right-half .bonus-table .col2, #popup-gift .right-half .bonus-table .col2 { text-align: right; }

#popup-calculator .right-half .bonus-table .col2.blue, #popup-gift .right-half .bonus-table .col2.blue { color: rgb(54, 190, 217); }

#popup-calculator .left-half { margin-top: 10px; }

#popup-calculator .left-half .calculator-mini { margin-top: 0px; }

#popup-calculator .left-half .calculator-mini .calculator-col-2 { margin-left: 20px; }

#popup-calculator .left-half .calculator-mini input[type="text"] { font-size: 13px; padding: 10px 15px; }

#popup-calculator .left-half .checklict .check { margin-bottom: 10px; }

#popup-calculator .right-half .gray-bg .verysmalltext, #popup-login h3 { margin-bottom: 20px; }

#popup-calculator .left-half .checklict .check .smalltext { color: rgb(37, 49, 64); }

#popup-calculator .left-half .button { margin-top: 10px; }

#popup-calculator .right-half { background: 0px 0px; padding-top: 0px; border: 0px; width: 280px; }

#popup-calculator .right-half .gray-bg { background: rgb(242, 244, 246); padding: 20px; border-radius: 4px; }

#popup-calculator .right-half .gray-bg .number { font-size: 15px; color: rgb(15, 21, 26); font-family: pantonregular, Ubuntu; }

#popup-map { padding: 40px 20px 20px; }

#popup-map #map2 { height: 500px; margin-top: 20px; width: 100% !important; }

#popup-login input[type="email"], #popup-login input[type="password"], #popup-login input[type="text"] { text-align: center; width: 100%; }

#popup-login .button { margin-top: 0px; padding: 10px 25px; }

#popup-login .forgot-password { margin: 40px 0px; }

#popup-register input[type="email"], #popup-register input[type="password"], #popup-register input[type="text"] { text-align: center; width: 100%; }

#popup-register .password-wrap input { margin-bottom: 0px; }

#popup-register .password-wrap .hint { font-size: 11px; line-height: 11px; margin-top: 3px; }

#popup-register img { width: 100%; height: auto; margin: 15px 0px 20px; }

#popup-register .check .smalltext { font-family: ubunturegular, Ubuntu; }

#popup-register .button { margin-bottom: 40px; padding: 10px 25px; }

#popup-forgot h3, #popup-whatsapp h3 { margin-bottom: 20px; }

#popup-forgot img { width: 100%; height: auto; margin: 10px 0px 0px; }

#popup-forgot input[type="email"] { text-align: center; width: 100%; }

#popup-forgot .already-have-account { margin-top: 40px; }

#popup-forgot .button { padding: 10px 25px; }

#call-me input[type="tel"], #call-me input[type="text"] { text-align: center; width: 100%; }

#call-me .button { padding: 10px 25px; margin-top: 0px; }

#popup-whatsapp input[type="email"], #popup-whatsapp input[type="tel"], #popup-whatsapp input[type="text"] { text-align: center; width: 100%; }

#popup-whatsapp .button { padding: 10px 25px; margin-top: 0px; }

#popup-api { padding: 40px 20px; }

#popup-api .left-side { float: left; width: 280px; padding-right: 19px; border-right: 1px solid rgb(211, 218, 225); }

#popup-api .left-side input[type="tel"], #popup-api .left-side input[type="text"] { text-align: center; width: 100%; }

#popup-api .left-side .button { padding: 10px 25px; margin-top: 0px; }

#popup-api .right-side { width: 280px; float: right; }

#popup-api .right-side .download { margin-bottom: 40px; }

#popup-api .right-side .questions a { color: rgb(15, 21, 26); text-decoration: none; font-size: 17px; font-family: pantonregular, Ubuntu; }

#popup-testimonials { padding: 40px 20px; }

#popup-testimonials h3 { margin-bottom: 20px; }

#popup-testimonials .button-blue { margin-top: 0px; margin-bottom: 20px; }

#popup-testimonials .button-blue i { padding-right: 3px; }

#popup-testimonials .form-item { display: inline-block; vertical-align: top; width: 292px; margin: 0px 3px 10px; }

#contact-import .toggle-dropdown2, #fullfill-balance .calculator .calculator-form-wrapper::after { display: none; }

#popup-testimonials .form-item.textarea { width: 594px; margin-bottom: 20px; }

#popup-testimonials input[type="email"], #popup-testimonials input[type="text"] { width: 292px; padding: 10px 20px; }

#popup-testimonials textarea { width: 594px; height: 200px; padding: 10px 20px; }

#popup-testimonials .rating .smalltext { margin-bottom: 10px; }

#popup-testimonials .rating .icon-star-grey:hover { background-image: url("assets/cabinet/assets/icons/star-red.png"); cursor: pointer; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #popup-testimonials .rating .icon-star-grey:hover { background-image: url("assets/cabinet/assets/icons/star-red@2x.png"); background-size: 20px 19px; }
}

#popup-testimonials img { width: 280px; height: auto; }

.block-login { max-width: 420px; margin: 0px auto; }

.block-login.forgot-password { max-width: 490px; }

.block-login h2 { margin-bottom: 10px; }

.block-register { max-width: 570px; margin: 0px auto; }

.block-register h2 { margin-bottom: 10px; }

#complain h3, .block-register .password-wrap { margin-bottom: 20px; }

.block-register .register-form { width: 280px; margin-left: auto; margin-right: auto; }

.block-register input[type="password"], .block-register input[type="tel"], .block-register input[type="text"] { text-align: center; width: 100%; }

.block-register .row-half-1 { width: 130px; float: left; }

.block-register .row-half-2 { width: 140px; float: right; }

.block-register .approved-text, .block-register .password-wrap .smalltext { font-size: 11px; }

.block-register .form-submit { margin-top: 20px; }

#complain .form-item { margin-bottom: 0px; }

#complain textarea { width: 100%; height: 200px; border-radius: 4px; }

#fullfill-balance { padding: 40px 20px; }

#fullfill-balance .button { margin-top: 0px; }

#fullfill-balance .calculator { padding: 0px; }

#fullfill-balance .calculator .calculator-form-wrapper { border: 0px; }

#fullfill-balance .calculator .calculator-controls { padding: 20px; }

#fullfill-balance .calculator .calculator-col-1, #fullfill-balance .calculator .calculator-col-2 { width: 180px; }

#fullfill-balance .calculator .calculator-col-2 { margin: 0px 25px; }

#fullfill-balance .calculator .calculator-values .equals, #fullfill-balance .calculator .calculator-values .multiply { left: -18px; }

#fullfill-balance .calculator .a-open-dropdown { margin-top: 20px; }

#fullfill-balance .bags { margin-left: -5px; margin-right: -5px; }

#fullfill-balance .bags h3 { margin-bottom: 20px; }

#fullfill-balance .bags .bag-wrapper { margin: 0px 10px 20px; }

#fullfill-balance .bags .bag-wrapper .bag { width: 180px; background-image: url("assets/cabinet/assets/icons/bag-s.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #fullfill-balance .bags .bag-wrapper .bag { background-image: url("assets/cabinet/assets/icons/bag-s@2x.png"); background-size: 180px 280px; }
}

#fullfill-balance .bags .button { padding: 10px 15px; }

#contact-import h3 { margin-bottom: 20px; }

#contact-import .radios .radio { margin-bottom: 10px; }

#contact-import .radios label { color: rgb(37, 49, 64); }

#contact-import .radios .toggle-dropdown1, #contact-import .radios .toggle-dropdown2 { margin-top: 20px; }

#contact-import .radios .toggle-dropdown1 textarea { width: 100%; height: 240px; border-radius: 4px; font-size: 13px; margin-bottom: 0px; }

#contact-import .radios .toggle-dropdown1 ::-webkit-input-placeholder { font-size: 13px; }

#contact-import .fileUpload { position: relative; overflow: hidden; margin-top: 10px; }

#contact-import .fileUpload input.upload { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; width: 93px; height: 42px; }

#contact-import .fileUpload .button { margin-top: 0px; font-size: 13px; cursor: pointer; }

#contact-import .fileUpload input.upload:hover + .button { cursor: pointer; color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(251, 78, 114) rgb(251, 78, 114) rgb(217, 65, 116); border-image: none; background: rgb(251, 78, 114); box-shadow: rgb(217, 65, 116) 0px -1px 0px inset; }

#contact-import .fileUpload #uploadFile { border: 0px; font-size: 13px; color: rgb(93, 105, 120); line-height: 16px; width: 180px; overflow: hidden; text-overflow: ellipsis; }

#contact-import .fileUpload ::-webkit-input-placeholder { font-size: 13px; color: rgb(93, 105, 120); }

#contact-import2 .smalltext, #contact-import2 h3 { margin-bottom: 20px; }

#contact-import2 .col { display: inline-block; vertical-align: top; width: 120px; margin-right: 16px; margin-bottom: 20px; }

#contact-import2 .col.last { margin-right: 0px; }

#contact-import2 .col .head-select { margin-bottom: 10px; height: 40px; }

.inline-popup-action .radios, .phone-edit h3 { margin-bottom: 20px; }

#contact-import2 .col .head-select .nice-select { font-size: 13px; }

#contact-import2 .col .head-select .nice-select dd ul li a { padding: 0px 15px; }

#contact-import2 .col .row { padding-left: 15px; font-size: 11px; }

#contact-import2 .controls-buttons .button { margin-top: 0px; }

#contact-import2 .controls-buttons .button.button-green { padding-left: 15px; padding-right: 15px; }

#contact-import2 .controls-buttons .button.button-transparent { font-size: 13px; padding-left: 15px; padding-right: 15px; margin-left: 6px; }

.contact-create .form-item { position: relative; color: rgb(93, 105, 120); }

.contact-create .form-item ::-webkit-input-placeholder { font-size: 13px; color: rgb(93, 105, 120); }

.contact-create .form-item label { font-family: ubunturegular, Ubuntu; padding-left: 0px; display: block; cursor: auto; }

.contact-create .form-item .hint { font-size: 9px; position: absolute; right: 0px; top: 0px; }

.contact-create .form-item input { width: 100%; font-size: 13px; padding-left: 15px; padding-right: 15px; }

.contact-create .form-item.sex { width: 130px; margin-right: 20px; height: 40px; float: left; }

.contact-create .form-item.date-of-birth { width: 130px; float: left; position: relative; }

.contact-create .form-item.date-of-birth i { position: absolute; left: 15px; top: 34px; color: rgb(15, 21, 26); font-size: 12px; }

.contact-create .form-item.date-of-birth input { padding-left: 40px; }

.contact-create .form-item.clear-both { clear: both; }

.contact-create .near-submit { float: right; margin-top: 30px; font-size: 13px; }

.contact-create .near-submit label { font-family: ubunturegular, Ubuntu; font-size: 13px; }

.inline-popup-action .radios .radio { margin-top: 10px; }

.phone-edit .code-receive .button, .phone-edit .code-receive input, .phone-edit .code-receive span { margin-top: 20px; margin-bottom: 20px; }

.inline-popup-action .radios .radio label { font-family: ubunturegular, Ubuntu; font-size: 13px; color: rgb(15, 21, 26); }

.inline-popup-action .select { display: inline-block; width: 180px; }

.phone-edit .code-receive { font-size: 13px; }

.phone-edit .code-receive input[type="tel"] { margin-left: 3px; font-size: 13px; width: 130px; }

.phone-edit .code-receive ::-webkit-input-placeholder { font-size: 13px; color: rgb(93, 105, 120); }

.phone-edit .code-receive .button { margin-left: 7px; }

.phone-edit .code-receive .button.button-transparent { font-size: 13px; }

.phone-edit .code-receive .readonly input[type="tel"] { box-shadow: none; margin-top: 0px; margin-bottom: 0px; }

.phone-edit .code-receive .readonly .smalltext { display: inline-block; vertical-align: middle; width: 390px; margin-left: 7px; margin-top: 0px; margin-bottom: 0px; }

.phone-edit .code-receive #code { width: 150px; }

#pattern-create h3 { margin-bottom: 20px; }

#news-email #email { width: 280px; }

#balance-low-sms input[type="email"], #balance-low-sms input[type="tel"], #balance-low-sms input[type="text"], #balance-low-sms2 input[type="email"], #balance-low-sms2 input[type="tel"], #balance-low-sms2 input[type="text"], #news-email input[type="email"], #news-email input[type="tel"], #news-email input[type="text"] { font-size: 13px; padding-left: 15px; padding-right: 15px; }

@media screen and (max-width: 639px) {
  #popup-gift .calculator .calculator-col-2, #popup-gift .calculator .calculator-col-3 .equals { display: none; }
  #popup-gift .left-half, #popup-gift .left-half .calculator-mini input { text-align: center; }
  .white-popup-block.width1040, .white-popup-block.width360, .white-popup-block.width640 { max-width: 320px; padding: 40px 20px; }
  .overflow-hidden, .overflow-hidden body { overflow: hidden; height: 100%; }
  .mfp-arrow-left::after { border-right: 17px solid rgb(160, 151, 151); }
  .mfp-arrow-right::after { border-left: 17px solid rgb(160, 151, 151); }
  .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: rgb(160, 151, 151); right: 0px; text-align: center; padding-right: 0px; width: 44px; }
  .mfp-with-zoom.mfp-ready.mfp-bg { background: rgb(255, 255, 255); opacity: 1; transition: none; }
  .mfp-content, .white-popup-block { position: static; }
  .white-popup-block.width640 { max-width: 320px; }
  #popup-gift { padding: 40px 30px; }
  #popup-gift * { transform: translate3d(0px, 0px, 0px); }
  #popup-gift .calculator, #popup-gift .calculator .calculator-col-1 { width: 240px; }
  #popup-gift .calculator .calculator-col-3 { margin-bottom: 0px; }
  #popup-gift .left-half .calculator-mini .calculator-col-1, #popup-gift .left-half .calculator-mini .calculator-col-2 { display: inline-block; padding-top: 0px; }
  #popup-gift .checklict { text-align: left; padding-left: 35px; }
  #popup-gift .right-half { margin-top: 40px; }
  #popup-map #map2 { height: 350px; }
  #popup-api .left-side { padding-right: 0px; border: 0px; margin-bottom: 40px; }
  #popup-testimonials .form-item, #popup-testimonials .form-item.textarea { width: 280px; }
  #fullfill-balance .calculator .calculator-values .equals, #fullfill-balance .calculator .calculator-values .multiply { left: 50%; }
  #fullfill-balance .calculator .calculator-values .equals { margin-left: -6px; }
  #fullfill-balance .calculator .price-calculator .calculator-col-3 { margin-bottom: 0px; }
  #fullfill-balance .calculator .promo-dropdown { margin-bottom: 10px; }
  #fullfill-balance .calculator .promo-dropdown .calculator-col-1 { margin-top: 15px; }
  #fullfill-balance .calculator .promo-dropdown .sms-total { width: auto; }
  #fullfill-balance .calculator .calculator-controls { margin-bottom: 40px; }
  #fullfill-balance .bags .bag-wrapper { margin: 0px auto 20px; display: block; }
  #fullfill-balance .bags .bag-wrapper.bag-first { padding-top: 0px; }
  #fullfill-balance .bags .bag-wrapper .bag { margin: 0px auto 20px; }
  #popup-calculator { padding: 40px 20px; }
  #popup-calculator .calculator .calculator-col-1, #popup-calculator .calculator .calculator-col-2 { display: inline-block; vertical-align: top; padding-top: 0px; }
  .phone-edit .code-receive input[type="tel"] { margin-bottom: 0px; }
  .phone-edit .code-receive .button { margin-left: 0px; margin-right: 7px; }
  .phone-edit .code-receive .button.popup-text { margin-right: 0px; margin-left: 7px; }
  .phone-edit .code-receive .readonly .smalltext { margin-left: 0px; margin-top: 20px; width: auto; }
  .phone-edit .code-receive #code { width: 130px; }
  #news-email #email { width: 265px; margin-bottom: 0px; }
}

.chart-labels, .ct-label { color: rgb(93, 105, 120); font-size: 11px; line-height: 1.5; }

.ct-chart, .ct-chart-line { height: 450px; margin-bottom: 50px; position: relative; }

.ct-golden-section::before, .ct-major-eleventh::before, .ct-major-second::before, .ct-major-seventh::before, .ct-major-sixth::before, .ct-major-tenth::before, .ct-major-third::before, .ct-major-twelfth::before, .ct-minor-second::before, .ct-minor-seventh::before, .ct-minor-third::before, .ct-octave::before, .ct-perfect-fifth::before, .ct-perfect-fourth::before, .ct-square::before { height: 0px; content: ""; float: left; }

.ct-label { fill: rgb(93, 105, 120); }

.ct-chart-line { margin-bottom: 0px; }

.chart-labels { margin-bottom: 50px; padding-left: 20px; display: flex; flex-flow: wrap-reverse; -webkit-box-pack: justify; justify-content: space-between; }

.chart-labels .label-item { text-align: center; }

.ct-chart-bar .ct-label, .ct-chart-line .ct-label { display: flex; }

.ct-label.ct-horizontal.ct-start { align-items: flex-end; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-label.ct-horizontal.ct-end { align-items: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-label.ct-vertical.ct-start { align-items: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; }

.ct-label.ct-vertical.ct-end { align-items: flex-end; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-start { align-items: flex-end; -webkit-box-pack: center; justify-content: center; text-align: center; text-anchor: start; }

.ct-chart-bar .ct-label.ct-horizontal.ct-end { align-items: flex-start; -webkit-box-pack: center; justify-content: center; text-align: center; text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { align-items: flex-end; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { align-items: flex-start; justify-content: flex-start; text-align: left; text-anchor: start; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; align-items: center; justify-content: flex-end; text-align: right; text-anchor: end; }

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; align-items: center; justify-content: flex-start; text-align: left; text-anchor: end; }

.ct-grid.ct-vertical { stroke: rgb(211, 218, 225); stroke-width: 1px; stroke-dasharray: none; }

.ct-point { stroke-width: 10px; stroke-linecap: round; }

.ct-point:hover { stroke-width: 14px; }

.ct-line { fill: none; stroke-width: 4px; }

.ct-area { stroke: none; fill-opacity: 0.1; }

.ct-bar { fill: none; stroke-width: 10px; }

.ct-slice-donut { fill: none; stroke-width: 60px; }

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: rgb(211, 218, 225); }

.ct-series-a .ct-area, .ct-series-a .ct-slice-pie { fill: rgb(211, 218, 225); }

.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut { stroke: rgb(251, 78, 114); }

.ct-series-b .ct-area, .ct-series-b .ct-slice-pie { fill: rgb(251, 78, 114); }

.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: rgb(255, 191, 0); }

.ct-series-c .ct-area, .ct-series-c .ct-slice-pie { fill: rgb(255, 191, 0); }

.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut { stroke: rgb(84, 183, 114); }

.ct-series-d .ct-area, .ct-series-d .ct-slice-pie { fill: rgb(84, 183, 114); }

.ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut { stroke: rgb(69, 61, 63); }

.ct-series-e .ct-area, .ct-series-e .ct-slice-pie { fill: rgb(69, 61, 63); }

.ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut { stroke: rgb(89, 146, 43); }

.ct-series-f .ct-area, .ct-series-f .ct-slice-pie { fill: rgb(89, 146, 43); }

.ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut { stroke: rgb(5, 68, 211); }

.ct-series-g .ct-area, .ct-series-g .ct-slice-pie { fill: rgb(5, 68, 211); }

.ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut { stroke: rgb(107, 3, 146); }

.ct-series-h .ct-area, .ct-series-h .ct-slice-pie { fill: rgb(107, 3, 146); }

.ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut { stroke: rgb(240, 91, 79); }

.ct-series-i .ct-area, .ct-series-i .ct-slice-pie { fill: rgb(240, 91, 79); }

.ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut { stroke: rgb(221, 164, 88); }

.ct-series-j .ct-area, .ct-series-j .ct-slice-pie { fill: rgb(221, 164, 88); }

.ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut { stroke: rgb(234, 207, 125); }

.ct-series-k .ct-area, .ct-series-k .ct-slice-pie { fill: rgb(234, 207, 125); }

.ct-series-l .ct-bar, .ct-series-l .ct-line, .ct-series-l .ct-point, .ct-series-l .ct-slice-donut { stroke: rgb(134, 121, 125); }

.ct-series-l .ct-area, .ct-series-l .ct-slice-pie { fill: rgb(134, 121, 125); }

.ct-series-m .ct-bar, .ct-series-m .ct-line, .ct-series-m .ct-point, .ct-series-m .ct-slice-donut { stroke: rgb(178, 195, 38); }

.ct-series-m .ct-area, .ct-series-m .ct-slice-pie { fill: rgb(178, 195, 38); }

.ct-series-n .ct-bar, .ct-series-n .ct-line, .ct-series-n .ct-point, .ct-series-n .ct-slice-donut { stroke: rgb(97, 136, 226); }

.ct-series-n .ct-area, .ct-series-n .ct-slice-pie { fill: rgb(97, 136, 226); }

.ct-series-o .ct-bar, .ct-series-o .ct-line, .ct-series-o .ct-point, .ct-series-o .ct-slice-donut { stroke: rgb(167, 72, 202); }

.ct-series-o .ct-area, .ct-series-o .ct-slice-pie { fill: rgb(167, 72, 202); }

.ct-square { display: block; position: relative; width: 100%; }

.ct-square::before { display: block; width: 0px; padding-bottom: 100%; }

.ct-square::after { content: ""; display: table; clear: both; }

.ct-square > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-minor-second { display: block; position: relative; width: 100%; }

.ct-minor-second::before { display: block; width: 0px; padding-bottom: 93.75%; }

.ct-minor-second::after { content: ""; display: table; clear: both; }

.ct-minor-second > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-second { display: block; position: relative; width: 100%; }

.ct-major-second::before { display: block; width: 0px; padding-bottom: 88.8889%; }

.ct-major-second::after { content: ""; display: table; clear: both; }

.ct-major-second > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-minor-third { display: block; position: relative; width: 100%; }

.ct-minor-third::before { display: block; width: 0px; padding-bottom: 83.3333%; }

.ct-minor-third::after { content: ""; display: table; clear: both; }

.ct-minor-third > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-third { display: block; position: relative; width: 100%; }

.ct-major-third::before { display: block; width: 0px; padding-bottom: 80%; }

.ct-major-third::after { content: ""; display: table; clear: both; }

.ct-major-third > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-perfect-fourth { display: block; position: relative; width: 100%; }

.ct-perfect-fourth::before { display: block; width: 0px; padding-bottom: 75%; }

.ct-perfect-fourth::after { content: ""; display: table; clear: both; }

.ct-perfect-fourth > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-perfect-fifth { display: block; position: relative; width: 100%; }

.ct-perfect-fifth::before { display: block; width: 0px; padding-bottom: 66.6667%; }

.ct-perfect-fifth::after { content: ""; display: table; clear: both; }

.ct-perfect-fifth > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-minor-sixth { display: block; position: relative; width: 100%; }

.ct-minor-sixth::before { display: block; float: left; content: ""; width: 0px; height: 0px; padding-bottom: 62.5%; }

.ct-minor-sixth::after { content: ""; display: table; clear: both; }

.ct-minor-sixth > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-golden-section { display: block; position: relative; width: 100%; }

.ct-golden-section::before { display: block; width: 0px; padding-bottom: 61.8047%; }

.ct-golden-section::after { content: ""; display: table; clear: both; }

.ct-golden-section > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-sixth { display: block; position: relative; width: 100%; }

.ct-major-sixth::before { display: block; width: 0px; padding-bottom: 60%; }

.ct-major-sixth::after { content: ""; display: table; clear: both; }

.ct-major-sixth > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-minor-seventh { display: block; position: relative; width: 100%; }

.ct-minor-seventh::before { display: block; width: 0px; padding-bottom: 56.25%; }

.ct-minor-seventh::after { content: ""; display: table; clear: both; }

.ct-minor-seventh > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-seventh { display: block; position: relative; width: 100%; }

.ct-major-seventh::before { display: block; width: 0px; padding-bottom: 53.3333%; }

.ct-major-seventh::after { content: ""; display: table; clear: both; }

.ct-major-seventh > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-octave { display: block; position: relative; width: 100%; }

.ct-octave::before { display: block; width: 0px; padding-bottom: 50%; }

.ct-octave::after { content: ""; display: table; clear: both; }

.ct-octave > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-tenth { display: block; position: relative; width: 100%; }

.ct-major-tenth::before { display: block; width: 0px; padding-bottom: 40%; }

.ct-major-tenth::after { content: ""; display: table; clear: both; }

.ct-major-tenth > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-eleventh { display: block; position: relative; width: 100%; }

.ct-major-eleventh::before { display: block; width: 0px; padding-bottom: 37.5%; }

.ct-major-eleventh::after { content: ""; display: table; clear: both; }

.ct-major-eleventh > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-major-twelfth { display: block; position: relative; width: 100%; }

.ct-major-twelfth::before { display: block; width: 0px; padding-bottom: 33.3333%; }

.ct-major-twelfth::after { content: ""; display: table; clear: both; }

.ct-major-twelfth > svg { display: block; position: absolute; top: 0px; left: 0px; }

.ct-double-octave { display: block; position: relative; width: 100%; }

.chartist-tooltip::before, .ct-double-octave::before { content: ""; width: 0px; height: 0px; }

.ct-double-octave::before { display: block; float: left; padding-bottom: 25%; }

.ct-double-octave::after { content: ""; display: table; clear: both; }

.ct-double-octave > svg { display: block; position: absolute; top: 0px; left: 0px; }

.chartist-tooltip { position: absolute; display: inline-block; opacity: 0; min-width: 5em; padding: 10px; background-color: rgb(211, 218, 225); font-weight: 700; text-align: center; z-index: 1; border-radius: 4px; transition: opacity 0.2s linear; }

.chartist-tooltip::before { position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: rgb(211, 218, 225) transparent transparent; border-image: none; }

.chartist-tooltip.tooltip-show { opacity: 1; }

.main-page-top { margin: 80px 0px 60px; }

.main-page-top-left { width: 440px; float: left; }

.main-page-top-right { width: 600px; float: right; }

.animation { margin-left: 160px; position: relative; width: 280px; height: 330px; }

.animation .animation-area { position: absolute; left: 0px; top: 0px; width: 280px; height: 330px; }

.animation .animation-area div { position: absolute; opacity: 0; }

.animation-1 .animation-upload { text-align: right; left: -114px; top: 24px; padding: 0px 10px 55px 0px; }

.animation-1 .animation-upload span { display: block; width: 32px; height: 47px; position: absolute; right: 0px; bottom: 0px; background-image: url("assets/cabinet/assets/icons/banner-arrow.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-upload span { background-image: url("assets/cabinet/assets/icons/banner-arrow@2x.png"); background-size: 32px 47px; }
}

.animation-1 .animation-upload2 { right: -90px; top: 70px; padding: 0px 0px 55px 10px; }

.animation-1 .animation-upload2 span { display: block; width: 32px; height: 47px; position: absolute; left: 0px; bottom: 0px; background-image: url("assets/cabinet/assets/icons/banner-arrow2.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-upload2 span { background-image: url("assets/cabinet/assets/icons/banner-arrow2@2x.png"); background-size: 32px 47px; }
}

.animation-1 .animation-screen { bottom: 0px; left: 0px; width: 280px; height: 250px; background-image: url("assets/cabinet/assets/icons/banner-monitor.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-screen { background-image: url("assets/cabinet/assets/icons/banner-monitor@2x.png"); background-size: 280px 250px; }
}

.animation-1 .animation-doc { width: 112px; height: 132px; }

.animation-1 .animation-doc.animation-doc-1 { background-image: url("assets/cabinet/assets/icons/banner-doc1.png"); top: 28px; left: 61px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-doc.animation-doc-1 { background-image: url("assets/cabinet/assets/icons/banner-doc1@2x.png"); background-size: 112px 132px; }
}

.animation-1 .animation-doc.animation-doc-2 { background-image: url("assets/cabinet/assets/icons/banner-doc1.png"); top: 14px; left: 85px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-doc.animation-doc-2 { background-image: url("assets/cabinet/assets/icons/banner-doc1@2x.png"); background-size: 112px 132px; }
}

.animation-1 .animation-doc.animation-doc-3 { background-image: url("assets/cabinet/assets/icons/banner-doc2.png"); top: 0px; left: 109px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-doc.animation-doc-3 { background-image: url("assets/cabinet/assets/icons/banner-doc2@2x.png"); background-size: 112px 132px; }
}

.animation-1 .animation-list-wrap { width: 220px; height: 242px; top: 0px; left: 30px; overflow: hidden; }

.animation-1 .animation-list { width: 220px; height: 242px; top: 245px; left: 0px; background-image: url("assets/cabinet/assets/icons/banner-list.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-list { background-image: url("assets/cabinet/assets/icons/banner-list@2x.png"); background-size: 220px 242px; }
}

.animation-1 .animation-number { width: 160px; height: 40px; left: 30px; }

.animation-1 .animation-number.animation-number-1 { top: 49px; background-image: url("assets/cabinet/assets/icons/banner-number-1.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-number.animation-number-1 { background-image: url("assets/cabinet/assets/icons/banner-number-1@2x.png"); background-size: 160px 40px; }
}

.animation-1 .animation-number.animation-number-2 { top: 94px; background-image: url("assets/cabinet/assets/icons/banner-number-2.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-number.animation-number-2 { background-image: url("assets/cabinet/assets/icons/banner-number-2@2x.png"); background-size: 160px 40px; }
}

.animation-1 .animation-number.animation-number-3 { top: 140px; background-image: url("assets/cabinet/assets/icons/banner-number-3.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-number.animation-number-3 { background-image: url("assets/cabinet/assets/icons/banner-number-3@2x.png"); background-size: 160px 40px; }
}

.animation-1 .animation-number.animation-number-4 { top: 184px; background-image: url("assets/cabinet/assets/icons/banner-number-4.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-number.animation-number-4 { background-image: url("assets/cabinet/assets/icons/banner-number-4@2x.png"); background-size: 160px 40px; }
}

.animation-1 .animation-message { width: 220px; height: 220px; top: 245px; left: 0px; background-image: url("assets/cabinet/assets/icons/banner-message.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-1 .animation-message { background-image: url("assets/cabinet/assets/icons/banner-message@2x.png"); background-size: 220px 220px; }
}

.animation-2 .animation-loader-1 { width: 120px; height: 100px; top: 115px; left: 100px; background-image: url("assets/cabinet/assets/icons/banner-loader-1.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-2 .animation-loader-1 { background-image: url("assets/cabinet/assets/icons/banner-loader-1@2x.png"); background-size: 120px 100px; }
}

.animation-2 .animation-loader-2 { width: 15px; height: 36px; top: 147px; left: 85px; background-image: url("assets/cabinet/assets/icons/banner-loader-2.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-2 .animation-loader-2 { background-image: url("assets/cabinet/assets/icons/banner-loader-2@2x.png"); background-size: 15px 36px; }
}

.animation-2 .animation-loader-3 { width: 12px; height: 25px; top: 153px; left: 72px; background-image: url("assets/cabinet/assets/icons/banner-loader-3.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-2 .animation-loader-3 { background-image: url("assets/cabinet/assets/icons/banner-loader-3@2x.png"); background-size: 12px 25px; }
}

.animation-2 .animation-loader-4 { width: 8px; height: 14px; top: 158px; left: 62px; background-image: url("assets/cabinet/assets/icons/banner-loader-4.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-2 .animation-loader-4 { background-image: url("assets/cabinet/assets/icons/banner-loader-4@2x.png"); background-size: 8px 14px; }
}

.animation-3 .animation-phone { width: 130px; height: 280px; }

.animation-3 .animation-phone.animation-phone-1 { top: 50px; left: 0px; background-image: url("assets/cabinet/assets/icons/banner-phone-2.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-3 .animation-phone.animation-phone-1 { background-image: url("assets/cabinet/assets/icons/banner-phone-2@2x.png"); background-size: 130px 280px; }
}

.animation-3 .animation-phone.animation-phone-2 { top: 50px; right: 0px; background-image: url("assets/cabinet/assets/icons/banner-phone-2.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-3 .animation-phone.animation-phone-2 { background-image: url("assets/cabinet/assets/icons/banner-phone-2@2x.png"); background-size: 130px 280px; }
}

.animation-3 .animation-phone.animation-phone-3 { width: 140px; height: 290px; top: 90px; left: 70px; background-image: url("assets/cabinet/assets/icons/banner-phone-1.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-3 .animation-phone.animation-phone-3 { background-image: url("assets/cabinet/assets/icons/banner-phone-1@2x.png"); background-size: 140px 290px; }
}

.animation-3 .animation-upload3 { text-align: right; left: -114px; top: 115px; padding: 0px 10px 55px 0px; }

.animation-3 .animation-upload3 span { display: block; width: 32px; height: 47px; position: absolute; right: 0px; bottom: 0px; background-image: url("assets/cabinet/assets/icons/banner-arrow.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-3 .animation-upload3 span { background-image: url("assets/cabinet/assets/icons/banner-arrow@2x.png"); background-size: 32px 47px; }
}

.animation-4 .animation-screen { bottom: 0px; left: 0px; width: 280px; height: 250px; background-image: url("assets/cabinet/assets/icons/banner-monitor.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-4 .animation-screen { background-image: url("assets/cabinet/assets/icons/banner-monitor@2x.png"); background-size: 280px 250px; }
}

.animation-4 .animation-list-wrap { width: 220px; height: 242px; top: 0px; left: 30px; overflow: hidden; }

.animation-4 .animation-list-green { width: 220px; height: 242px; top: 245px; left: 0px; background-image: url("assets/cabinet/assets/icons/banner-list-green.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-4 .animation-list-green { background-image: url("assets/cabinet/assets/icons/banner-list-green@2x.png"); background-size: 220px 242px; }
}

@-webkit-keyframes spin { 
  100% { transform: rotate(-360deg); }
}

@keyframes spin { 
  100% { transform: rotate(-360deg); }
}

.animation-4 .animation-repeat { width: 56px; height: 54px; top: 137px; left: 113px; background-image: url("assets/cabinet/assets/icons/banner-repeat.png"); animation: 6s linear 0s infinite normal none running spin; cursor: pointer; display: none; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-4 .animation-repeat { background-image: url("assets/cabinet/assets/icons/banner-repeat@2x.png"); background-size: 56px 54px; }
}

.animation-4 .animation-upload4 { right: -140px; top: 165px; padding: 55px 0px 0px 10px; }

.animation-4 .animation-upload4 span { display: block; width: 32px; height: 47px; position: absolute; left: 0px; top: 0px; background-image: url("assets/cabinet/assets/icons/banner-arrow3.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-4 .animation-upload4 span { background-image: url("assets/cabinet/assets/icons/banner-arrow3@2x.png"); background-size: 32px 47px; }
}

.animation-4 .animation-upload5 { left: -110px; top: 217px; padding: 55px 10px 0px 0px; }

.animation-4 .animation-upload5 span { display: block; width: 32px; height: 47px; position: absolute; right: 0px; top: 0px; background-image: url("assets/cabinet/assets/icons/banner-arrow4.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .animation-4 .animation-upload5 span { background-image: url("assets/cabinet/assets/icons/banner-arrow4@2x.png"); background-size: 32px 47px; }
}

.main-page-header { font-size: 50px; line-height: 50px; margin-bottom: 30px; color: rgb(15, 21, 26); }

.main-page-top-list { margin: 0px 0px 40px; padding: 0px; }

.main-page-top-list li { margin-bottom: 10px; }

.main-page-top-list li .icon-advantage-bold { vertical-align: top; margin-right: 10px; }

.hover-all:focus a, .hover-all:hover a { color: rgb(73, 214, 242); }

.hover-all:focus a::after, .hover-all:hover a::after { border-bottom: 1px dotted rgb(73, 214, 242); }

.sms-service h2 { margin-bottom: 30px; }

.sms-slider-tabs { margin: 0px 0px 30px; }

.sms-slider-tabs li { margin: 0px 6px 10px; }

.sms-service-text { font-size: 17px; line-height: 30px; margin-bottom: 40px; }

.sms-slider-options { margin-bottom: 75px; }

.sms-slider-options li { margin: 0px 18px; }

.sms-slider-options li i { margin-right: 6px; }

.sms-slider-ipad { display: block; position: relative; width: 920px; height: 660px; margin: 100px auto 40px; background-image: url("assets/cabinet/assets/icons/ipad.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .sms-slider-ipad { background-image: url("assets/cabinet/assets/icons/ipad@2x.png"); background-size: 920px 660px; }
}

.sms-slider-slides { position: absolute; top: -60px; left: 61px; width: 789px; }

.sms-slider-slides img { width: 100%; height: auto; }

.fade-carousel-1 { margin: 80px auto 40px; max-width: 920px; }

.stats-number { color: rgb(15, 21, 26); font-size: 54px; line-height: 54px; }

.stats-number .small-stats-number { font-size: 24px; line-height: 24px; display: inline-block; }

.stats-text, .testimonials-text { font-size: 17px; color: rgb(15, 21, 26); font-family: pantonregular, Ubuntu; }

.testimonials-stars { text-align: center; margin-bottom: 23px; }

.testimonials-stars .testimonials-star-grey, .testimonials-stars .testimonials-star-red { display: inline-block; width: 14px; height: 13px; margin: 0px 2px; }

.testimonials-stars .testimonials-star-red { background-image: url("assets/cabinet/assets/icons/star-red-s.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .testimonials-stars .testimonials-star-red { background-image: url("assets/cabinet/assets/icons/star-red-s@2x.png"); background-size: 14px 13px; }
}

.testimonials-stars .testimonials-star-grey { background-image: url("assets/cabinet/assets/icons/star-grey-s.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .testimonials-stars .testimonials-star-grey { background-image: url("assets/cabinet/assets/icons/star-grey-s@2x.png"); background-size: 14px 13px; }
}

.testimonials-item { margin-bottom: 40px; }

.testimonials-text { line-height: 30px; padding: 0px 80px; margin-bottom: 10px; position: relative; }

.api-request-example h4 .red, .api-request-explanation .red { color: rgb(251, 78, 114); }

.testimonials-text::after, .testimonials-text::before { content: " "; display: block; position: absolute; width: 33px; height: 27px; }

.testimonials-text::before { background-image: url("assets/cabinet/assets/icons/testimonial1.png"); left: 0px; top: 0px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .testimonials-text::before { background-image: url("assets/cabinet/assets/icons/testimonial1@2x.png"); background-size: 33px 27px; }
}

.testimonials-text::after { background-image: url("assets/cabinet/assets/icons/testimonial2.png"); right: 0px; bottom: 0px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .testimonials-text::after { background-image: url("assets/cabinet/assets/icons/testimonial2@2x.png"); background-size: 33px 27px; }
}

.why-sms-aero .icon { margin-bottom: 4px; }

@media screen and (max-width: 1120px) {
  .main-page-top-left { width: 280px; }
  .animation { margin-left: 0px; overflow: hidden; }
}

@media screen and (max-width: 959px) {
  .main-page-top-left, .main-page-top-right { float: none; margin-left: auto; margin-right: auto; }
  .main-page-top-left { margin-bottom: 30px; }
  .animation { overflow: visible; }
  .main-page-top-right { text-align: center; }
  .main-page-header { font-size: 38px; line-height: 40px; }
  .main-page-top-list { text-align: left; margin-left: 20px; }
  .sms-service-text { font-size: 15px; line-height: 20px; margin-bottom: 20px; }
  .sms-slider-ipad { width: 600px; height: 430px; background-size: 600px 430px; }
  .sms-slider-slides { top: -60px; left: 40px; width: 515px; }
  .sms-slider-options { margin-bottom: 43px; }
}

@media screen and (max-width: 639px) {
  .animation { overflow: hidden; }
  .main-page-top { margin-top: 20px; }
  .main-page-top-right { width: auto; }
  .main-page-top-right .main-page-top-list { margin-left: 0px; }
  .sms-slider-ipad { width: 280px; height: 200px; background-size: 280px 200px; margin-top: 117px; }
  .sms-slider-slides { top: -102px; left: 19px; width: 240px; }
  .sms-slider-options { margin-bottom: 38px; }
  .sms-slider-options li { margin: 0px 0px 5px; white-space: nowrap; }
  .sms-slider-tabs li { margin: 0px; }
  .sms-slider-tabs li a.button-transparent { display: block; width: 24px; height: 4px; border-radius: 2px; background: rgb(211, 218, 225); margin: 15px 4px; text-indent: -9999px; padding: 0px; border: 0px; }
  .sms-slider-tabs li a.button-transparent:hover, .sms-slider-tabs li.active a.button-transparent { border: 0px; background: rgb(54, 190, 217); box-shadow: none; }
  .testimonials-stars { margin-bottom: 15px; }
  .fade-carousel-2 { padding-top: 50px; position: relative; }
  .fade-carousel-2::before { content: " "; display: block; position: absolute; width: 33px; height: 27px; background-image: url("assets/cabinet/assets/icons/testimonial1.png"); left: 50%; margin-left: -17px; top: 0px; }
  .testimonials-text { padding: 0px; }
  .testimonials-text::after, .testimonials-text::before { display: none; }
}

@media screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .fade-carousel-2::before { background-image: url("assets/cabinet/assets/icons/testimonial1@2x.png"); background-size: 33px 27px; }
}

.api-block h4 { margin: 0px; }

.api-block .icon { color: rgb(251, 78, 114); text-transform: uppercase; font-size: 17px; line-height: 72px; font-family: pantonregular, Ubuntu; }

.api-block .icon.icon-stars { font-size: 40px; line-height: 84px; }

.api-request-example { border: 2px solid rgb(213, 220, 226); border-radius: 30px; padding: 13px 48px; display: inline-block; margin-bottom: 40px; word-break: break-all; }

.code, .info-block { border-radius: 6px; }

.api-request-example h4 { margin: 0px; line-height: 30px; }

.api-image, .api-request-explanation { margin-bottom: 40px; }

.easy-to-integrate h4 { padding: 0px 45px; }

.api-image { padding: 35px 0px 70px; }

.api-image .icon { position: relative; vertical-align: middle; margin: 0px 3px 10px; }

.api-image .icon .smalltext { position: absolute; text-align: center; }

.api-image .icon.icon-api-mac .smalltext { width: 140px; left: -10px; top: 150px; }

.api-image .icon.icon-api-smpp .smalltext { width: 120px; left: -20px; top: 150px; }

.api-image .icon.icon-api-smpp2 .smalltext { width: 172px; left: -26px; top: 150px; }

.api-image .icon.icon-api-arrow1 .smalltext { width: 100px; left: 10px; top: -70px; }

@media screen and (max-width: 1120px) {
  .api-request-example { padding: 18px 40px; }
  .easy-to-integrate h4 { padding: 0px; }
}

@media screen and (max-width: 959px) {
  .api-request-example, .api-request-explanation { margin-bottom: 20px; }
  .api-image { padding-bottom: 0px; margin-bottom: 40px; }
  .api-image .icon { display: block; margin-left: auto; margin-right: auto; }
  .api-image .icon.icon-api-mac .smalltext { left: 150px; top: 40px; text-align: left; }
  .api-image .icon.icon-api-arrow1 { display: none; }
  .api-image .icon.icon-api-arrow2 { display: block; }
  .api-image .icon.icon-api-arrow2.text-left .smalltext { left: -170px; top: 27px; }
  .api-image .icon.icon-api-smpp .smalltext { width: 80px; left: 110px; top: 40px; text-align: left; }
  .api-image .icon.icon-api-smpp2 .smalltext { width: 172px; right: 150px; left: auto; top: 30px; text-align: right; }
  .api-image .icon.icon-api-arrow2 .smalltext { width: 100px; text-align: left; top: 30px; left: 40px; }
}

@media screen and (max-width: 639px) {
  .api-request-example { padding: 10px 20px; }
  .api-image { width: 120px; padding-right: 160px; margin: 0px auto 40px; }
  .api-image .icon.icon-api-mac .smalltext { width: 90px; }
  .api-image .icon.icon-api-arrow2.text-left .smalltext { left: 40px; width: 180px; }
  .api-image .icon.icon-api-smpp2 .smalltext { width: 100px; right: auto; left: 150px; top: 10px; text-align: left; }
  .icon-api-all { width: 120px; height: 120px; background-size: 120px 120px; }
}

.code { background: rgb(37, 49, 64); color: rgb(255, 255, 255); padding: 10px; margin-bottom: 20px; }

.code.m-b-40, .company-tabs { margin-bottom: 40px; }

.code .yellow { color: rgb(255, 198, 25); display: inline-block; margin-right: 8px; }

.info-block { background: rgb(242, 244, 246); position: relative; padding: 20px 20px 20px 50px; }

.info-block .icon-info { position: absolute; left: 20px; top: 22px; font-size: 18px; line-height: 18px; }

@media screen and (max-width: 639px) {
  table.mobile td .text { color: rgb(93, 105, 120); }
  table.mobile td .hint-text { color: rgb(37, 49, 64); }
  .table-item { padding-bottom: 20px; }
  .table-item:last-child { padding-bottom: 0px; }
}

.company-tabs { text-align: center; }

.company-tabs li { margin: 0px 3px 10px; }

ul.testimonials-tabs { margin-bottom: 30px; }

ul.testimonials-tabs li { margin: 0px 6px 0px 0px; }

ul.testimonials-tabs li.last { float: right; }

.block-company-principles.row.row-3 .row-item { width: 280px; margin-left: 10px; margin-right: 10px; }

.testimonials-block { border-top: 1px solid rgb(211, 218, 225); margin-bottom: 60px; }

.testimonials-block .testimonials-item { padding: 35px 0px; border-bottom: 1px solid rgb(211, 218, 225); margin-bottom: 0px; }

.testimonials-block .testimonials-name { font-size: 17px; font-family: ubunturegular, Ubuntu; }

.testimonials-block .smalltext { margin-bottom: 15px; }

.block-bank h4 { padding: 0px 40px; }

.block-bank .icon-payment-methods { margin: 0px auto 15px; }

.block-bank .pay-text { margin-bottom: 10px; }

.block-contact i { margin-right: 6px; }

.block-contact .call-me-phone { padding-top: 10px; display: inline-block; }

#map { width: 100%; height: 500px; }

.block-job-advantages { margin-bottom: 60px; }

.about-sms-aero h1 { margin-bottom: 40px; }

.icon-selectel { display: inline-block; }

.company-documents .popup-gallery4 { display: inline-block; vertical-align: top; }

.company-documents .company-documents-item { width: 280px; display: inline-block; vertical-align: top; margin-bottom: 40px; }

.company-documents .company-documents-item:nth-child(2) { margin-left: 20px; margin-right: 20px; }

.company-documents .documents-links { margin: 50px 0px 10px; padding: 0px; }

.company-documents .documents-links li + li { margin-top: 40px; }

.company-documents .documents-links li { font-size: 17px; font-family: pantonregular, Ubuntu; }

.company-documents .documents-links li .icon { vertical-align: middle; margin-right: 10px; }

@media screen and (max-width: 960px) {
  .company-top-block { margin-bottom: 60px; }
  .company-top-block.row.row-5 .row-item { width: 32.5%; margin-bottom: 40px; }
  .company-tabs li a { padding: 10px 15px; }
}

@media screen and (max-width: 770px) {
  .company-tabs li a { padding: 10px 20px; }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .company-tabs { margin-bottom: 30px; margin-top: -20px; }
  .about-sms-aero h1 { margin-bottom: 20px; }
  .company-top-block.row.row-5 .m-b-10-tablet-s { margin-bottom: 10px; }
  .block-company-principles.row.row-3 .row-item { margin-left: 7px; margin-right: 7px; }
  .company-documents .company-documents-item, .company-documents .company-documents-item:nth-child(2) { margin-left: 8px; margin-right: 8px; }
  .company-documents .documents-links { text-align: center; margin-top: 0px; }
  .company-documents .documents-links li .icon { display: block; margin: 0px auto 10px; }
  .company-documents .smalltext { text-align: center; }
  .row.row-2 .payment-tablet-s { width: 450px; }
}

@media screen and (max-width: 639px) {
  .company-tabs li { display: none; }
  .company-top-block.row.row-5 .row-item { width: 280px; margin-bottom: 40px; }
  .block-company-principles.row.row-3 .row-item { margin-left: auto; margin-right: auto; }
  .company-documents .company-documents-item:nth-child(2) { margin-left: 0px; margin-right: 0px; }
  .company-documents .documents-links { text-align: center; margin-top: 0px; }
  .company-documents .documents-links li .icon { display: block; margin: 0px auto 10px; }
  .company-documents .smalltext { text-align: center; }
  ul.testimonials-tabs { margin-bottom: 30px; text-align: center; }
  ul.testimonials-tabs li { margin: 0px 5px 10px; height: 40px; }
  .testimonials-block { margin-bottom: 40px; }
  .testimonials-block .testimonials-item { padding: 20px 0px; }
  .block-bank h4 { padding: 0px; }
  #map { height: 280px; }
  .compare-block.compare-block-head { display: none; }
}

.block-mass-sms .row-item { width: 280px; margin-left: 10px; margin-right: 10px; }

.map-full-width { background: rgb(242, 244, 246); overflow: hidden; position: relative; }

.map-full-width::after, .map-full-width::before { content: " "; display: block; width: 100%; position: absolute; left: 0px; z-index: 1; height: 100%; }

.map-full-width::before { bottom: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px -2px 6px 0px inset; }

.map-full-width::after { top: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 6px 0px inset; }

.map-full-width .container { position: relative; height: 320px; background: url("https://smsaero.ru/cabinet/assets/images/img/massmap.png") center center / 100% auto no-repeat; }

.map-full-width .button { margin-top: 120px; position: relative; z-index: 2; }

.mass-testimonials-userinfo { margin-left: 60px; margin-bottom: 10px; }

.mass-testimonials-userinfo .mass-testimonials-user, .mass-testimonials-userinfo img { display: inline-block; vertical-align: top; }

.mass-testimonials-userinfo .mass-testimonials-user { margin-left: 20px; margin-top: 20px; }

.mass-testimonials .testimonials-text { font-size: 15px; font-family: ubunturegular, Ubuntu; line-height: 20px; padding: 10px 60px; color: rgb(37, 49, 64); }

.mass-testimonials .mass-testimonials-item { margin-bottom: 40px; }

.block-mass-sms { margin-bottom: 60px; }

@media screen and (max-width: 959px) {
  .block-mass-sms { margin-bottom: 40px; }
  .block-mass-sms .row-item { margin-left: 8px; margin-right: 8px; }
  .map-full-width .container { height: 240px; }
  .map-full-width .button { margin-top: 80px; }
}

@media screen and (max-width: 639px) {
  .map-full-width { display: none; }
  .block-mass-sms { margin-bottom: 70px; }
  .mass-testimonials { margin-bottom: 60px; }
  .mass-testimonials .mass-testimonials-item { padding-top: 20px; }
  .mass-testimonials .mass-testimonials-userinfo { margin-left: 0px; }
  .mass-testimonials .mass-testimonials-userinfo img { display: inline-block; vertical-align: middle; }
  .mass-testimonials .mass-testimonials-userinfo .mass-testimonials-user { margin-left: 16px; margin-top: 0px; width: 160px; vertical-align: middle; }
  .mass-testimonials .testimonials-text { padding: 10px 0px 0px; }
  .mass-testimonials .testimonials-text::before { display: block; top: -128px; }
}

.api-image.smpp { padding: 70px 0px; }

.api-image.smpp .greenline { display: inline-block; vertical-align: middle; background: rgb(84, 183, 114); width: 40px; height: 2px; margin: 0px -7px; }

.api-image.smpp .icon { margin: 0px 2px; }

.api-image.smpp .icon-smpp-arrow1 .smalltext { top: -100px; left: 0px; width: 180px; }

.api-image.smpp .icon-api-all .smalltext { width: 100%; position: absolute; top: -27px; left: 0px; }

.api-image.smpp .icon-api-smpp .smalltext { width: 240px; left: -80px; }

@media screen and (max-width: 1239px) {
  .smpp-top-block { margin-bottom: 40px; }
  .smpp-top-block.row.row-5 .row-item { width: 32.5%; margin-bottom: 40px; }
}

@media screen and (max-width: 959px) {
  .api-request-example, .api-request-explanation { margin-bottom: 20px; }
  .api-image.smpp { padding: 40px 0px 30px; margin-bottom: 40px; }
  .api-image.smpp .icon { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
  .api-image.smpp .icon.icon-api-mac .smalltext { left: 150px; top: 40px; text-align: left; width: 190px; }
  .api-image.smpp .icon.icon-smpp-arrow1 { display: none; }
  .api-image.smpp .icon.icon-smpp-arrow2, .api-image.smpp .icon.icon-smpp-arrow3 { display: block; }
  .api-image.smpp .icon.icon-smpp-arrow2.text-left .smalltext { left: -170px; top: 27px; }
  .api-image.smpp .icon.icon-smpp-arrow3 .smalltext { text-align: right; width: 190px; top: 25px; left: -210px; }
  .api-image.smpp .icon.icon-api-smpp .smalltext { width: 230px; left: 110px; top: 30px; text-align: left; }
  .api-image.smpp .icon.icon-api-smpp2 { margin-bottom: 0px; }
  .api-image.smpp .icon.icon-api-smpp2 .smalltext { width: 172px; right: 150px; left: auto; top: 30px; text-align: right; }
  .api-image.smpp .icon.icon-api-all .smalltext { bottom: -27px; top: auto; }
  .api-image.smpp .greenline { width: 2px; height: 40px; margin: 0px; }
}

@media screen and (max-width: 639px) {
  .smpp-top-block.row.row-5 .row-item { width: 280px; }
  .api-image.smpp { padding-right: 160px; padding-bottom: 0px; }
  .api-image.smpp .icon.icon-api-mac .smalltext { width: 110px; }
  .api-image.smpp .icon.icon-smpp-arrow3 .smalltext { text-align: left; width: 190px; left: 40px; }
  .api-image.smpp .icon.icon-api-smpp .smalltext { width: 140px; top: 0px; }
  .api-image.smpp .icon.icon-api-smpp2 .smalltext { width: 100px; right: auto; left: 150px; top: 10px; text-align: left; }
  .api-image.smpp .icon.icon-api-all .smalltext { bottom: auto; left: 150px; top: 50px; }
}

.widget-slider { margin-top: 80px; }

.widget-slider .sms-slider-ipad-screen { padding: 35px 70px 35px 61px; }

.widget-slider .slick-slider.controls-top .slick-dots { top: -92px; }

.api-image.widget { padding: 35px 0px 90px; }

.api-image.widget .icon-widget-form-graph .smalltext { top: 150px; width: 160px; left: -20px; }

.api-image.widget .icon-widget-mac .smalltext { top: 150px; left: -75px; width: 280px; }

.api-image.widget .icon-widget-arrow1 .smalltext { top: -75px; left: 15px; width: 210px; }

.api-image.widget .icon-widget-arrow2 .smalltext { top: -75px; left: 30px; width: 160px; }

.widget-block-wrapper { position: relative; margin: 0px -20px; }

.widget-block-wrapper .widget-block-btn { position: absolute; top: -133px; right: -40px; }

.widget-block-wrapper .widget-block-btn a { display: block; border: 2px solid; background: rgb(255, 255, 255); text-decoration: none; font-size: 17px; font-family: pantonregular, Ubuntu; line-height: 20px; border-radius: 52px; padding: 20px 40px; text-align: center; }

.widget-block .widget-block-left, .widget-block .widget-block-right ul li span { display: inline-block; vertical-align: top; }

.widget-block .widget-block-left { width: 280px; }

.widget-block .widget-block-right { float: right; width: 280px; }

.widget-block .widget-block-right ul { margin: 0px 0px 40px; padding: 0px; }

.widget-block .widget-block-right ul li .icon { margin-right: 5px; }

.widget-block .widget-block-right ul li .smalltext { width: 230px; }

@media screen and (max-width: 1360px) {
  .widget-block-wrapper .widget-block-btn { right: 0px; }
}

@media screen and (min-width: 960px) and (max-width: 1000px) {
  .letter-spacing { letter-spacing: -1px; }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .widget-slider { margin-top: 80px; }
  .widget-slider .sms-slider-ipad-screen { padding: 23px 45px 23px 40px; }
  .widget-slider .slick-slider.controls-top .slick-dots { top: -80px; }
  .api-image.widget { padding: 0px; }
  .api-image.widget .icon-widget-form-graph .smalltext { top: 30px; width: 180px; left: 150px; text-align: left; }
  .api-image.widget .icon-widget-mac .smalltext { top: 0px; width: 190px; left: 150px; text-align: left; }
  .api-image.widget .icon-widget-arrow1, .api-image.widget .icon-widget-arrow2 { display: none; }
  .api-image.widget .icon-widget-arrow3, .api-image.widget .icon-widget-arrow4 { display: block; }
  .api-image.widget .icon-widget-arrow3 .smalltext { top: 30px; right: 75px; width: 210px; text-align: right; }
  .api-image.widget .icon-widget-arrow4 .smalltext { top: 30px; right: 75px; width: 160px; text-align: right; }
  .widget-block-wrapper .widget-block-btn { display: none; }
}

@media screen and (max-width: 639px) {
  .widget-slider .sms-slider-ipad-screen { padding: 11px 21px 10px 19px; }
  .widget-slider .slick-slider.controls-top .slick-dots { top: -68px; }
  .api-image.widget { padding: 0px 160px 0px 0px; }
  .api-image.widget .icon-widget-arrow1, .api-image.widget .icon-widget-arrow2 { display: none; }
  .api-image.widget .icon-widget-form-graph .smalltext { top: 10px; width: 130px; left: 150px; text-align: left; }
  .api-image.widget .icon-widget-arrow3 { background-image: url("assets/cabinet/assets/icons/widget-arrow5.png"); width: 50px; height: 160px; }
  .api-image.widget .icon-widget-arrow3 .smalltext { left: 75px; width: 170px; text-align: left; top: 29px; }
  .api-image.widget .icon-widget-arrow3 .smalltext .mobile { display: inline; }
  .api-image.widget .icon-widget-arrow4 { background-image: url("assets/cabinet/assets/icons/widget-arrow6.png"); width: 50px; height: 160px; }
  .api-image.widget .icon-widget-arrow4 .smalltext { width: 160px; text-align: left; left: 80px; top: 67px; }
  .api-image.widget .icon-widget-mac .smalltext { top: -33px; left: 150px; width: 130px; text-align: left; }
  .widget-block-wrapper .widget-block-btn { display: none; }
  .widget-block .widget-block-right { text-align: center; float: none; margin-left: auto; margin-right: auto; margin-bottom: 80px; }
  .widget-block .widget-block-right ul li { margin: 0px auto 40px; display: block; width: 280px; text-align: center; }
  .widget-block .widget-block-right ul li .icon { margin: 0px auto 5px; display: block; }
  .widget-block .widget-block-left { float: none; margin-left: auto; margin-right: auto; display: block; }
  .widget-block .widget-block-left .controls-bottom { margin-top: 40px; }
  .widget-block .widget-block-left .controls-bottom .slick-dots { top: -60px; }
}

.blog-date, .blog-tags { display: inline-block; }

@media screen and (max-width: 639px) and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .api-image.widget .icon-widget-arrow3 { background-image: url("assets/cabinet/assets/icons/widget-arrow5@2x.png"); background-size: 50px 160px; }
  .api-image.widget .icon-widget-arrow4 { background-image: url("assets/cabinet/assets/icons/widget-arrow6@2x.png"); background-size: 50px 160px; }
}

.sidebar-signup { box-sizing: border-box; width: 280px; height: 320px; background-image: url("assets/cabinet/assets/icons/sidebar-signup.png"); padding: 25px 40px 20px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .sidebar-signup { background-image: url("assets/cabinet/assets/icons/sidebar-signup@2x.png"); background-size: 280px 320px; }
}

.blog-article .sharebuttons .social-buttons li a, .widget-create form .radio .button-example.button-4 { background: rgb(54, 190, 217); }

.blog-teaser { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid rgb(211, 218, 225); }

.blog-teaser-text, .blog-teaser-title { margin-bottom: 20px; }

.blog-teaser-title i { font-size: 14px; margin-right: 10px; }

.blog-date { margin-right: 40px; }

.blog-date i { font-size: 14px; margin-right: 10px; }

.blog-tags li { margin-right: 10px; margin-bottom: 10px; }

.blog-tags li a { text-decoration: none; color: rgb(93, 105, 120); }

.blog-pager li, .table-pager li { margin: 0px 3px; }

.blog-pager .button, .table-pager .button { padding: 0px 14px; min-width: 40px; }

.table-pager .pager-first .button, .table-pager .pager-item .button, .table-pager .pager-last .button { line-height: 38px; }

.blog-pager .button.button-blue, .table-pager .button.button-blue { padding: 10px 20px; }

.blog-pager .button.button-blue i, .table-pager .button.button-blue i { font-size: 20px; }

.blog-pager .pager-previous, .table-pager .pager-previous { float: left; }

.blog-pager .pager-previous i, .table-pager .pager-previous i { margin-right: 8px; font-size: 17px; }

.blog-pager .pager-next, .table-pager .pager-next { float: right; }

.blog-pager .pager-next i, .table-pager .pager-next i { margin-left: 8px; font-size: 17px; }

.blog-pager .pager-first, .table-pager .pager-first { margin-right: 17px; }

.blog-pager .pager-last, .table-pager .pager-last { margin-left: 17px; }

.sidebar-signup-success { width: 280px; }

.sidebar-signup-success .icon { margin-bottom: 15px; }

.sidebar-signup-success.invisible { display: none; }

.blog-article .blog-date { margin-bottom: 20px; }

.blog-article h1 { margin-bottom: 30px; }

.blog-article h4 { margin-top: 40px; }

.blog-article .blog-image, .blog-article .sharebuttons { margin: 40px 0px; }

.blog-article .blog-image img { max-width: 100%; height: auto; }

.blog-article .blog-tags { display: block; margin: 40px 0px; }

.blog-article .sharebuttons .fa-share-alt { display: inline-block; vertical-align: middle; font-size: 13px; color: rgb(93, 105, 120); }

.blog-article .sharebuttons .social-buttons { margin-left: 7px; display: inline-block; vertical-align: middle; height: 40px; }

.page-block-help h1 { margin-bottom: 30px; }

.blog-pager .desktop, .table-pager .desktop { display: none; }

@media screen and (min-width: 1020px) {
  .blog-pager .desktop, .table-pager .desktop { display: inline-block; }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .blog-pager { margin-bottom: 80px; }
  .block-search { float: right; width: 47%; margin-bottom: 0px; }
  .blog-inner-page.sidebar-right { padding-bottom: 20px; margin-bottom: 0px; border-bottom: 0px; }
  .page-block-help h1 { margin-bottom: 20px; }
}

.compare-block .compare-wrapper > div, .compare-block.compare-block-head > div { display: inline-block; vertical-align: middle; width: 280px; }

@media screen and (max-width: 640px) {
  .blog-teaser { padding-bottom: 20px; margin-bottom: 20px; }
  .pager { padding-top: 60px; position: relative; }
  .pager .pager-previous { position: absolute; top: 0px; left: 0px; }
  .pager .pager-next { position: absolute; top: 0px; right: 0px; }
  .blog-pager .pager-first, .table-pager .pager-first { margin-right: 14px; }
  .blog-pager .pager-last, .table-pager .pager-last { margin-left: 14px; }
  .block-signup-bottom { width: 280px; margin: 0px auto 60px; }
  .blog-article { padding-top: 40px; }
  .page-block-help h1 { margin-bottom: 20px; }
}

.compare-block { margin-bottom: 70px; }

.compare-block.compare-block-head { margin-bottom: 25px; }

.compare-block .icon { vertical-align: middle; }

.compare-block .compare-block-left { text-align: right; }

.compare-block .compare-block-left h3 { margin-bottom: 0px; }

.compare-block .compare-block-right { text-align: left; }

.compare-block .compare-block-image { margin: auto 36px; }

.compare-page .try-free { margin-top: 10px; margin-bottom: 20px; }

@media screen and (min-width: 640px) and (max-width: 959px) {
  .compare-block { margin-bottom: 50px; }
  .compare-block.compare-block-head .compare-block-image { display: none; }
  .compare-wrapper { position: relative; padding-top: 220px; }
  .compare-wrapper .compare-block-image { position: absolute; top: 0px; left: 50%; margin-left: -140px; margin-right: 0px; }
  .compare-block-left { margin-right: 18px; }
  .compare-block-right { margin-left: 18px; }
}

@media screen and (max-width: 639px) {
  .compare-block { margin-bottom: 80px; }
  .compare-block .compare-block-left, .compare-block .compare-block-right { text-align: center; }
  .compare-block .compare-wrapper .compare-block-image { display: block; margin: 15px auto; clear: both; }
  .compare-block.m-b-60-mobile { margin-bottom: 60px; }
  .compare-page .try-free { margin-top: 0px; margin-bottom: 0px; }
}

.whatsapp-page-top-block { display: flex; }

.whatsapp-page-top-left { -webkit-box-flex: 1; flex: 1 1 0%; max-width: 600px; height: 500px; float: left; position: relative; }

.whatsapp-page-top-left > div { vertical-align: top; }

.whatsapp-page-top-left > div img { margin: 56px 16px; width: 198px; height: 346px; }

.whatsapp-page-top-left > div.phone-1 { position: absolute; left: 0px; top: 0px; }

.whatsapp-page-top-left > div.phone-2 { position: absolute; left: 50%; margin-left: -115px; bottom: 0px; z-index: 1; }

.whatsapp-page-top-left > div.phone-3 { position: absolute; right: 0px; top: 0px; }

.whatsapp-page-top-right { width: 600px; margin-left: 40px; margin-top: 25px; -webkit-box-ordinal-group: 3; order: 2; }

.whatsapp-page-top-right h1 { margin-bottom: 35px; }

.whatsapp-page-top-right .inline li.m-b-40 { margin-bottom: 40px; margin-right: 60px; }

.whatsapp-page-top-right .icon { vertical-align: top; margin-right: 6px; }

.whatsapp-page-top-right .smalltext { display: inline-block; vertical-align: top; }

.toggle-dropdown { display: none; background: rgb(242, 244, 246); border-radius: 6px; position: relative; padding: 35px 20px 40px; }

.toggle-dropdown ::before { display: block; content: " "; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgb(242, 244, 246); }

.toggle-dropdown h4 { color: rgb(0, 0, 0); }

.toggle-dropdown .or { font-size: 11px; color: rgb(211, 218, 225); }

.mass-viber-whatsapp-advantage.row.row-3 .row-item { width: 280px; margin-left: 12px; margin-right: 12px; }

.calculator { position: relative; padding: 20px 25px 0px; }

.calculator .calculator-back { position: absolute; top: 0px; left: 0px; box-sizing: border-box; border: 4px solid rgb(211, 218, 225); border-radius: 6px; background: rgb(255, 255, 255); width: 100%; height: 60px; padding: 16px 16px 27px; }

.calculator .calculator-back .calculator-back-inner { border: 2px solid rgb(211, 218, 225); width: 100%; height: 10px; border-radius: 2px; box-sizing: border-box; }

.calculator .calculator-form-wrapper { position: relative; border-width: 2px 2px 0px; border-style: solid solid none; border-color: rgb(211, 218, 225) rgb(211, 218, 225) currentcolor; border-image: none; background-color: rgb(255, 255, 255); }

.calculator .calculator-form-wrapper::after { content: " "; position: absolute; width: 100%; height: 6px; left: 0px; bottom: -3px; background-image: url("assets/cabinet/assets/icons/calc-bottom.png"); background-position: center bottom; background-repeat: no-repeat; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .calculator .calculator-form-wrapper::after { background-image: url("assets/cabinet/assets/icons/calc-bottom@2x.png"); background-size: 550px 6px; }
}

.calculator .calculator-controls { padding: 38px; }

.calculator .calculator-col-1, .calculator .calculator-col-2, .calculator .calculator-col-3 { display: inline-block; vertical-align: top; position: relative; }

.calculator .calculator-col-1 { width: 140px; }

.calculator .calculator-col-2 { width: 105px; margin: 0px 34px 0px 46px; }

.calculator .calculator-col-3 { width: 130px; }

.calculator .calculator-values { font-family: panton_lightregular, Ubuntu; font-size: 30px; }

.calculator .calculator-values span { font-size: 20px; }

.calculator .calculator-values input[type="text"] { height: 50px; padding: 10px 20px; font-family: panton_lightregular, Ubuntu; font-size: 30px; line-height: 30px; border-radius: 25px; margin-bottom: 0px; color: rgb(0, 0, 0); }

.calculator .calculator-values .sms-price { color: rgb(0, 0, 0); height: 50px; line-height: 50px; }

.calculator .calculator-values .sms-total { height: auto; line-height: 50px; }

.calculator .calculator-values .equals, .calculator .calculator-values .multiply { position: absolute; left: -34px; top: 15px; }

.calculator .calculator-values .hint { font-family: ubunturegular, Ubuntu; }

.bags .bag-wrapper .bag .bag-title, .price-calculator .calculator-values input[type="text"] { font-family: pantonregular, Ubuntu; font-size: 20px; }

.calculator-slider { margin-bottom: 40px; position: relative; }

.calculator-slider::before { content: " "; display: block; position: absolute; left: 0px; top: 50%; margin-top: -18px; background: rgb(255, 255, 255); width: 1px; height: 35px; }

.calculator-slider-col1, .calculator-slider-col2, .calculator-slider-col3, .calculator-slider-col4, .calculator-slider-col5 { display: inline-block; }

.calculator-slider-col1 { width: 210px; }

.calculator-slider-col2 { width: 40px; margin-right: 180px; }

.calculator-slider-col3 { width: 50px; margin-right: 176px; }

.calculator-slider-col4 { width: 50px; margin-right: 177px; }

.calculator-slider-col5 { width: 50px; margin-right: -20px; }

.whatsapp-iphone-carousel { width: 240px; float: left; position: absolute; visibility: hidden; }

.whatsapp-iphone-carousel .fade-carousel-5 { margin: 56px 16px 55px; width: 198px; }

.whatsapp-iphone-carousel .fade-carousel-5 .slick-track { height: 346px; }

.whatsapp-iphone-carousel .fade-carousel-5 .slick-dots { bottom: -120px; }

@media screen and (min-width: 900px) and (max-width: 960px) {
  .whatsapp-iphone-carousel { position: static; visibility: visible; }
  .whatsapp-page-top-left { display: none; }
  .whatsapp-page-top-right { float: right; }
}

@media screen and (min-width: 640px) and (max-width: 899px) {
  .whatsapp-iphone-carousel { position: absolute; visibility: hidden; }
  .whatsapp-page-top-left { display: block; -webkit-box-flex: 1; flex: 1 1 0%; }
}

@media screen and (min-width: 960px) and (max-width: 1239px) {
  .calculator-slider, .calculator-slider .slider.slider-horizontal { width: 900px; }
  .calculator-slider .calculator-slider-col1 { width: 205px; }
  .calculator-slider .calculator-slider-col2 { margin-right: 175px; }
  .calculator-slider .calculator-slider-col3 { margin-right: 171px; }
  .calculator-slider .calculator-slider-col4 { margin-right: 174px; }
}

@media screen and (min-width: 640px) and (max-width: 959px) {
  .whatsapp-page-top-block { display: block; text-align: center; }
  .whatsapp-page-top-right { margin: 0px auto; }
  .whatsapp-page-top-right .inline li.m-b-40 { margin-left: 60px; }
  .whatsapp-page-top-right .icon { margin: 0px auto 15px; display: block; }
  .whatsapp-page-top-left { float: none; margin: 0px auto; }
  .mass-viber-whatsapp-advantage.row.row-3 .row-item { margin-left: 8px; margin-right: 8px; }
  .calculator-slider { width: 600px; margin-left: auto; margin-right: auto; }
  .calculator-slider .slider.slider-horizontal { width: 600px; }
  .calculator-slider .calculator-slider-col1 { width: 130px; }
  .calculator-slider .calculator-slider-col2 { margin-right: 100px; }
  .calculator-slider .calculator-slider-col3 { margin-right: 96px; }
  .calculator-slider .calculator-slider-col4 { margin-right: 75px; }
  .calculator-slider .calculator-slider-col5 { text-align: right; }
}

@media screen and (max-width: 639px) {
  .whatsapp-page-top-block { display: block; }
  .whatsapp-page-top-left { display: none; }
  .whatsapp-iphone-carousel { visibility: visible; position: static; float: none; margin: 80px auto 0px; }
  .whatsapp-iphone-carousel .controls-bottom .slick-dots { top: -115px; }
  .whatsapp-page-top-right { width: 100%; margin-left: 0px; margin-top: 0px; text-align: center; }
  .whatsapp-page-top-right h1 { margin-bottom: 20px; }
  .whatsapp-page-top-right .button.tablet-s { display: inline-block; }
  .whatsapp-page-top-right .inline li.m-b-40 { margin-bottom: 40px; margin-right: auto; margin-left: auto; display: block; }
  .whatsapp-page-top-right .icon { display: block; margin: 0px auto 10px; }
  .mass-viber-whatsapp-advantage.row.row-3 .row-item { margin-left: auto; margin-right: auto; }
  .calculator-slider { margin: 0px auto 40px; width: 260px; }
  .calculator-slider .smalltext { margin: 0px -10px 0px -5px; }
  .calculator-slider::before { display: none; }
  .calculator-slider .mobile { display: inline; }
  .slider.slider-horizontal { width: 260px; }
  .calculator-slider-col1 { width: 14px; text-align: center; margin-right: 40px; }
  .calculator-slider-col2 { width: 25px; margin-right: 38px; }
  .calculator-slider-col3 { width: 25px; margin-right: 36px; }
  .calculator-slider-col4 { width: 30px; margin-right: 32px; }
  .calculator-slider-col5 { width: 30px; margin-right: -10px; }
  .calculator .calculator-col-1, .calculator .calculator-col-2, .calculator .calculator-col-3 { display: block; margin-left: auto; margin-right: auto; padding-top: 20px; text-align: center; }
  .calculator .calculator-col-1 { padding-top: 0px; }
  .calculator .calculator-values { text-align: center; }
  .calculator .calculator-values .equals, .calculator .calculator-values .multiply { left: 50%; margin-left: -2px; top: 7px; }
  .calculator #buy_form > .text-centered { margin-left: -25px; margin-right: -25px; }
  .row.row-3 .toggle-dropdown .row-item { width: auto; max-width: 280px; }
}

.promo-block { border-bottom: 1px solid rgb(211, 218, 225); padding-bottom: 25px; margin-top: -40px; }

.promo-block .promo-block-gift { margin-left: 70px; float: left; }

.promo-block .promo-block-rouble { margin-right: 70px; float: right; }

.promo-block .dotted { text-decoration: none; display: inline-block; position: relative; }

.promo-block .dotted::after { content: " "; display: block; width: 100%; position: absolute; left: 0px; bottom: 2px; border-bottom: 1px dotted; }

.promo-block .dotted:hover::after { border-bottom: 1px dotted; }

.promo-block a { display: inline-block; position: relative; padding-left: 60px; }

.promo-block a .icon { position: absolute; left: 0px; }

.promo-block a .icon.icon-gift-s { top: -5px; }

.promo-block a .icon.icon-rouble { top: -2px; }

.prices-table { padding: 10px 0px 20px; position: relative; }

.prices-table .tbody, .prices-table .thead { border-bottom: 1px solid rgb(211, 218, 225); position: relative; padding-bottom: 10px; margin-bottom: 10px; }

.prices-table .green { position: absolute; top: 8px; right: 36px; }

.prices-table .trow > div { float: left; min-height: 1px; width: 100px; padding: 10px 0px; }

.prices-table .trow > div.tcol1 { width: 180px; }

.prices-table .trow > div.tcol7 { width: 120px; }

.prices-table .trow > div.tcol8 { width: 110px; }

.prices-table .trow > div.tcol-wide { width: 720px; }

.prices-table .trow > div.clearfix { width: 100%; float: none; clear: both; padding: 0px; }

.prices-table .special-col { position: absolute; top: 8px; right: 13px; width: 130px; height: 300px; background-image: url("assets/cabinet/assets/icons/table-border.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .prices-table .special-col { background-image: url("assets/cabinet/assets/icons/table-border@2x.png"); background-size: 130px 300px; }
}

.price-calculator .calculator-col-1, .price-calculator .calculator-col-2, .price-calculator .calculator-col-3 { width: 130px; }

.price-calculator .calculator-col-2 { margin: 0px 32px; }

.price-calculator .calculator-values .equals, .price-calculator .calculator-values .multiply { left: -23px; }

.price-calculator .a-open-dropdown { color: rgb(54, 190, 217); margin-top: 40px; }

.price-calculator .promo-dropdown .sms-total { width: 140px; }

.price-calculator .promo-dropdown .calculator-values { text-align: left; }

.calculator-radio > div { display: inline-block; vertical-align: top; }

.calculator-radio .radio2 { margin: 0px 23px; }

.promo-code .dotted i { position: absolute; right: -15px; top: 3px; cursor: default; }

.open-dropdown { display: none; }

.bags .bag-wrapper { display: inline-block; padding-top: 60px; position: relative; }

.bags .bag-wrapper.bag-centered { margin: 0px 45px; }

.bags .bag-wrapper .bag { width: 220px; height: 280px; background-image: url("assets/cabinet/assets/icons/bag.png"); box-sizing: border-box; padding-top: 90px; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bags .bag-wrapper .bag { background-image: url("assets/cabinet/assets/icons/bag@2x.png"); background-size: 220px 280px; }
}

.bags .bag-wrapper .bag .tag-label { width: 126px; height: 97px; position: absolute; top: 0px; left: 45px; }

.bags .bag-wrapper .bag.bag-economy .tag-label { background-image: url("assets/cabinet/assets/icons/tag-economy.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bags .bag-wrapper .bag.bag-economy .tag-label { background-image: url("assets/cabinet/assets/icons/tag-economy@2x.png"); background-size: 126px 97px; }
}

.bags .bag-wrapper .bag.bag-popular .tag-label { background-image: url("assets/cabinet/assets/icons/tag-popular.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bags .bag-wrapper .bag.bag-popular .tag-label { background-image: url("assets/cabinet/assets/icons/tag-popular@2x.png"); background-size: 126px 97px; }
}

.bags .bag-wrapper .bag .bag-title { color: rgb(93, 105, 120); text-transform: uppercase; line-height: 20px; margin-bottom: 10px; }

.bags .bag-wrapper .bag .bag-price { font-family: panton_lightregular, Ubuntu; font-size: 30px; line-height: 30px; color: rgb(0, 0, 0); margin-bottom: 36px; }

.bags .bag-wrapper .bag .bag-price span { font-size: 20px; }

.bags .bag-wrapper .bag .icon-letter { margin: 0px 7px 10px; }

.block-cheaper { margin-bottom: 80px; }

.icon-payment-toggle-wrapper { display: inline-block; width: 38px; height: 14px; position: relative; border: 1px solid rgb(204, 211, 219); border-radius: 8px; cursor: pointer; }

.icon-payment-toggle-wrapper .icon-payment-toggle { width: 20px; height: 20px; position: absolute; left: 0px; top: -3px; background-image: url("assets/cabinet/assets/icons/payment-toggle-0.png"); transition: 0.2s; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-payment-toggle-wrapper .icon-payment-toggle { background-image: url("assets/cabinet/assets/icons/payment-toggle-0@2x.png"); background-size: 20px 20px; }
}

.a-toggle-payment { cursor: pointer; display: inline-block; }

.a-toggle-payment.active .icon-payment-toggle { left: 20px; background-image: url("assets/cabinet/assets/icons/payment-toggle-1.png"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .a-toggle-payment.active .icon-payment-toggle { background-image: url("assets/cabinet/assets/icons/payment-toggle-1@2x.png"); background-size: 20px 20px; }
}

.payment-tabs .nav-tabs { margin: 0px 0px 20px; padding: 0px; }

.payment-tabs .nav-tabs li { width: 16%; position: relative; vertical-align: top; }

.payment-tabs .nav-tabs li.active a { color: rgb(15, 21, 26); cursor: pointer; }

.payment-tabs .nav-tabs li.active a .dotted::after { display: none; }

.payment-tabs .nav-tabs li.active::after { display: block; content: " "; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgb(242, 244, 246); }

.payment-tabs .nav-tabs li a { cursor: pointer; }

.payment-tabs .nav-tabs .payment-name { display: block; padding-top: 10px; }

.payment-tabs .nav-tabs .dotted { text-decoration: none; display: inline-block; position: relative; }

.payment-tabs .nav-tabs .dotted::after { content: " "; display: block; width: 100%; position: absolute; left: 0px; bottom: 2px; border-bottom: 1px dotted; }

.payment-tabs .nav-tabs .dotted:hover::after { border-bottom: 1px dotted; }

.payment-tabs .pane-item { background: rgb(242, 244, 246); border-radius: 6px; display: none; padding: 35px 35px 0px; }

.payment-tabs .pane-item.active { display: block; }

.payment-tabs .pane-item h4 { margin: 10px 0px 0px; padding-bottom: 40px; }

.payment-tabs .pane-item .item { display: inline-block; vertical-align: top; width: 190px; margin-bottom: 40px; }

.panes { margin-bottom: 40px; }

@media screen and (max-width: 959px) {
  .promo-block .promo-block-gift .icon-gift-s:last-child, .promo-block .promo-block-rouble .icon-rouble:last-child { left: auto; right: 0px; }
  .promo-block { text-align: center; margin-bottom: 55px; }
  .promo-block .promo-block-gift, .promo-block .promo-block-rouble { display: inline-block; float: none; margin-left: 0px; margin-right: 0px; }
  .promo-block .promo-block-gift a, .promo-block .promo-block-rouble a { padding-left: 30px; padding-right: 30px; }
  .promo-block .promo-block-gift { margin-bottom: 20px; }
  .promo-block .promo-block-gift .icon-gift-s { width: 20px; height: 23px; background-size: 20px 23px; top: -3px; }
  .promo-block .promo-block-rouble .icon-rouble { width: 22px; height: 22px; background-size: 22px 22px; top: -3px; }
  .prices-table { padding-bottom: 10px; max-width: 605px; margin: 0px auto; }
  .prices-table .trow > div { width: 47px; }
  .prices-table .trow > div.tcol1 { width: 160px; }
  .prices-table .trow > div.tcol6 { width: 60px; }
  .prices-table .trow > div.tcol7 { width: 70px; }
  .prices-table .trow > div.tcol8 { width: 110px; }
  .prices-table .trow > div.tcol-wide { width: 440px; }
  .prices-table .trow > div.clearfix { width: 100%; float: none; clear: both; padding: 0px; }
  .bags .bag-wrapper.bag-centered { margin-left: 0px; margin-right: 100px; }
  .payment-tabs .nav-tabs li { width: 32.5%; }
  .payment-tabs .pane-item .item { width: 170px; }
}

@media screen and (max-width: 639px) {
  .price-calculator .calculator-radio > div, .promo-block .promo-block-gift, .promo-block .promo-block-rouble { display: block; }
  .promo-block { padding-bottom: 15px; margin-top: -20px; }
  .price-calculator .calculator-controls { padding: 35px 30px; text-align: center; }
  .price-calculator .radio2 { margin: 10px 0px; }
  .price-calculator .calculator-values input[type="text"] { text-align: center; }
  .price-calculator .calculator-col-2 { margin: 0px auto; padding-top: 30px; }
  .bags .bag-wrapper:first-child, .price-calculator .promo-dropdown .calculator-col-2, .price-calculator .promo-dropdown .calculator-col-3 { padding-top: 10px; }
  .price-calculator .calculator-col-3 { margin-bottom: 40px; }
  .price-calculator .calculator-values .equals, .price-calculator .calculator-values .multiply { left: 50%; top: 3px; }
  .price-calculator .a-open-dropdown { margin-top: 0px; }
  .bags .bag-wrapper, .bags .bag-wrapper.bag-centered { margin: 0px auto 40px; }
  .price-calculator .promo-dropdown .sms-total { height: 40px; line-height: 40px; }
  .bags .bag-wrapper { display: block; width: 220px; }
  .block-cheaper { margin-top: 80px; }
  .block-cheaper .row-item { text-align: left; margin-bottom: 20px; }
  .block-cheaper .row-item .icon { margin-right: 6px; vertical-align: top; }
  .block-cheaper .row-item .smalltext { display: inline-block; width: 230px; vertical-align: top; }
  .block-cheaper .row-item .smalltext br { display: none; }
  .payment-tabs .nav-tabs li { width: 180px; }
  .prices-table.mobile { max-width: 335px; margin: 0px auto; }
  .prices-table.mobile .trow { border-top: 1px solid rgb(211, 218, 225); }
  .prices-table.mobile .trow > div.tcol1 { width: 142px; }
  .prices-table.mobile .trow > div.tcol2, .prices-table.mobile .trow > div.tcol3 { width: 75px; }
  .prices-table.mobile .trow > div.tcol4 { width: 40px; }
  .prices-table.mobile .trow > div.tcol-wide { width: 160px; }
  .prices-table.mobile .trow.special-row { border-top: 0px; padding-top: 10px; position: relative; }
  .prices-table.mobile .trow.special-row .green { position: static; width: 100%; padding-bottom: 0px; }
  .prices-table.mobile .trow.special-row > div { padding-top: 0px; }
  .prices-table.mobile .trow.special-row .icon { position: absolute; left: -10px; top: 0px; float: none; width: 355px; height: 65px; background-size: 355px 65px; padding: 0px; }
  .prices-table.mobile .thead { padding-bottom: 0px; margin-bottom: 0px; border: 0px; }
  .prices-table.mobile .thead i { display: block; margin-top: 3px; }
  .prices-table.mobile .thead i.rouble { display: inline-block; }
  .prices-table.mobile .thead .trow:first-child { border: 0px; }
  .prices-table.mobile .tbody { margin-bottom: 0px; border: 0px; }
}

@media screen and (max-width: 374px) {
  .prices-table.mobile { max-width: 280px; margin: 0px auto; }
  .prices-table.mobile .trow { border-top: 1px solid rgb(211, 218, 225); }
  .prices-table.mobile .trow > div.tcol1 { width: 120px; }
  .prices-table.mobile .trow > div.tcol2, .prices-table.mobile .trow > div.tcol3 { width: 60px; }
  .prices-table.mobile .trow > div.tcol4 { width: 40px; }
  .prices-table.mobile .trow > div.tcol-wide { width: 160px; }
  .prices-table.mobile .trow.special-row { border-top: 0px; padding-top: 10px; position: relative; }
  .prices-table.mobile .trow.special-row .green { position: static; width: 100%; padding-bottom: 0px; }
  .prices-table.mobile .trow.special-row > div { padding-top: 0px; }
  .prices-table.mobile .trow.special-row .icon { position: absolute; left: -10px; top: 0px; float: none; width: 301px; height: 60px; padding: 0px; background-size: 301px 60px; }
  .prices-table.mobile .thead { padding-bottom: 0px; margin-bottom: 0px; border: 0px; }
  .prices-table.mobile .thead i { display: block; margin-top: 3px; }
  .prices-table.mobile .thead .trow:first-child { border: 0px; }
  .prices-table.mobile .tbody { margin-bottom: 0px; border: 0px; }
}

.sidebar-block-balance { margin-bottom: 40px; }

.sidebar-block-balance .button-green { margin: 10px 0px; }

.make-better, .table-pager { margin-top: 20px; }

.sidebar-block-balance .calculator-btn { font-size: 13px; font-family: ubunturegular, Ubuntu; }

.sidebar-block-balance .calculator-btn i { margin-right: 5px; font-size: 14px; }

.sidebar-block-balance .user-balance { font-size: 15px; font-family: pantonregular, Ubuntu; }

.table-lk { width: 100%; margin-bottom: 0px; }

.table-lk tr:hover { background: rgb(225, 245, 249); }

.table-lk td { border: 0px; vertical-align: top; }

.table-lk thead th { background: rgb(255, 255, 255); border-width: 1px 0px; border-style: solid none; border-color: rgb(211, 218, 225) currentcolor; border-image: none; white-space: nowrap; }

.table-lk thead a { cursor: pointer; }

.table-lk tfoot td { border-top: 1px solid rgb(211, 218, 225); }

.table-lk .number { width: 90px; padding-left: 0px; }

.table-lk .date { width: 170px; padding-left: 0px; }

.table-lk .amount { width: 130px; padding-right: 100px; text-align: right; }

.table-lk .comment { width: 390px; }

.table-lk td.checkbox, .table-lk th.checkbox { width: 30px; padding-left: 10px; padding-right: 10px; }

.table-lk label.checkbox::before { top: -15px; }

.block-mobile-select.mobile-only { display: none; }

@media screen and (max-width: 959px) {
  .money-sidebar .sidebar-block { display: inline-block; vertical-align: top; width: 280px; margin-right: 40px; }
}

@media screen and (max-width: 640px) {
  .block-mobile-select.mobile-only { display: block; }
  .table-lk thead { display: none; }
  .table-lk td, .table-lk tr { display: block; padding: 0px; }
  .table-lk tr { padding: 10px 0px; border-top: 1px solid rgb(211, 218, 225); }
  .table-lk tr:hover { background: rgb(255, 255, 255); }
  .table-lk .amount, .table-lk .comment, .table-lk .date, .table-lk .number { text-align: left; width: 100%; }
  .table-lk .amount { padding-right: 0px; }
  .table-lk tfoot td { border: 0px; }
  .money-sidebar .sidebar-block { margin-right: 0px; }
}

.contacts-sidebar .button { margin-bottom: 10px; width: 180px; cursor: pointer; }

.contacts-sidebar .button-green { margin-bottom: 20px; }

.contacts-sidebar .button-red, .contacts-sidebar .button-transparent { font-size: 13px; padding-left: 15px; padding-right: 15px; font-family: ubunturegular, Ubuntu; }

.contacts-sidebar .button-red i, .contacts-sidebar .button-transparent i { margin-right: 5px; font-size: 14px; }

.contacts-sidebar .button-red .quantity, .contacts-sidebar .button-transparent .quantity { float: right; }

.contacts-sidebar .custom-group { position: relative; }

.contacts-sidebar .custom-group .button { margin-left: 20px; width: 160px; }

.contacts-sidebar .custom-group .edit { position: absolute; left: 0px; top: 10px; color: rgb(15, 21, 26); cursor: pointer; }

.contacts-sidebar .custom-group .edit:hover { color: rgb(67, 194, 220); }

.table-lk.contacts-table { border-bottom: 1px solid rgb(211, 218, 225); }

.table-lk.contacts-table td { padding-top: 15px; padding-bottom: 15px; }

.contacts-table-actions { clear: both; height: 40px; margin-bottom: 20px; }

.contacts-table-actions .left { float: left; }

.contacts-table-actions .right { float: right; }

.contacts-table-actions .button { padding: 9px 15px; margin-right: 5px; font-size: 13px; font-family: ubunturegular, Ubuntu; cursor: pointer; }

.contacts-table-actions .button.button-round { width: 41px; border-radius: 50%; padding-left: 10px; padding-right: 10px; text-align: center; }

.contacts-table-actions .button.button-round.add-btn { display: none; }

.contacts-table-actions .button i { font-size: 14px; line-height: 20px; }

.contacts-table-actions .has-inline-popup { margin-right: 5px; display: inline-block; vertical-align: top; width: 41px; }

.contacts-table-actions .sidebar-search-form { display: inline-block; vertical-align: top; width: 205px; }

.contacts-table-actions .sidebar-search-form input[type="search"] { font-size: 13px; }

.contacts-table-actions .sidebar-search-form ::-webkit-input-placeholder { font-size: 13px; }

.has-inline-popup { position: relative; }

.has-inline-popup .inline-popup { position: absolute; left: 0px; top: -20px; padding: 20px; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgb(211, 218, 225) 0px 0px 4px; z-index: 5; width: 240px; display: none; }

.has-inline-popup .inline-popup input[type="text"] { font-size: 13px; display: inline-block; vertical-align: top; margin-bottom: 0px; padding: 10px 15px; width: 188px; }

.has-inline-popup .inline-popup ::-webkit-input-placeholder { font-size: 13px; }

.has-inline-popup .inline-popup .button-round { width: 41px; display: inline-block; vertical-align: top; margin: 0px 0px 0px 6px; }

.has-inline-popup .inline-popup.inline-popup-edit input[type="text"] { width: 136px; }

@media screen and (max-width: 959px) {
  .block-mobile-select { width: 230px; }
  .contacts-sidebar .button-round { width: 40px; height: 40px; border-radius: 50%; padding-left: 10px; padding-right: 10px; text-align: center; margin-left: 10px; }
  .contacts-sidebar .button-round .fa-plus-circle { margin-top: 1px; }
  .contacts-sidebar .button-transparent i { margin: 0px; }
  .contacts-sidebar .button-green { float: left; }
  .contacts-sidebar .nice-select { font-size: 13px; z-index: 2; }
  .contacts-sidebar .nice-select i { font-size: 14px; }
  .contacts-sidebar .nice-select dd ul li a { padding: 0px 15px; }
  .contacts-sidebar .has-inline-popup .inline-popup .button-round { float: none; }
  .contact-groups, .contact-groups .has-inline-popup, .contact-groups .has-inline-popup .inline-popup .button { float: right; }
  .contact-groups .has-inline-popup .inline-popup { left: auto; right: 0px; }
  .contact-groups .has-inline-popup.mobile .inline-popup { left: 0px; right: auto; }
  .table-lk.contacts-table td, .table-lk.contacts-table th { padding: 10px 3px; }
  .table-lk.contacts-table td.checkbox, .table-lk.contacts-table th.checkbox { padding-right: 0px; }
}

@media screen and (max-width: 730px) {
  .contacts-table-actions .button.add-btn { display: none; }
  .contacts-table-actions .button.button-round.add-btn { display: inline-block; }
  .contacts-table-actions .sidebar-search-form { width: 165px; }
  .table-lk.contacts-table .param { width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
}

@media screen and (max-width: 640px) {
  .table-lk.contacts-table thead.mobile .number label, .table-lk.contacts-table thead.mobile th label { font-size: 11px; color: rgb(93, 105, 120); padding-left: 0px; font-family: ubunturegular, Ubuntu; }
  .contact-groups.desktop-hidden, .contacts-table-actions .left { float: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; }
  .table-lk.contacts-table thead.mobile { display: block; }
  .table-lk.contacts-table thead.mobile th { border: 0px; padding: 0px; font-size: 11px; }
  .table-lk.contacts-table thead.mobile th.checkbox { position: absolute; top: 10px; left: 0px; }
  .table-lk.contacts-table thead.mobile .number { width: auto; }
  .table-lk.contacts-table thead.mobile .param { display: table-cell; }
  .table-lk.contacts-table tr { position: relative; padding-left: 30px; }
  .table-lk.contacts-table td { padding: 0px; }
  .table-lk.contacts-table td.checkbox { position: absolute; top: 10px; left: 0px; }
  .table-lk.contacts-table td.fname, .table-lk.contacts-table td.lname, .table-lk.contacts-table td.sname { display: inline-block; vertical-align: top; }
  .table-lk.contacts-table td.param { width: auto; overflow: visible; white-space: normal; }
  .contact-groups.desktop-hidden { display: flex; flex-flow: wrap-reverse; -webkit-box-pack: justify; justify-content: space-between; }
  .contacts-sidebar .button-round { display: inline-block; vertical-align: top; margin-bottom: 40px; margin-left: 0px; }
  .contacts-sidebar .button-round.button-green { margin-left: 0px; float: none; }
  .contacts-sidebar .block-mobile-select { display: inline-block; vertical-align: top; float: none; margin-bottom: 40px; width: 180px; }
  .contacts-table-actions { padding-top: 50px; position: relative; }
  .contacts-table-actions .button { margin-right: 0px; }
  .contacts-table-actions .left { display: flex; flex-flow: wrap-reverse; -webkit-box-pack: justify; justify-content: space-between; }
  .contacts-table-actions .sidebar-search-form { position: absolute; top: 0px; left: 0px; width: 100%; }
  .contacts-table-actions .has-inline-popup { position: static; margin-right: 0px; }
  .contacts-table-actions .has-inline-popup .inline-popup { left: 50%; margin-left: -140px; top: 100px; }
}

.settings-sidebar .button-transparent { font-size: 13px; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; width: 180px; cursor: pointer; font-family: ubunturegular, Ubuntu; }

.settings-sidebar .button-transparent.active { border: 1px solid rgb(251, 78, 114); background: rgb(251, 78, 114); color: rgb(255, 255, 255); }

.settings-sidebar .settings-dropdown { position: relative; z-index: 110; }

.settings-sidebar .settings-dropdown .block-mobile-select { width: 280px; }

.settings-sidebar .settings-dropdown .block-mobile-select .nice-select { font-size: 13px; }

.settings-sidebar .settings-dropdown .block-mobile-select .nice-select dd ul li a { padding-left: 15px; padding-right: 15px; }

.settings-form .form-item { position: relative; color: rgb(93, 105, 120); }

.settings-form .form-item > label { font-family: ubunturegular, Ubuntu; padding-left: 0px; display: block; cursor: auto; }

.settings-form .form-item input { width: 100%; font-size: 13px; padding-left: 15px; padding-right: 15px; }

.settings-form .form-item.readonly input[type="text"] { box-shadow: none; }

.settings-form .form-item.email input[type="text"] { color: rgb(251, 78, 114); }

.settings-form .left-side { width: 380px; float: left; clear: left; margin-right: 40px; }

.settings-form .left-side330 { width: 330px; float: left; clear: left; margin-right: 40px; }

.settings-form .right-side { width: 280px; float: left; }

.settings-form .right-side330 { width: 330px; float: left; }

.settings-form .password-wrap .showhide { top: 20px; }

.settings-main .left-side .form-item.phone-number input[type="text"] { width: 130px; margin-right: 7px; }

.settings-main .left-side .form-item.phone-number .approved-text { display: inline-block; vertical-align: middle; margin-left: 7px; }

.settings-main .left-side .checklist { margin-top: 20px; margin-bottom: 20px; }

.settings-main .left-side .check { margin-bottom: 10px; }

.settings-main .left-side .check label { font-family: ubunturegular, Ubuntu; color: rgb(15, 21, 26); }

.settings-main .left-side .min-balance { margin-left: 25px; }

.settings-main .left-side .min-balance input[type="text"] { width: 120px; margin-right: 10px; }

.settings-main .left-side .min-balance span { display: inline-block; vertical-align: middle; color: rgb(15, 21, 26); }

.settings-main .left-side .form-submit, .settings-main .left-side .min-balance .checklist { margin-top: 10px; }

.settings-password .form-submit { margin-top: 20px; }

.settings-api-key .smalltext { margin-bottom: 20px; }

.settings-api-key .new-api-key { margin-bottom: 30px; }

.settings-api-key .new-api-key .password-wrap { margin-bottom: 20px; max-width: 380px; }

.settings-api-key .api-key-time .time-select { margin-right: 7px; }

.settings-api-key .api-key-time .form-submit { display: inline-block; vertical-align: top; }

.settings-signature table { width: 100%; margin-bottom: 0px; }

.settings-signature table tr:hover { background: rgb(225, 245, 249); }

.settings-signature table td { border: 0px; vertical-align: top; }

.settings-signature form .form-item, .settings-signature form .form-submit { vertical-align: bottom; display: inline-block; }

.settings-signature table thead th { background: rgb(255, 255, 255); border-width: 1px 0px; border-style: solid none; border-color: rgb(211, 218, 225) currentcolor; border-image: none; white-space: nowrap; }

.table-lk.contacts-table.patterns-table, .table-lk.stat-table { border-bottom: 0px; }

.settings-signature .special-margin { margin-bottom: 40px; }

.settings-signature form { margin: 20px 0px; }

.settings-signature form .form-item { margin: 0px 7px 0px 0px; width: 190px; }

.settings-signature .totrash i { font-size: 14px; color: rgb(15, 21, 26); margin-right: 3px; }

.settings-signature .standard-signature { margin-top: 30px; }

.settings-signature .standard-signature .smalltext { margin-bottom: 40px; }

.settings-send-sms .check { margin: 40px 0px; }

.settings-send-sms .check label { font-size: 13px; }

.settings-send-sms .time-select i { top: 33px; }

.settings-send-sms .time-text { display: inline-block; vertical-align: top; width: 385px; margin-top: 20px; margin-left: 7px; }

.legend li span, .promo-block-extra .icon { vertical-align: middle; }

.settings-send-sms .choose-type { margin-bottom: 20px; }

.settings-send-sms .choose-type .radio, .settings-send-sms .choose-type .verysmalltext { margin-bottom: 10px; }

.settings-send-sms .choose-type .radio label { color: rgb(15, 21, 26); font-family: ubunturegular, Ubuntu; }

.settings-send-sms .choose-type .radio label.radio-button::before { top: 0px; }

.settings-send-sms .choose-signature { max-width: 580px; margin-bottom: 20px; }

.settings-send-sms .choose-signature .select { width: 280px; }

#pattern-create .textarea, .settings-send-sms .textarea { margin: 20px 0px; width: 600px; }

#pattern-create .textarea label, .settings-send-sms .textarea label { float: left; }

#pattern-create .textarea .count-characters, .settings-send-sms .textarea .count-characters { float: right; }

#pattern-create .textarea .count-characters .sms, .settings-send-sms .textarea .count-characters .sms { margin-left: 10px; }

#pattern-create .textarea textarea, .settings-send-sms .textarea textarea { width: 100%; height: 100px; border-radius: 4px; display: block; font-size: 13px; }

#pattern-create .textarea .links-textarea span, .settings-send-sms .textarea .links-textarea span { margin-right: 10px; }

#pattern-create .textarea { width: 100%; margin-bottom: 0px; }

.patterns-table-actions, .sms-table-actions { margin-bottom: 20px; }

.patterns-table-actions .button { margin-right: 7px; font-size: 13px; font-family: ubunturegular, Ubuntu; padding-left: 15px; padding-right: 15px; cursor: pointer; }

.patterns-table-actions .button.button-round { padding-left: 10px; padding-right: 10px; }

.patterns-table-actions .button i { font-size: 14px; }

.fa-external-link { margin-left: 5px; }

@media screen and (max-width: 959px) {
  .settings-form .left-side, .settings-form .left-side330, .settings-form .right-side330 { width: 280px; }
  .settings-form .form-item.checklist label { padding-left: 28px; }
  .settings-signature form .form-item { width: 145px; }
  .patterns-table-actions { margin-top: 20px; }
  .settings-signature .special-margin { margin-bottom: 20px; }
}

@media screen and (max-width: 639px) {
  .settings-form .left-side, .settings-form .left-side330, .settings-form .right-side, .settings-form .right-side330, .settings-sidebar .settings-dropdown .block-mobile-select { width: 100%; margin-right: 0px; }
  .settings-form .right-side { margin-top: 20px; }
  .custom-signature { margin-top: 40px; }
  .settings-send-sms .time-text { display: block; margin-left: 0px; margin-top: 0px; width: 100%; }
  #pattern-create .textarea, .settings-send-sms .textarea { width: 100%; }
  #pattern-create .links-textarea span.first, .settings-send-sms .links-textarea span.first { display: block; }
  #pattern-create .textarea textarea { height: 240px; }
  .patterns-table .p-text { color: rgb(211, 218, 225); }
}

.sms-sidebar .button-green { padding: 10px 15px; }

.contact-groups .button-transparent:hover span { color: rgb(255, 255, 255); }

.sms-table-actions { display: flex; flex-direction: row; justify-content: space-around; -webkit-box-align: stretch; align-items: stretch; }

.sms-table-actions .sidebar-search-form { width: 100%; margin-left: 10px; }

.sms-table-actions .sidebar-search-form .sidebar-search-input { font-size: 13px; }

.sms-table-actions .sidebar-search-form ::-webkit-input-placeholder { font-size: 13px; }

.sms-table-actions .button-round { min-width: 41px; }

.js-table tbody tr:hover { cursor: pointer; }

.contacts-table.sms-table .status i { margin-right: 5px; }

.contacts-table.sms-table td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.contacts-table.sms-table .sender, .contacts-table.sms-table .text { max-width: 110px; }

.contacts-table.sms-table td.checkbox, .contacts-table.sms-table th.checkbox { width: 10px; padding-right: 0px; }

.contacts-table.sms-table .groups { max-width: 90px; }

.contacts-table.sms-table .text-full { display: none; }

.promo-block-extra { text-align: center; margin-bottom: 40px; }

.promo-block-extra .header-special-text { display: inline-block; vertical-align: middle; }

.promo-block-extra .header-special-text a { padding-left: 0px; }

@media screen and (max-width: 959px) {
  .contacts-table.sms-table .groups { max-width: 70px; }
  .contacts-table.sms-table .day-sms { max-width: 100px; }
  .contacts-table.sms-table td.text, .contacts-table.sms-table th.text { display: none; }
  .contacts-table.sms-table tr { position: relative; }
  .contacts-table.sms-table tr:hover { background: rgb(255, 255, 255); }
  .contacts-table.sms-table .text-full { display: table-row; white-space: normal; }
  .contacts-table.sms-table .text-full td { white-space: normal; position: relative; padding-bottom: 20px; }
  .contacts-table.sms-table .text-full td > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; box-sizing: border-box; position: absolute; top: 0px; color: rgb(211, 218, 225); }
  .contacts-table.sms-table .item td { padding-bottom: 0px; }
  .block-mobile-select .quantity { float: right; }
}

@media screen and (max-width: 639px) {
  .sms-sidebar .button-green { padding: 10px; }
  .promo-block-extra { position: relative; top: -5px; }
  .contact-groups.desktop-hidden { display: flex; -webkit-box-direction: normal; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; }
  .contact-groups.desktop-hidden .has-inline-popup { min-width: 40px; }
  .contact-groups.desktop-hidden .block-mobile-select .nice-select dt a { padding-right: 30px; }
  .contact-groups.desktop-hidden .block-mobile-select .nice-select dt a > span { overflow: hidden; max-height: 40px; }
  .contacts-sidebar .button-round { min-width: 41px; }
  .contacts-sidebar .block-mobile-select { width: 100%; margin-left: 10px; }
  .contacts-table.sms-table td.checkbox { width: 30px; }
  .contacts-table.sms-table td.number-sms { float: left; }
  .contacts-table.sms-table td.number-sms span { display: inline-block; }
  .contacts-table.sms-table .day-sms { max-width: none; overflow: auto; white-space: normal; padding-left: 10px; }
  .contacts-table.sms-table .sender { max-width: none; float: left; }
  .contacts-table.sms-table .sender i { display: inline-block; margin: 0px 5px; }
  .contacts-table.sms-table .groups { max-width: none; display: inline; white-space: normal; }
  .contacts-table.sms-table td.text { display: block; white-space: normal; max-width: none; color: rgb(211, 218, 225); }
  .contacts-table.sms-table .price { float: left; padding-right: 10px; }
  .contacts-table.sms-table .text-full { display: none; }
}

.sms-create .leftside form .count-characters .characters, .sms-create .leftside form .links-textarea span { margin-right: 10px; }

.sms-create .information { color: rgb(93, 105, 120); }

.sms-create .leftside { max-width: 600px; float: left; }

.sms-create .leftside form { margin-top: 35px; }

.sms-create .leftside form label.verysmalltext { padding-left: 0px; display: block; font-family: ubunturegular, Ubuntu; }

.sms-create .leftside form .form-item { margin-bottom: 20px; }

.sms-create .leftside form .form-item ::-webkit-input-placeholder { font-size: 13px; color: rgb(93, 105, 120); }

.sms-create .leftside form .form-item.textarea textarea { width: 100%; border-radius: 4px; font-size: 13px; display: block; padding: 10px 15px; }

.sms-create .information-wide, .sms-create .iphone-sms-lift2, .sms-create .iphone-sms-mobile, .sms-create .leftside form #open1, .sms-create .leftside form #open2, .sms-create .leftside form #open3 { display: none; }

.sms-create .leftside form #textarea-sms-count { height: 230px; }

.sms-create .leftside form .count-characters { margin-top: 20px; margin-bottom: 45px; }

.sms-create .leftside form .count-characters .red { margin-left: 3px; }

.sms-create .leftside form .left, .sms-create .leftside form .right { width: 280px; float: left; }

.sms-create .leftside form .left { margin-right: 40px; }

.sms-create .leftside form .left .time-select { margin-bottom: 0px; }

.sms-create .leftside form .left .time-select .styledSelect { z-index: 100; }

.sms-create .leftside form .left .time-select .select { z-index: 99; }

.sms-create .leftside form .left .time-select i { z-index: 100; }

.sms-create .leftside form .right .checklist { margin-bottom: 30px; margin-top: 29px; }

.sms-create .leftside form .right .time-select { margin-bottom: 0px; }

.sms-create .leftside form .right .time-select .styledSelect { z-index: 98; }

.sms-create .leftside form .right .time-select .select { z-index: 97; }

.sms-create .leftside form .right .time-select i { z-index: 98; }

.sms-create .leftside form .check, .sms-create .leftside form .radio { margin-bottom: 10px; }

.sms-create .leftside form .check label, .sms-create .leftside form .radio label { font-family: ubunturegular, Ubuntu; color: rgb(15, 21, 26); }

.sms-create .leftside form .sms-receive .left .checklist { margin-top: 10px; }

.sms-create .leftside form .sms-receive .right textarea { height: 180px; }

.sms-create .leftside form .progress-bar-wrap { background: rgb(211, 218, 225); border-radius: 2px; height: 4px; margin-bottom: 5px; position: relative; }

.sms-create .leftside form .progress-bar-wrap .progress-bar { border-radius: 2px; height: 4px; background: rgb(251, 78, 114); }

.sms-create .leftside form .progress-bar-wrap .break { position: absolute; z-index: 1; width: 1px; height: 4px; background: rgb(255, 255, 255); top: 0px; }

.sms-create .leftside form .progress-bar-wrap .break-1 { left: 14.29%; }

.sms-create .leftside form .progress-bar-wrap .break-2 { left: 28.58%; }

.sms-create .leftside form .progress-bar-wrap .break-3 { left: 42.87%; }

.sms-create .leftside form .progress-bar-wrap .break-4 { left: 57.16%; }

.sms-create .leftside form .progress-bar-wrap .break-5 { left: 71.45%; }

.sms-create .leftside form .progress-bar-wrap .break-6 { left: 85.74%; }

.sms-create .leftside form .count-contacts { margin-bottom: 40px; }

.sms-create .leftside form .count-contacts .count-contacts-div { margin-right: 10px; }

.sms-create .leftside form .radios { margin-bottom: 20px; }

.sms-create .leftside form .time-of-sending { margin-bottom: 40px; }

.sms-create .leftside form .time-of-sending .right .check label.verysmalltext { margin-left: 30px; }

.sms-create .leftside form .date-select { position: relative; float: left; margin-right: 10px; margin-bottom: 0px; }

.sms-create .leftside form .date-select input { width: 160px; padding-left: 40px; }

.sms-create .leftside form .date-select i { position: absolute; top: 12px; left: 15px; }

.sms-create .leftside form .sign-setting label a, .sms-create .leftside form .sign-type label a { float: right; }

.sms-create .leftside form .sign-type .styledSelect { z-index: 80; }

.sms-create .leftside form .sign-type .select { z-index: 79; }

.sms-create .leftside form .sign-setting { width: 280px; }

.sms-create .leftside form .sign-setting .styledSelect { z-index: 60; }

.sms-create .leftside form .sign-setting .select { z-index: 59; }

.sms-create .leftside form .sms-total { margin-top: 40px; margin-bottom: 20px; }

.sms-create .leftside form .sms-total .number { color: rgb(15, 21, 26); font-family: pantonregular, Ubuntu; font-size: 20px; margin-bottom: 20px; }

.sms-create .rightside { margin-left: 200px; width: 280px; float: left; }

.sms-create .rightside .recomendator { display: block; position: absolute; right: 18px; z-index: 1; top: 42px; }

.sms-create .rightside #modal-bg { display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.35); z-index: 80; }

.sms-create .rightside #recomendator-modal { display: none; position: fixed; top: calc(50% - 190px); z-index: 81; width: 350px; left: calc(50% - 190px); background: rgb(242, 244, 246); padding: 15px; font-family: pantonregular, Ubuntu; border-radius: 10px; }

.sms-create .rightside #recomendator-modal .mfp-close { color: rgb(216, 222, 228) !important; }

.sms-create .rightside #recomendator-modal .title { font-size: 17px; color: rgb(15, 21, 26); text-align: center; margin-bottom: 15px; }

.sms-create .rightside #recomendator-modal label { font-size: 12px; padding-left: 0px; }

.sms-create .rightside #recomendator-modal .select { margin-bottom: 10px; }

.sms-create .rightside #recomendator-modal #mes_text { width: 330px; background-color: rgb(230, 229, 235); padding: 10px; border-radius: 10px; margin-bottom: 10px; box-shadow: rgb(211, 218, 225) 0px 2px 0px inset; }

.sms-create .rightside #recomendator-modal button { cursor: pointer; margin-left: 138px; }

@media (min-width: 1280px) {
  .sms-create .rightside { margin-left: 0px; }
  .sms-create .rightside .theiaStickySidebar { width: 640px !important; }
  .sms-create .rightside .recomendator { float: left; width: 360px; margin-top: 280px; text-align: right; margin-bottom: 0px; position: relative; top: 0px; right: 0px; }
  .sms-create .rightside .recomendator .rec-arrrow { background-image: url("assets/cabinet/assets/icons/banner-arrow4@2x.png"); width: 32px; height: 47px; margin-left: 275px; }
  .sms-create .rightside .recomendator #recomendator { margin-right: 50px; }
  .sms-create .rightside .iphone-sms { float: right; }
}

.sms-create .iphone-sms { position: relative; font-family: HelveticaNeue, Tahoma; font-size: 11px; }

.sms-create .iphone-sms .sms-info { position: absolute; top: 117px; width: 220px; left: 29px; font-size: 7px; line-height: 8px; color: rgb(142, 142, 147); text-align: center; }

.sms-create .iphone-sms .sms-title { position: absolute; top: 85px; left: 85px; width: 110px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 700; color: rgb(15, 21, 26); }

.sms-create .iphone-sms .message-bubble { position: absolute; top: 140px; left: 29px; width: 192px; box-sizing: border-box; padding: 8px 10px 10px; border-radius: 10px; line-height: 13px; background: rgb(230, 229, 235); color: rgb(15, 21, 26); word-break: break-all; }

.sms-create .iphone-sms .message-bubble .icon { position: absolute; left: -4px; bottom: 0px; }

@media screen and (max-width: 1120px) {
  .sms-create .rightside { margin-left: 40px; float: right; }
}

@media screen and (max-width: 959px) {
  .sms-create .leftside { width: 55%; }
  .sms-create .rightside { margin-left: 10px; }
  .sms-create .leftside form .right .checklist { margin-top: 0px; }
}

@media screen and (max-width: 700px) {
  .sms-create .leftside form, .sms-create .rightside { margin-top: 20px; }
  .sms-create .leftside { width: 280px; }
  .sms-create .leftside .information { display: none; }
  .sms-create .information-wide, .sms-create .leftside .sms-create-form .information { display: block; }
}

@media screen and (max-width: 640px) {
  .sms-create .leftside { width: 100%; }
  .sms-create .rightside { display: none; }
  .sms-create .iphone-sms-mobile { display: block; }
}

@media screen and (min-width: 641px) and (max-width: 959px) and (orientation: landscape) {
  .sms-create .iphone-sms-lift { display: none; }
  .sms-create .iphone-sms-lift2 { display: block; }
}

.table-lk.stat-table td, .table-lk.stat-table th { width: 8%; }

.table-lk.stat-table .delivered, .table-lk.stat-table .errors, .table-lk.stat-table .not-delivered, .table-lk.stat-table .sent, .table-lk.stat-table .total { text-align: right; }

.table-lk.stat-table .delivered .percent-gray, .table-lk.stat-table .errors .percent-gray, .table-lk.stat-table .not-delivered .percent-gray, .table-lk.stat-table .sent .percent-gray, .table-lk.stat-table .total .percent-gray { display: inline-block; width: 40px; color: rgb(211, 218, 225); }

.table-lk.stat-table2 .text { max-width: 450px; }

.stat-table-actions { text-align: center; margin-bottom: 40px; }

.stat-table-actions .actions-left { float: left; text-align: left; }

.stat-table-actions .actions-left .select-list { float: left; width: 120px; margin-right: 10px; }

.stat-table-actions .actions-left .select-view { float: left; width: 70px; }

.stat-table-actions .actions-left .nice-select { font-size: 14px; }

.stat-table-actions .actions-left .nice-select dd { text-align: left; }

.stat-table-actions .actions-left.for-mobile { display: none; }

.stat-table-actions .actions-center { display: inline-block; }

.stat-table-actions .actions-center .button { margin: 0px 4px; }

.stat-table-actions .actions-right { float: right; }

.stat-table-actions .button { font-size: 13px; font-family: ubunturegular, Ubuntu; cursor: pointer; }

.stat-table-actions .button.active { border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(251, 78, 114) rgb(251, 78, 114) currentcolor; border-image: none; background: rgb(251, 78, 114); color: rgb(255, 255, 255); }

.legend li span.black, .widget-create form .radio .button-example.button-1 { background: rgb(15, 21, 26); }

.legend li span.green, .widget-create form .radio .button-example.button-3 { background: rgb(84, 183, 114); }

.stat-fake-table .table-row { border-top: 1px solid rgb(211, 218, 225); padding: 10px 0px; }

.stat-fake-table .table-row .row { overflow: hidden; }

.stat-fake-table .table-row .row .col1, .stat-fake-table .table-row .row .col2, .stat-fake-table .table-row .row .col3 { float: left; }

.stat-fake-table .table-row .row .col1 { width: 60%; }

.stat-fake-table .table-row .row .col2, .stat-fake-table .table-row .row .col3 { width: 20%; text-align: right; }

.stat-fake-table .table-row .row .col3 { color: rgb(211, 218, 225); }

.table-sorting { display: flex; flex-direction: row; justify-content: space-around; -webkit-box-align: stretch; align-items: stretch; margin-bottom: 20px; }

.table-sorting ::-webkit-input-placeholder { font-size: 13px; }

.table-sorting .sidebar-search-input { font-size: 13px; }

.table-sorting .leftside { min-width: 280px; margin-right: 10px; }

.table-sorting .leftside > span { text-align: center; width: 20px; display: inline-block; }

.table-sorting .leftside .date-select { display: inline-block; position: relative; width: 125px; }

.table-sorting .leftside .date-select i { position: absolute; top: 13px; left: 15px; }

.table-sorting .leftside .date-select input[type="text"] { font-size: 13px; padding-left: 35px; }

.table-sorting .rightside { width: 100%; }

.table-sorting .center { min-width: 280px; margin-right: 12px; }

.legend { padding: 0px; margin: 0px 0px 110px; }

.legend li { display: inline-block; padding-right: 30px; padding-left: 0px; margin-bottom: 10px; }

.legend li span { display: inline-block; width: 10px; height: 10px; border-radius: 5px; margin-right: 3px; }

.legend li span.orange { background: rgb(255, 191, 0); }

.legend li span.red, .widget-create form .radio .button-example.button-2 { background: rgb(251, 78, 114); }

.legend li span.gray { background: rgb(211, 218, 225); }

.delivered-time { font-size: 9px; line-height: 9px; color: rgb(211, 218, 225); }

.table-stat6 .number { width: auto; }

.stat-sidebar { word-break: break-word; }

.stat-sidebar a.verysmalltext { color: rgb(54, 190, 217); }

.stat-sidebar a.grey.dotted { color: rgb(93, 105, 120); }

.stat-sidebar a.orange:hover { color: rgb(255, 191, 0); }

.stat-sidebar a.green:hover { color: rgb(84, 183, 114); }

.stat-sidebar .sidebar-item { margin-bottom: 20px; }

@media screen and (max-width: 1024px) {
  .table-stat6 .sex, .table-stat6 .sname { display: none; }
}

@media screen and (max-width: 959px) {
  .table-stat6 .bday { display: none; }
  .stat-sidebar .sidebar-item.third { width: 30%; margin-right: 2%; display: inline-block; vertical-align: top; }
  .stat-sidebar .sidebar-item.info { float: left; margin-right: 20px; }
  .stat-sidebar .sidebar-item.chart { float: left; width: 120px; }
}

@media screen and (max-width: 768px) {
  .stat-table-actions .actions-left .select-list { width: 200px; }
  .stat-table-actions .actions-left.for-mobile { display: block; }
  .stat-table-actions .actions-center, .stat-table-actions .actions-left.for-desktop { display: none; }
  .table-sorting.has-center .leftside { min-width: 280px; }
  .table-sorting.has-center .center, .table-sorting.has-center .rightside { min-width: 0px; width: 50%; }
  .legend { margin-bottom: 50px; }
}

@media screen and (max-width: 640px) {
  .stat-table-actions .actions-left .select-view { display: none; }
  .table-sorting { display: block; }
  .table-sorting .leftside, .table-sorting .rightside, .table-sorting.has-center .center, .table-sorting.has-center .rightside { width: 100%; }
  .table-sorting.has-center .center { margin-bottom: 10px; }
  .stat-table2 .price .mobile, .table-stat6 td .mobile { display: inline-block; }
  .table-stat6 .delivered-time { font-size: 13px; line-height: 20px; }
  .contacts-table-actions.stat6-actions { padding-top: 0px; position: static; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; justify-content: space-around; -webkit-box-align: stretch; align-items: stretch; }
  .contacts-table-actions.stat6-actions .left { min-width: 90px; margin-right: 10px; }
  .contacts-table-actions.stat6-actions .right { float: none; width: 100%; position: relative; }
  .contacts-table-actions.stat6-actions .right .sidebar-search-form { position: static; }
  .stat-sidebar .sidebar-item.third { width: 100%; margin-right: 0px; display: block; }
  .stat-sidebar .sidebar-item.info { float: none; margin-right: 0px; }
  .stat-sidebar .sidebar-item.chart { width: 180px; }
}

.widget-create { padding-top: 0px; position: static; display: flex; flex-direction: row; justify-content: space-around; -webkit-box-align: stretch; align-items: stretch; }

.widget-create .leftside { width: 100%; }

.widget-create .rightside { max-width: 280px; min-width: 280px; margin-left: 40px; }

.widget-create form .sign-type label a { float: right; }

.widget-create form label.verysmalltext { padding-left: 0px; display: block; font-family: ubunturegular, Ubuntu; }

.widget-create form .checklist .verysmalltext { margin-bottom: 10px; }

.widget-create form .check { width: 32%; margin-bottom: 10px; display: inline-block; vertical-align: top; }

.widget-create form .check label { font-family: ubunturegular, Ubuntu; color: rgb(15, 21, 26); }

.widget-preview .form-submit input, .widget-preview h3 { font-family: ubunturegular, Ubuntu; word-break: break-word; }

.widget-create form input[type="text"], .widget-create form select, .widget-create form textarea { font-size: 13px; width: 100%; padding: 10px 15px; }

.widget-create form textarea { border-radius: 4px; min-height: 140px; display: block; padding: 10px 15px; }

.widget-preview .form-item input::before, .widget-preview .js-check2, .widget-preview .js-check3, .widget-preview .js-check4, .widget-preview .js-check5, .widget-preview .js-check6, .widget-preview .styledSelect::before { display: none; }

.widget-create form .textarea-input textarea { border-radius: 20px; height: 40px; min-height: 0px; }

.widget-create form .form-item.half { width: 49%; float: left; margin-right: 2%; }

.widget-create form .form-item.half.last { margin-right: 0px; }

.widget-create form .form-item.quarter { width: 23.5%; float: left; margin-right: 2%; }

.widget-create form .form-item.quarter.last { margin-right: 0px; }

.widget-create form .radios { margin-bottom: 40px; }

.widget-create form .radios .verysmalltext { margin-bottom: 10px; }

.widget-create form .radio { float: left; width: 120px; margin-right: 23px; margin-bottom: 20px; }

.widget-create form .radio.last { margin-right: 0px; }

.widget-create form .radio .button-example { color: rgb(255, 255, 255); font-size: 15px; height: 40px; line-height: 40px; padding: 0px 25px; border-radius: 2px; }

.widget-create form .radio .button-example.button-5 { background: rgb(242, 244, 246); color: rgb(15, 21, 26); }

.widget-create form .radio label.radio-button::before { bottom: auto; top: 11px; }

.widget-create form .form-item.color { position: relative; }

.widget-create form .form-item.color input[type="text"] { background-color: rgb(242, 244, 246) !important; color: rgb(15, 21, 26) !important; }

.widget-create form .form-item.color .color-dot { position: absolute; right: 10px; bottom: 10px; width: 20px; height: 20px; border-radius: 10px; background: rgb(255, 255, 255); }

.widget-create form .form-item.color .color-dot.border-color1, .widget-create form .form-item.color .color-dot.widget-color { background: rgb(251, 78, 114); }

.widget-create form .form-item.color .color-dot.text-color1 { background: rgb(255, 255, 255); }

.widget-create form .form-submit { margin-top: 40px; }

.widget-preview { background: rgb(251, 78, 114); border-radius: 4px; color: rgb(255, 255, 255); box-sizing: border-box; padding: 20px; border: 1px solid rgb(251, 78, 114); }

.widget-preview h3 { font-size: 17px; line-height: 20px; color: rgb(255, 255, 255); margin-bottom: 12px; text-align: center; }

.widget-preview .text-centered { margin-bottom: 20px; word-break: break-word; }

.widget-preview .form-item input, .widget-preview .styledSelect { font-size: 13px; border-radius: 4px; line-height: 30px; background: rgb(255, 255, 255); box-shadow: none; width: 100%; box-sizing: border-box; height: 30px; padding-right: 20px; padding-left: 10px; }

.widget-preview .form-item input::after, .widget-preview .styledSelect::after { width: 4px; height: 4px; right: 11px; }

.widget-preview ::-webkit-input-placeholder { font-size: 13px; color: rgb(185, 193, 203); }

.widget-preview .select { line-height: 30px; }

.widget-preview .form-submit { margin-top: 20px; margin-bottom: 20px; text-align: center; }

.widget-preview .form-submit input { color: rgb(255, 255, 255); font-size: 13px; line-height: 20px; padding: 10px 25px; border-radius: 2px; background: rgb(15, 21, 26); max-width: 100%; }

.widget-preview .form-submit input.button1 { background: rgb(15, 21, 26); color: rgb(255, 255, 255); }

.widget-preview .form-submit input.button2 { background: rgb(251, 78, 114); color: rgb(255, 255, 255); }

.widget-preview .form-submit input.button3 { background: rgb(84, 183, 114); color: rgb(255, 255, 255); }

.widget-preview .form-submit input.button4 { background: rgb(54, 190, 217); color: rgb(255, 255, 255); }

.widget-preview .form-submit input.button5 { background: rgb(242, 244, 246); color: rgb(15, 21, 26); }

.widget-preview .white { text-align: center; color: rgb(255, 255, 255); }

.widget-preview .white a, .widget-preview .white a:hover { color: rgb(255, 255, 255); }

.widget-preview .half-left { width: 116px; float: left; margin-right: 6px; }

.widget-preview .half-right { width: 116px; float: left; }

.widget-preview .select .options { padding-top: 10px; }

.widget-preview .select .options li:hover { background: rgb(182, 188, 194); }

.widget-preview-mobile { max-width: 280px; margin-bottom: 40px; display: none; }

@media screen and (max-width: 1200px) {
  .sign-type a { display: none; }
  .contact-groups.widget-group .has-inline-popup .inline-popup { width: 280px; }
  .contact-groups.widget-group .has-inline-popup .inline-popup input[type="text"] { width: 180px; }
  .contact-groups.widget-group .has-inline-popup .inline-popup .button-round.button-green { margin-left: 10px; }
}

@media screen and (max-width: 1024px) {
  .sign-type a { display: block; }
  .widget-create form .form-item.half { width: 100%; margin-right: 0px; }
  .widget-create form .form-item.quarter { width: 49%; }
  .widget-create form .form-item.quarter.second { margin-right: 0px; }
  .widget-create form .textarea-input textarea { border-radius: 4px; height: 60px; }
}

@media screen and (max-width: 767px) {
  .widget-create { display: block; }
  .widget-create .leftside { width: 100%; }
  .widget-create .rightside { display: none; }
  .widget-create form .check { width: 49%; }
  .widget-create form .form-item.quarter { width: 100%; margin-right: 0px; }
  .widget-create form .radio { margin-right: 20px; }
  .widget-preview-mobile { display: block; }
  .contact-groups.contact-groups .block-mobile-select, .contact-groups.widget-group .block-mobile-select { margin-right: 10px; }
  .contact-groups.contact-groups.sms-groups .block-mobile-select, .contact-groups.widget-group.sms-groups .block-mobile-select { margin-right: 0px; }
}

#widget-form .form-item { position: relative; }

.widget-width-validate-error { position: absolute; float: left; bottom: -20px; left: 0px; white-space: nowrap; font-size: 13px; color: rgb(251, 78, 114); }

form input[type="text"].error_widget { border: 2px solid rgb(251, 78, 114); box-shadow: none; }

.m-r-10 { margin-right: 10px; }

.m-b-5 { margin-bottom: 5px; }

.button2.button-green { background: rgb(84, 183, 114); box-shadow: rgb(84, 183, 114) 0px 0px 4px inset; }

.button2.button-green:hover { box-shadow: rgb(77, 153, 90) 0px -2px 0px inset; color: rgb(255, 255, 255); }

.button2.button-green:hover { box-shadow: rgb(77, 153, 90) 0px -2px 0px inset; color: rgb(255, 255, 255); }

.contacts-table-actions .button2 { padding: 9px 15px; margin-right: 5px; font-size: 13px; font-family: ubunturegular, Ubuntu; cursor: pointer; }

.button2.button-green { background: rgb(84, 183, 114); box-shadow: rgb(84, 183, 114) 0px 0px 4px inset; }

.button2 { display: inline-block; padding: 10px 20px; font-size: 17px; line-height: 20px; color: rgb(255, 255, 255); border-radius: 20px; }

.accordion-section-title, .button2 { font-family: pantonregular, Ubuntu; text-decoration: none; }
/* ---- custom.css ---- */
@charset "utf-8";

body { overflow-y: scroll; }

.loader-moderation { width: 2px; height: 2px; top: 100%; border-radius: 50%; position: relative; animation: 0.9s ease 0.35s infinite alternate none running loader-moderation; margin: -20px auto 0px; }

.loader-container { font-size: 10px; position: relative; width: 12px; height: 17px; display: inline-block; text-align: center; vertical-align: top; }

.loader-moderation::after, .loader-moderation::before { content: ""; position: absolute; width: 2px; height: 2px; border-radius: 50%; animation: 0.9s ease 0s infinite alternate none running loader-moderation; }

.loader-moderation::before { left: -3px; animation-delay: 0.2s; }

.loader-moderation::after { right: -3px; animation-delay: 0.5s; }

@keyframes loader-moderation { 
  0% { box-shadow: rgb(255, 191, 0) 0px 15px 0px -15px; }
  100% { box-shadow: rgb(255, 191, 0) 0px 15px 0px; }
}

@-webkit-keyframes loader-moderation { 
  0% { box-shadow: rgb(255, 191, 0) 0px 15px 0px -15px; }
  100% { box-shadow: rgb(255, 191, 0) 0px 15px 0px; }
}

.loader-work { width: 2px; height: 2px; top: 100%; border-radius: 50%; position: relative; animation: 0.9s ease 0.35s infinite alternate none running loader-work; margin: -20px auto 0px; }

.loader-work::after, .loader-work::before { content: ""; position: absolute; width: 2px; height: 2px; border-radius: 50%; animation: 0.9s ease 0s infinite alternate none running loader-work; }

.loader-work::before { left: -3px; animation-delay: 0.2s; }

.loader-work::after { right: -3px; animation-delay: 0.5s; }

@keyframes loader-work { 
  0% { box-shadow: rgb(84, 183, 114) 0px 15px 0px -15px; }
  100% { box-shadow: rgb(84, 183, 114) 0px 15px 0px; }
}

@-webkit-keyframes loader-work { 
  0% { box-shadow: rgb(84, 183, 114) 0px 15px 0px -15px; }
  100% { box-shadow: rgb(84, 183, 114) 0px 15px 0px; }
}

.m-l-20 { margin-left: 20px; }

.calculate-sms, .recommendation { display: none; }

.oper:first-child { margin-top: 15px; }

.calculator-col-3 { height: auto; }

.oper { line-height: 20px; font-size: 18px; font-weight: 400; color: rgb(37, 49, 64); margin-top: 10px; }

.price-calculator .calculator-values .equals, .price-calculator .calculator-values .multiply { top: 36px !important; }

.price-calculator .calculator-col-3 { width: 135px; }

.opaco { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2; display: none; background: rgba(255, 255, 255, 0.298); }

.opaco .loader { width: 128px; height: 128px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background-image: url("assets/cabinet/assets/images/preloader.gif"); display: none; }

.button-red span { color: rgb(255, 255, 255); }

button { outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.mt-10 { margin-top: 10px; }

.detail-sending { cursor: pointer; }

.timepicker { padding-left: 38px !important; font-size: 13px !important; }

.modal-container { position: fixed; left: 50%; z-index: 999; top: -10px; }

.modal-success, .modal-error { background: rgb(84, 183, 114); width: 220px; padding: 10px 20px; font-size: 13px; color: rgb(255, 255, 255); border-radius: 5px; top: 50px; margin-left: -110px; margin-top: 10px; display: none; position: relative; }

.modal-error { background: rgb(251, 78, 114); }

.modal-loading { background: rgb(242, 244, 246); width: 220px; padding: 10px 20px; font-size: 13px; color: rgb(15, 21, 26); border-radius: 5px; top: 70px; margin-left: -110px; margin-top: 10px; display: none; position: absolute; clip-path: inset(0%); transition: 0.5s linear; }

.modal-loading .exit { color: rgb(255, 255, 255); }

.modal-loading-process { background: rgb(84, 183, 114); width: 219px; padding: 10px 20px; font-size: 13px; color: rgb(242, 244, 246); border-radius: 5px; top: 70px; margin-left: -110px; margin-top: 10px; display: none; position: relative; }

.modal-loading-process .exit { color: rgb(255, 255, 255); }

.exit { color: rgb(255, 255, 255); position: absolute; top: 12px; right: 15px; font-size: 15px; cursor: pointer; }

.dd-custom-select { position: relative; }

table.cabinet-invoices.table-lk th:first-child, table.cabinet-invoices.table-lk td:first-child { padding-left: 0.7%; }

.table-lk tr:hover i.edit-sending { color: rgb(73, 214, 242); }

.header-mobile-top .container { padding-left: 5px; padding-right: 5px; }

.gender { text-align: center; width: 24px; }

.sh_btn_bottom_right { right: 0px !important; }

.show-scroll::-webkit-scrollbar { width: 4px; }

.show-scroll::-webkit-scrollbar-thumb { border-width: 1px 1px 1px 2px; border-color: rgb(119, 119, 119); background-color: rgb(170, 170, 170); }

.show-scroll::-webkit-scrollbar-thumb:hover { border-width: 1px 1px 1px 2px; border-color: rgb(85, 85, 85); background-color: rgb(119, 119, 119); }

.show-scroll::-webkit-scrollbar-track { border-width: 0px; }

.show-scroll::-webkit-scrollbar-track:hover { border-left: 1px solid rgb(170, 170, 170); background-color: rgb(238, 238, 238); }

.warning-text { font-size: 17px; line-height: 1.71; color: rgb(242, 61, 24); }

.indent-inline-12 { display: inline-block; margin-left: 12px; margin-right: 2px; }

.success-text { font-size: 17px; line-height: 1.71; color: rgb(77, 153, 90); }

.icon-moderation { position: relative; top: 5px; }

.month-updates { margin-right: 10px; }

.month-updates-link { display: flex; align-items: center; justify-content: center; }

.month-updates-link img { margin-right: 10px; }

.month-updates-mobile { padding: 14px; box-sizing: border-box; width: 100%; text-align: center; border-bottom: 1px solid rgb(211, 218, 225); display: none; }

@media screen and (max-width: 639px) {
  .month-updates-mobile { display: block; }
}

@media screen and (max-width: 1230px) {
  .header-special { margin-left: -275px !important; }
}

@media screen and (max-width: 1110px) {
  .header-special { display: none !important; }
}

.contact-count-select { padding: 15px; border-bottom: 1px solid rgb(211, 218, 225); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }

.radio-select-contact { display: flex; }

.contact-count-select .radio label { font-family: ubunturegular, Ubuntu; color: rgb(15, 21, 26); }

.text-count-contact { margin-right: 55px; }

.radio-select-contact .radio { margin-right: 27px; }

.radio-select-contact .radio:last-child { margin-right: 0px; }

@media screen and (max-width: 1110px) {
  .text-count-contact { margin-right: 0px; margin-bottom: 12px; }
}

.cloned .new-title { right: -30px !important; top: 0px !important; }
/* ---- nice-select.css ---- */
@charset "utf-8";

.nice-select { -webkit-tap-highlight-color: transparent; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 15px; font-weight: normal; height: 40px; line-height: 40px; outline: none; padding-left: 18px; padding-right: 40px; position: relative; transition: 0.2s ease-in-out; user-select: none; white-space: nowrap; width: 100%; text-align: left !important; }

.nice-select::after { border-bottom: 2px solid rgb(15, 21, 26); border-right: 2px solid rgb(15, 21, 26); content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 16px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: 0.15s ease-in-out; width: 5px; z-index: 11; }

.nice-select.open::after { transform: rotate(-135deg); }

.nice-select .option:hover, .nice-select .option.focus { background-color: rgb(54, 190, 217); color: rgb(255, 255, 255); }

.nice-select, .nice-select dd, .nice-select dt, .nice-select ul, .nice-select ul li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; }

.nice-select dd { position: relative; }

.nice-select a, .nice-select a:visited { text-decoration: none; outline: none; }

.nice-select dt { background-color: rgb(242, 244, 246); border-radius: 20px; box-shadow: rgb(211, 218, 225) 0px 2px 0px inset; box-sizing: border-box; position: relative; z-index: 1; }

.nice-select dt a { display: block; box-sizing: border-box; color: rgb(15, 21, 26); padding: 0px 40px 0px 15px; }

.nice-select dt a > span { cursor: pointer; display: block; }

.nice-select dd ul { padding-top: 20px; background-color: rgb(211, 218, 225); border-radius: 0px 0px 5px 5px; box-sizing: border-box; position: absolute; display: none; top: -20px; left: 0px; margin: 0px; width: 100%; }

.nice-select span.value { display: none; }

.nice-select dd ul li:last-child a { border-radius: 0px 0px 5px 5px; }

.nice-select dd ul li a { padding: 0px 20px; display: block; color: rgb(15, 21, 26); }

.nice-select dd ul li a:hover { background-color: rgb(54, 190, 217); color: rgb(255, 255, 255); }

.link-opros { margin-bottom: 20px; text-decoration: none; font-size: 17px; cursor: pointer; background: rgb(251, 78, 114); color: rgb(255, 255, 255); padding: 10px 15px; width: 97%; border-radius: 20px; }

.link-opros:hover { color: rgb(255, 255, 255); border-bottom-color: rgb(217, 65, 116); box-shadow: rgb(217, 65, 116) 0px -1px 0px inset; }

.link-opros:active { background: rgb(217, 65, 116); }

.link-opros-text { display: flex; text-align: center; }
/* ---- magnific-popup.css ---- */
@charset "utf-8";

.mfp-bg, .mfp-wrap { position: fixed; left: 0px; top: 0px; }

.mfp-bg, .mfp-container, .mfp-wrap { height: 100%; width: 100%; }

.mfp-arrow::after, .mfp-arrow::before, .mfp-container::before, .mfp-figure::after { content: ""; }

.mfp-bg { z-index: 1042; overflow: hidden; background: rgb(37, 49, 64); opacity: 0.5; }

.mfp-wrap { z-index: 1043; backface-visibility: hidden; outline: 0px !important; }

.mfp-container { text-align: center; position: absolute; left: 0px; top: 0px; box-sizing: border-box; }

.mfp-container::before { display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container::before { display: none; }

.mfp-content { display: inline-block; vertical-align: middle; margin: 0px auto; text-align: left; z-index: 1045; }

.mfp-close, .mfp-preloader { text-align: center; position: absolute; }

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }

.mfp-zoom { cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: rgb(204, 204, 204); top: 50%; width: auto; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: rgb(204, 204, 204); }

.mfp-close, .mfp-preloader a:hover { color: rgb(255, 255, 255); }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display: none; }

button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; background: 0px 0px; border: 0px; appearance: none; display: block; outline: 0px; padding: 0px; z-index: 1046; box-shadow: none; touch-action: manipulation; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; right: 0px; top: 0px; text-decoration: none; opacity: 0.65; padding: 0px 0px 18px 10px; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:focus, .mfp-close:hover { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: rgb(51, 51, 51); }

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color: rgb(255, 255, 255); right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; white-space: nowrap; display: none; }

.mfp-figure, img.mfp-img { line-height: 0; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0px 0px; top: 50%; padding: 0px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; }

.mfp-arrow::after, .mfp-arrow::before { display: block; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; margin-top: 35px; margin-left: 35px; border: inset transparent; }

.mfp-arrow::after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow::before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0px; }

.mfp-arrow-left::after { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; }

.mfp-arrow-left::before { margin-left: 25px; }

.mfp-arrow-right { right: 0px; }

.mfp-arrow-right::after { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-image-holder .mfp-content, img.mfp-img { max-width: 100%; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0px; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); }

.mfp-figure::after, img.mfp-img { width: auto; height: auto; display: block; }

img.mfp-img { box-sizing: border-box; padding: 40px 0px; margin: 0px auto; }

.mfp-figure::after { position: absolute; inset: 40px 0px; }

.mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0px; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: rgb(243, 243, 243); overflow-wrap: break-word; padding-right: 36px; }

.mfp-gallery .mfp-image-holder .mfp-figure { position: relative; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; backface-visibility: hidden; transition: 0.15s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; overflow: auto; }

.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.5; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; }
  .mfp-img-mobile img.mfp-img { padding: 0px; }
  .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; }
}

@media (max-width: 900px) {
  .mfp-arrow { transform: scale(0.75); }
  .mfp-arrow-left { transform-origin: 0px center; }
  .mfp-arrow-right { transform-origin: 100% center; }
}