@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,700');


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 1em 0
}
.ajax-pagination:after,
.clearfix:after,
.collapse:after,
.opt-list .content:after,
.ui-helper-clearfix:after {
    clear: both
}
.remodal,
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html {
    font-family: sans-serif;
    height: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
.app,
.ui-helper-zfix {
    position: absolute;
    top: 0
}
.dima,
.select2-container,
.ui-button,
.ui-spinner,
.ui-spinner-input {
    vertical-align: middle
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre,
textarea {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
.ui-helper-reset,
legend {
    border: 0;
    padding: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
.ajax-pagination:after,
.ajax-pagination:before,
.clearfix:after,
.clearfix:before,
.collapse:after,
.collapse:before,
.opt-list .content:after,
.opt-list .content:before {
    display: table;
    content: "";
    line-height: 0
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
*,
:after,
:before {
    -o-box-sizing: border-box;
    box-sizing: border-box
}
body {
    margin: 0;
    font-family: 'Open Sans';
    font-size: 14px;
    background-color: #f3f3f3;
    color: #333;
    min-height: 100%
}
.app {
    left: 0;
    width: 100%;
    height: 100%
}
a {
    color: #ff4900;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}
p {
    line-height: 1.2em
}
.container {
    width: 100%;
    margin: 0 auto
}
@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes wobble {
    from, to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -4deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -4deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -2deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -2deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 1deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 1deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes wobble {
    from, to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -4deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -4deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -2deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -2deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 1deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 1deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, 0deg)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideOutUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
@keyframes slideOutUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
@-webkit-keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0);
        opacity: 1
    }
}
@keyframes fallPerspective {
    100% {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0);
        transform: translateZ(0) translateY(0) rotateX(0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@keyframes cssload-animation {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes cssload-animation {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}
/*! jQuery UI - v1.11.4 - 2015-09-16
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
    display: none
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.ui-helper-reset {
    margin: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}
.ui-helper-clearfix {
    min-height: 0
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}
.ui-front {
    z-index: 100
}
.ui-state-disabled {
    cursor: default!important
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}
.ui-resizable {
    position: relative
}
.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}
.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    text-align: center;
    overflow: visible
}
.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}
.ui-button-icon-only {
    width: 2.2em
}
button.ui-button-icon-only {
    width: 2.4em
}
.ui-button-icons-only {
    width: 3.4em
}
button.ui-button-icons-only {
    width: 3.7em
}
.ui-button .ui-button-text {
    display: block;
    line-height: normal
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}
input.ui-button {
    padding: .4em 1em
}
.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}
.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}
.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}
.ui-buttonset {
    margin-right: 7px
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}
button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px
}
.ui-datepicker .ui-datepicker-next {
    right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}
.ui-datepicker td {
    border: 0;
    padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}
.ui-datepicker.ui-datepicker-multi {
    width: auto
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}
.ui-datepicker-rtl {
    direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}
.ui-menu .ui-menu {
    position: absolute
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}
.ui-menu-icons {
    position: relative
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}
.ui-selectmenu-menu {
    left: 0
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}
.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}
.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}
.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ui-slider {
    position: relative;
    text-align: left
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}
.ui-slider-vertical {
    width: .8em;
    height: 100px
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0
}
.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 22px .2em .4em
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}
.ui-spinner-up {
    top: 0
}
.ui-spinner-down {
    bottom: 0
}
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}
.ui-tabs {
    position: relative;
    padding: .2em
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa
}
body .ui-tooltip {
    border-width: 2px
}
.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}
.ui-widget .ui-widget {
    font-size: 1em
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}
.ui-widget-content {
    background: url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x #eee;
    color: #333
}
.ui-widget-content a {
    color: #333
}
.ui-widget-header {
    border: 1px solid #e78f08;
    background: url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x #f6a828;
    color: #fff;
    font-weight: 700
}
.ui-widget-header a {
    color: #fff
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x #f6f6f6;
    font-weight: 700;
    color: #1c94c4
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #fbcb09;
    background: url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x #fdf5ce;
    font-weight: 700;
    color: #c77405
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
    color: #c77405;
    text-decoration: none
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;
    font-weight: 700;
    color: #eb8f00
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x #ffe45c;
    color: #363636
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% #b81900;
    color: #fff
}
.ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error a,
.ui-widget-header .ui-state-error-text {
    color: #fff
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: 400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none
}
.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35)
}
.ui-icon {
    width: 16px;
    height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png)
}
.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png)
}
.ui-state-active .ui-icon,
.ui-state-default .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_ef8c08_256x240.png)
}
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_228ef1_256x240.png)
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_ffd27a_256x240.png)
}
.ui-icon-blank {
    background-position: 16px 16px
}
.ui-icon-carat-1-n {
    background-position: 0 0
}
.ui-icon-carat-1-ne {
    background-position: -16px 0
}
.ui-icon-carat-1-e {
    background-position: -32px 0
}
.ui-icon-carat-1-se {
    background-position: -48px 0
}
.ui-icon-carat-1-s {
    background-position: -64px 0
}
.ui-icon-carat-1-sw {
    background-position: -80px 0
}
.ui-icon-carat-1-w {
    background-position: -96px 0
}
.ui-icon-carat-1-nw {
    background-position: -112px 0
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}
.ui-icon-arrow-4 {
    background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}
.ui-icon-extlink {
    background-position: -32px -80px
}
.ui-icon-newwin {
    background-position: -48px -80px
}
.ui-icon-refresh {
    background-position: -64px -80px
}
.ui-icon-shuffle {
    background-position: -80px -80px
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px
}
.ui-icon-folder-open {
    background-position: -16px -96px
}
.ui-icon-document {
    background-position: -32px -96px
}
.ui-icon-document-b {
    background-position: -48px -96px
}
.ui-icon-note {
    background-position: -64px -96px
}
.ui-icon-mail-closed {
    background-position: -80px -96px
}
.ui-icon-mail-open {
    background-position: -96px -96px
}
.ui-icon-suitcase {
    background-position: -112px -96px
}
.ui-icon-comment {
    background-position: -128px -96px
}
.ui-icon-person {
    background-position: -144px -96px
}
.ui-icon-print {
    background-position: -160px -96px
}
.ui-icon-trash {
    background-position: -176px -96px
}
.ui-icon-locked {
    background-position: -192px -96px
}
.ui-icon-unlocked {
    background-position: -208px -96px
}
.ui-icon-bookmark {
    background-position: -224px -96px
}
.ui-icon-tag {
    background-position: -240px -96px
}
.ui-icon-home {
    background-position: 0 -112px
}
.ui-icon-flag {
    background-position: -16px -112px
}
.ui-icon-calendar {
    background-position: -32px -112px
}
.ui-icon-cart {
    background-position: -48px -112px
}
.ui-icon-pencil {
    background-position: -64px -112px
}
.ui-icon-clock {
    background-position: -80px -112px
}
.ui-icon-disk {
    background-position: -96px -112px
}
.ui-icon-calculator {
    background-position: -112px -112px
}
.ui-icon-zoomin {
    background-position: -128px -112px
}
.ui-icon-zoomout {
    background-position: -144px -112px
}
.ui-icon-search {
    background-position: -160px -112px
}
.ui-icon-wrench {
    background-position: -176px -112px
}
.ui-icon-gear {
    background-position: -192px -112px
}
.ui-icon-heart {
    background-position: -208px -112px
}
.ui-icon-star {
    background-position: -224px -112px
}
.ui-icon-link {
    background-position: -240px -112px
}
.ui-icon-cancel {
    background-position: 0 -128px
}
.ui-icon-plus {
    background-position: -16px -128px
}
.ui-icon-plusthick {
    background-position: -32px -128px
}
.ui-icon-minus {
    background-position: -48px -128px
}
.ui-icon-minusthick {
    background-position: -64px -128px
}
.ui-icon-close {
    background-position: -80px -128px
}
.ui-icon-closethick {
    background-position: -96px -128px
}
.ui-icon-key {
    background-position: -112px -128px
}
.ui-icon-lightbulb {
    background-position: -128px -128px
}
.ui-icon-scissors {
    background-position: -144px -128px
}
.ui-icon-clipboard {
    background-position: -160px -128px
}
.ui-icon-copy {
    background-position: -176px -128px
}
.ui-icon-contact {
    background-position: -192px -128px
}
.ui-icon-image {
    background-position: -208px -128px
}
.ui-icon-video {
    background-position: -224px -128px
}
.ui-icon-script {
    background-position: -240px -128px
}
.ui-icon-alert {
    background-position: 0 -144px
}
.ui-icon-info {
    background-position: -16px -144px
}
.ui-icon-notice {
    background-position: -32px -144px
}
.ui-icon-help {
    background-position: -48px -144px
}
.ui-icon-check {
    background-position: -64px -144px
}
.ui-icon-bullet {
    background-position: -80px -144px
}
.ui-icon-radio-on {
    background-position: -96px -144px
}
.ui-icon-radio-off {
    background-position: -112px -144px
}
.ui-icon-pin-w {
    background-position: -128px -144px
}
.ui-icon-pin-s {
    background-position: -144px -144px
}
.ui-icon-play {
    background-position: 0 -160px
}
.ui-icon-pause {
    background-position: -16px -160px
}
.ui-icon-seek-next {
    background-position: -32px -160px
}
.ui-icon-seek-prev {
    background-position: -48px -160px
}
.ui-icon-seek-end {
    background-position: -64px -160px
}
.ui-icon-seek-first,
.ui-icon-seek-start {
    background-position: -80px -160px
}
.ui-icon-stop {
    background-position: -96px -160px
}
.ui-icon-eject {
    background-position: -112px -160px
}
.ui-icon-volume-off {
    background-position: -128px -160px
}
.ui-icon-volume-on {
    background-position: -144px -160px
}
.ui-icon-power {
    background-position: 0 -176px
}
.ui-icon-signal-diag {
    background-position: -16px -176px
}
.ui-icon-signal {
    background-position: -32px -176px
}
.ui-icon-battery-0 {
    background-position: -48px -176px
}
.ui-icon-battery-1 {
    background-position: -64px -176px
}
.ui-icon-battery-2 {
    background-position: -80px -176px
}
.ui-icon-battery-3 {
    background-position: -96px -176px
}
.ui-icon-circle-plus {
    background-position: 0 -192px
}
.ui-icon-circle-minus {
    background-position: -16px -192px
}
.ui-icon-circle-close {
    background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px
}
.ui-icon-circle-check {
    background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 4px
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 4px
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 4px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 4px
}
.ui-widget-overlay {
    background: url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% #666;
    opacity: .5;
    filter: alpha(opacity=50)
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x #000;
    opacity: .2;
    filter: alpha(opacity=20);
    border-radius: 5px
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    font-size: 13px
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 30px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: 0 35px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__rendered::after {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #d8d8d8;
    width: 100%
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.select2-container .select2-search--inline {
    float: left
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-dropdown {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1100
}
.select2-results {
    display: block
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 10px 0 25px
}
.select2-results__option {
    padding: 8px 14px 8px 40px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none;
    position: relative
}
.select2-container--open::after,
.select2-results__option::after,
.select2-search--dropdown::after {
    position: absolute;
    content: ' '
}
.select2-results__option::after {
    left: 14px;
    top: 8px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) 59.52% 0 no-repeat;
    width: 19px;
    height: 19px
}
.select2-results__option[aria-selected] {
    cursor: pointer
}
.select2-container--open {
    box-shadow: 0 0 14px rgba(0, 0, 0, .1)
}
.select2-container--open .select2-selection {
    background-color: #fff
}
.select2-container--open .select2-selection--single .select2-selection__rendered::after {
    border-color: transparent
}
.select2-container--open::after {
    left: 0;
    top: -5px;
    background-color: #fff;
    width: 100%;
    height: 5px;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .1)
}
.select2-container--open.filter-selected {
    border: 0
}
.select2-container--open.filter-selected .select2-selection__rendered {
    font-weight: 700
}
.select2-container--open .select2-dropdown {
    left: 0;
    margin-top: -2px
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 0 8px 14px rgba(0, 0, 0, .1)
}
.select2-search--dropdown {
    display: block;
    padding: 10px 10px 6px
}
.select2-search--dropdown::after {
    right: 18px;
    top: 15px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) 81.33% 0 no-repeat;
    width: 16.2px;
    height: 15.96px;
    pointer-events: none
}
.select2-search--dropdown .select2-search__field {
    padding: 4px;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
    display: none
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}
.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 26px
}
.select2-selection__arrow::after {
    content: ' ';
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) no-repeat;
    position: absolute;
    right: 5px;
    top: 8px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    font-size: 0;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) 10.91% 0 no-repeat;
    width: 13px;
    height: 13px;
    right: 15px;
    top: 8px;
    position: absolute
}
.filter-selected .select2-selection__arrow,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #333;
    font-weight: 700;
    letter-spacing: .65px;
    -webkit-transition: paddings .1s linear;
    transition: paddings .1s linear
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    background-position: 82.16% 0;
    width: 14px;
    height: 9.55px
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
    background-position: 82.92% 0;
    width: 14px;
    height: 9.55px
}
.filter-selected {
    border: 1px solid #ccc;
    border-radius: 15px
}
.filter-selected .select2-selection--single .select2-selection__rendered::after {
    border-color: transparent
}
.filter-selected .select2-selection--single .select2-selection__rendered {
    padding-top: 0;
    line-height: 28px
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #f3f3f3
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 224px;
    overflow-y: auto;
    position: relative
}
.select2-container--default .select2-results__option[role=group] {
    padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f3f3f3
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f3f3f3;
    color: #333
}
.select2-container--default .select2-results__option--highlighted[aria-selected]::after {
    background-position: 83.92% 0;
    width: 19px;
    height: 19px
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}
.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 4px 0 0 4px;
    left: 1px;
    right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}
.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}
.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
    border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}
.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}
.select2-results__option.select2-results__message {
    padding-left: 14px
}
.select2-results__option.select2-results__message::after {
    content: none
}
.ui-selectmenu {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    background: #fff;
    border: 1px solid #dce6e8;
    text-decoration: none!important
}
.ui-selectmenu .ui-selectmenu-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 36px;
    background: url(../images/select-arrow.png) left top no-repeat
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    display: none;
    z-index: 1005
}
.ui-selectmenu-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #dce6e8;
    background: #fff;
    border-radius: 0;
    border-top: none;
    border-bottom: none
}
.ui-selectmenu-open {
    display: block
}
.ui-selectmenu-menu li {
    padding: 0;
    margin: 0;
    display: block;
    border: none!important;
    font-weight: 400!important;
    background: 0 0!important
}
.ui-selectmenu-menu li a,
.ui-selectmenu-status {
    display: block;
    padding: 7px 26px 7px 10px;
    outline: 0;
    text-decoration: none;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    line-height: 22px
}
.ui-selectmenu-menu li a {
    border-bottom: 1px solid #dce6e8
}
.ui-selectmenu-menu .ui-state-hover a,
.ui-selectmenu-menu li a:hover {
    color: #000;
    background: #efefef!important;
    zoom: 1
}
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 11px;
    line-height: 12px;
    direction: ltr;
    padding: 4px 12px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}
.qtip-content,
.qtip-titlebar {
    position: relative;
    overflow: hidden
}
.qtip-content {
    padding: 5px 9px;
    text-align: left;
    word-wrap: break-word
}
.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700
}
.qtip-titlebar+.qtip-content {
    border-top-width: 0!important
}
.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: 0;
    border: 1px solid transparent
}
.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}
* html .qtip-titlebar .qtip-close {
    top: 16px
}
.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}
.qtip-icon,
.qtip-icon .ui-icon {
    border-radius: 3px;
    text-decoration: none
}
.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: 400 bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: -100em -100em no-repeat
}
#get-image-link,
#model-toggle-points,
#model-view-change,
#model-zoom-in,
#model-zoom-out,
.m-p.active,
.mobile-zoom {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden
}
.qtip-default {
    background-color: #fff;
    color: #666
}
.qtip-default .qtip-titlebar {
    background-color: #FFEF93
}
.qtip-default .qtip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777
}
.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111
}
.qtip-material {
    padding: 0
}
.qtip-material .qtip-content {
    padding: 10px 10px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.qtip-material p {
    color: #333;
    margin: 15px 0 15px 3px;
    line-height: 15px
}
.placeholder,
.qtip-material span {
    color: #999
}
::-webkit-input-placeholder {
    color: #999
}
:-moz-placeholder {
    color: #999
}
::-moz-placeholder {
    color: #999;
    opacity: 1
}
:focus {
    outline: 0
}
.menu {
    list-style: none;
    padding: 0;
    margin: 0
}
.fl {
    float: left
}
.fr {
    float: right
}
.tar {
    text-align: right
}
.tac {
    text-align: center
}
.tal {
    text-align: left
}
.date {
    color: #ccc
}
.dima {
    display: inline-block
}
.app-content {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}
.site,
.site-block {
    margin: 0 auto;
    width: 980px
}
.active-product {
    width: 100%;
    height: 100%
}
.active-product .m-i {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: none
}
.active-product .wrapper-img {
    position: relative;
    display: block
}
.active-product .m-i.active {
    display: block
}
.m-p {
    -webkit-transition: none;
    transition: none
}

#get-image-link,
#model-toggle-points,
#model-view-change,
#model-zoom-in,
#model-zoom-out,
.mobile-zoom,
.model-tools .wrap {
    display: inline-block
}
.active-product-wrapper {
    position: absolute;
    display: inline-block;
    z-index: 0;
    image-rendering: -webkit-optimize-contrast
}
.model-tools {
    position: fixed;
    bottom: 75px;
    text-align: center;
    width: 270px;
    height: 33px;
    line-height: 33px;
    left: calc(50% - 308px);
}
.model-tools span {
    cursor: pointer
}
.model-tools a,
.model-tools span {
    vertical-align: middle;
    margin: 0 6px
}
.model-tools .wrap {
    padding: 10px 22px;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 25px;
    position: relative;
}
.mobile-zoom {
    background: url(svg/sprite.css.svg) 97.13% 0 no-repeat;
    width: 31.82px;
    height: 26px
}
#model-zoom-in {
    background: url(svg/sprite.css.svg) 94.02% 0 no-repeat;
    width: 25px;
    height: 25px
}
#model-zoom-in:focus,
#model-zoom-in:hover {
    background-position: 95.39% 0;
    width: 25px;
    height: 25px
}
#model-zoom-out {
    background: url(svg/sprite.css.svg) 98.57% 0 no-repeat;
    width: 26px;
    height: 26px
}
#model-zoom-out:focus,
#model-zoom-out:hover {
    background-position: 100% 0;
    width: 26px;
    height: 26px
}
#model-toggle-points {
    background: url(svg/sprite.css.svg) 72.94% 0 no-repeat;
    width: 29px;
    height: 29px
}
#model-toggle-points.show,
#model-toggle-points:focus,
#model-toggle-points:hover {
    background-position: 71.34% 0;
    width: 29px;
    height: 29px
}
#model-toggle-points.show:focus,
#model-toggle-points.show:hover {
    background-position: 72.94% 0;
    width: 29px;
    height: 29px
}
#model-view-change {
    background: url(svg/sprite.css.svg) 6.64% 0 no-repeat;
    width: 39.38px;
    height: 25px
}
#model-view-change:focus,
#model-view-change:hover {
    background-position: 8.85% 0;
    width: 39.38px;
    height: 25px
}
#get-image-link {
    background: url(svg/sprite.css.svg) 38.16% 0 no-repeat;
    width: 28.3px;
    height: 25px;
    -webkit-transition: none;
    transition: none
}
#ap-sku-code,
.price .unit {
    display: block;
    text-transform: uppercase
}
#get-image-link:focus,
#get-image-link:hover {
    background-position: 39.75% 0;
    width: 28.3px;
    height: 25px
}
.model-info {
    position: absolute;
    top: 80px;
    left: 20px;
    right: 20px
}
#ap-name {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin: 0
}
#ap-name .model {
    color: #ccc;
    padding-left: 5px
}
#ap-sku-code {
    font-size: 11px;
    line-height: 11px;
    color: #999;
    position: relative;
    padding-bottom: 25px
}
#ap-sku-code::after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 90px;
    height: 2px;
    background-color: #dfdfdf;
    bottom: 5px
}
.price {
    color: #333;
    font-size: 24px;
    margin: 0
}
.price .unit {
    font-size: 10px;
    line-height: 10px;
    color: #999
}
.amount a,
.amount-count,
.price-custom{
    display: inline-block;
    vertical-align: middle
}
.amount {
    position: absolute;
    right: 0;
    bottom: 8px
}
.amount a {
    padding: 5px
}
.amount .qt-minus {
    background-position: 75.77% 0;
    width: 19px;
    height: 5px;
    margin-bottom: 2px
}
.amount .qt-plus {
    background-position: 79.38% 0;
    width: 19px;
    height: 19px
}
.amount .inc:focus .ico,
.amount .inc:hover .ico {
    background-position: 80.42% 0;
    width: 19px;
    height: 19px
}
.amount .dec:focus .ico,
.amount .dec:hover .ico {
    background-position: 76.81% 0;
    width: 19px;
    height: 5px
}
.amount-count,
.price-custom{
    font-size: 14px;
    color: #666;
    padding: 5px 9px;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 0;
    border: 0;
    width: 50px
}

/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
* Copyright (c) 2016 Simon Goellner <simey.me@gmail.com>; Licensed MIT */

.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide {
    display: none
}
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
    display: block
}
.ui-slider-pips .ui-slider-pip {
    width: 6px;
    height: 10px;
    position: absolute;
    font-size: 10px;
    color: #999;
    overflow: visible;
    text-align: center;
    top: 5px;
    left: 20px;
    margin-left: -3px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ui-slider-pips .ui-slider-pip::after {
    content: '';
    position: absolute;
    top: -5px;
    width: 3px;
    background: #fff;
    height: 3px;
    left: 1px
}
.ui-state-disabled.ui-slider-pips .ui-slider-pip {
    cursor: default
}
.ui-slider-pips .ui-slider-label {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -3px;
    width: 6px
}
.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
    color: #000
}
.ui-slider-vertical.ui-slider-pips {
    margin-bottom: 1em;
    margin-right: 2em
}
.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
    text-align: left;
    top: auto;
    left: 20px;
    margin-left: 0;
    margin-bottom: -.5em
}
.ui-slider-vertical.ui-slider-pips .ui-slider-line {
    width: 3px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0
}
.ui-slider-vertical.ui-slider-pips .ui-slider-label {
    top: 50%;
    left: .5em;
    margin-left: 0;
    margin-top: -.5em;
    width: 2em
}
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
    outline: 0
}
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
    position: absolute;
    visibility: hidden;
    top: -40px;
    display: block;
    width: 34px;
    margin-left: -18px;
    left: 50%;
    height: 20px;
    line-height: 20px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #888;
    text-align: center;
    font-size: 12px;
    opacity: 0;
    color: #333;
    -webkit-transition-property: opacity, top, visibility;
    transition-property: opacity, top, visibility;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: .2s, .2s, 0s;
    transition-duration: .2s, .2s, 0s;
    -webkit-transition-delay: 0s, 0s, .2s;
    transition-delay: 0s, 0s, .2s
}
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    opacity: 1;
    top: -30px;
    visibility: visible;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: .2s, .2s, 0s;
    transition-delay: .2s, .2s, 0s
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    top: 42px
}
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 32px;
    font-weight: 400
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after,
.ui-slider-float .ui-slider-tip:after {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255, 255, 255, 0);
    border-top-color: #fff;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before,
.ui-slider-float .ui-slider-tip:before {
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255, 255, 255, 0);
    border-top-color: #888;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -5px
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    top: -10px
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-bottom-color: #888;
    top: -11px
}
.ui-slider-vertical.ui-slider-float .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
    top: 50%;
    margin-top: -11px;
    width: 34px;
    margin-left: 0;
    left: -60px;
    color: #333;
    -webkit-transition-duration: .2s, .2s, 0;
    transition-duration: .2s, .2s, 0;
    -webkit-transition-property: opacity, left, visibility;
    transition-property: opacity, left, visibility;
    -webkit-transition-delay: 0, 0, .2s;
    transition-delay: 0, 0, .2s
}
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    top: 50%;
    margin-top: -11px;
    left: -50px
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
    left: 47px
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    left: 37px
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after,
.ui-slider-vertical.ui-slider-float .ui-slider-tip:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-top-color: transparent;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: -10px;
    margin-left: 0;
    top: auto;
    left: auto
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before,
.ui-slider-vertical.ui-slider-float .ui-slider-tip:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-left-color: #888;
    border-top-color: transparent;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: -11px;
    margin-left: 0;
    top: auto;
    left: auto
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
    border: 5px solid rgba(255, 255, 255, 0);
    border-right-color: #fff;
    right: auto;
    left: -10px
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
    border: 5px solid rgba(255, 255, 255, 0);
    border-right-color: #888;
    right: auto;
    left: -11px
}
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line,
.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line {
    background: #000
}
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}
.remodal,
[data-remodal-id] {
    display: none
}
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    background: #333;
    opacity: .5;
    display: none
}
.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}
.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    content: ""
}
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.remodal .btn {
    padding: 14px 28px
}
.remodal h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: lighter;
    margin: 0 0 20px
}
.remodal p {
    margin-bottom: 30px
}
.modal-content {
    color: #666;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px
}
.modal-content.with-borders {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 20px
}
.modal-content strong {
    color: #333
}
.remodal-is-initialized {
    display: inline-block
}
.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}
.remodal-wrapper {
    padding: 10px 0
}
.remodal {
    position: relative;
    outline: 0;
    text-size-adjust: 100%;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    padding: 35px 20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff
}
.ajax-pagination,
.btn,
.products li {
    text-align: center
}
.remodal-cancel {
    margin-top: 15px
}
.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}
.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}
.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}
.remodal,
.remodal-wrapper:after {
    vertical-align: middle
}
.remodal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    overflow: visible;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: 0 0
}
.btn-simple:focus span,
.btn-simple:hover span,
.mobile-help a {
    text-decoration: underline
}
.remodal-close:focus,
.remodal-close:hover {
    opacity: .7;
    color: #2b2e38
}
.remodal-close:before {
    content: attr(data-remodal-action);
    position: absolute;
    top: 0;
    left: -8px;
    color: #ff4900;
    text-transform: uppercase;
    font-size: 11px
}
.ajax-pagination .ico::after,
.skip-form .ico::after {
    content: ' ';
    text-indent: 200%;
    white-space: nowrap
}
@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}
@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.lt-ie9 .remodal-overlay {
    background: #2b2e38
}
.lt-ie9 .remodal {
    width: 700px
}
.ps-container {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden!important;
    -ms-overflow-style: none
}
@supports (-ms-overflow-style: none) {
    .ps-container {
        overflow: auto!important
    }
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}
.ps-container>.ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    position: absolute;
    background-color: #aaa;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    height: 11px
}
.ps-container>.ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 1;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    position: absolute;
    background-color: #ebebeb;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    right: 5px;
    width: 7px
}
.ps-container:hover>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: #d2d2d2
}
.btn {
    display: inline-block;
    padding: 8px 28px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.3px
}
.btn-black {
    background-color: #333
}
.btn-black:focus,
.btn-black:hover {
    background-color: #666
}
.btn-grey {
    background-color: #f3f3f3;
    color: #333
}
.btn-grey:focus,
.btn-grey:hover {
    background-color: #e6e6e6
}
.btn-simple {
    display: block;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-size: 11px
}
.products,
.products li {
    -js-display: flex;
    display: flex;
    float: left
}
.btn-simple .ico {
    vertical-align: middle
}
.products-wrap {
    min-height: 400px;
    padding-top: 20px
}
.products-wrap p:not([class]) {
    padding-left: 25px;
    color: #999
}
.products {
    margin: 0;
    padding: 0 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}
.products li {
    overflow: hidden;
    width: 50%;
    cursor: pointer;
    margin-bottom: 10px
}
.products li:hover .ico {
    opacity: 1
}
.products li:hover .product-item {
    background-color: #fff
}
.products li:hover span {
    color: #ff4900
}
.products span {
    font-size: 13px;
    color: #333;
    font-weight: 700
}
.products .desc {
    font-size: 10px;
    line-height: 14px;
    color: #999
}
.products .info {
    margin-top: 15px
}
.products img {
    display: block;
    margin: 0 auto
}
.products .product-item {
    position: relative;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    padding: 15px 8px 8px;
    border: 2px solid transparent;
    width: 100%
}
.products .ico {
    position: absolute;
    opacity: 0;
    right: 10px;
    top: 10px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.products .selected {
    border-color: #fff
}
.products .selected .ico {
    opacity: 1;
    background-position: 86.4% 0;
    width: 23px;
    height: 23px
}
.ajax-pagination {
    margin: 0;
    padding: 20px 15px 100px;
    font-size: 15px
}
.ajax-pagination li {
    margin: 0;
    padding: 0 5px;
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    height: 26px
}
.ajax-pagination a {
    color: #666
}
.ajax-pagination .active,
.ajax-pagination a:focus,
.ajax-pagination a:hover {
    color: #333;
    font-weight: 700
}
.ajax-pagination .ico {
    position: relative
}
.ajax-pagination .ico::after {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) no-repeat;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.ajax-pagination .next:focus .ico::after,
.ajax-pagination .next:hover .ico::after,
.ajax-pagination .prev:focus .ico::after,
.ajax-pagination .prev:hover .ico::after,
.skip-form:focus .ico::after,
.skip-form:hover .ico::after {
    opacity: 1
}
.ajax-pagination .prev .ico::after {
    background-position: 62.22% 0;
    width: 26px;
    height: 26px
}
.ajax-pagination .next .ico::after {
    background-position: 65.07% 0;
    width: 26px;
    height: 26px
}
.skip-form {
    font-size: 11px;
    color: #999;
    text-transform: uppercase
}
.skip-form:focus,
.skip-form:hover {
    color: #333
}
.skip-form .ico {
    position: relative;
    top: 2px
}
.skip-form .ico::after {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) 14.73% 0 no-repeat;
    width: 14.05px;
    height: 16.24px;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.form-txt {
    color: #999
}
.form-txt p {
    font-size: 14px;
    line-height: 22px
}
.form-txt.visible-mobile {
    display: block
}
.form-txt.visible-mobile p {
    margin-top: 0
}
.form-txt.visible-desk {
    display: none
}
.form-wrap {
    width: 100%
}
.form-group {
    position: relative;
    height: 34px;
    margin-bottom: 25px;
    -webkit-transition: height .3s linear;
    transition: height .3s linear
}
.form-group label {
    font-size: 9px;
    line-height: 9px;
    color: #999;
    text-transform: uppercase;
    display: block;
    padding-left: 5px;
    position: absolute;
    left: 0;
    top: 10px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}
.form-group.has-error label,
.form-group.has-success label {
    top: -2px
}
.form-group.has-success .form-input {
    border-color: #6c3
}
.form-group.has-success .ico {
    opacity: 1;
    background-position: 29.47% 0;
    width: 18.25px;
    height: 15.19px
}
.form-group.has-error {
    height: 40px
}
.form-group.has-error .form-input {
    border-color: #ff4900
}
.form-group.has-error .ico {
    opacity: 1;
    background-position: 28.17% 0;
    width: 26px;
    height: 26px;
    top: -6px
}
.form-group:not(.has-success):not(.has-error) .form-input:focus~label,
.form-input.filled~label {
    top: -2px
}
.form-group:not(.has-success):not(.has-error) .form-input:focus~.bar:after,
.form-group:not(.has-success):not(.has-error) .form-input:focus~.bar:before {
    width: 50%
}
.form-input {
    border: 0;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding: 0 5px;
    float: left;
    height: 34px
}
.input-box {
    float: left;
    position: relative;
    width: 100%
}
.input-box .ico {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    background-position: 27.01% 0;
    width: 18.25px;
    height: 15.19px
}
.bar:after,
.bar:before {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #121212;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}
.bar:before {
    left: 50%
}
.bar:after {
    right: 50%
}
.error-msg {
    color: #ff4900;
    font-size: 11px;
    float: left;
    line-height: 11px;
    padding-top: 4px;
    padding-left: 5px
}
.ui-slider-horizontal.ui-slider-pips {
    margin-bottom: 10px
}
.ui-slider-horizontal {
    height: 3px
}
.ui-widget-content {
    border: 0;
    background-color: #dfdfdf
}
.ui-widget-header {
    background-color: #333
}
.ui-slider-horizontal .ui-slider-handle {
    border: 0;
    width: 5px;
    height: 9px;
    margin: 0;
    top: -3px
}
.ui-slider-horizontal .ui-slider-handle.ui-state-hover {
    background-color: transparent
}
.ui-slider-horizontal .handle-1 {
    background: url(../images/pip-right.png) no-repeat
}
.ui-slider-horizontal .handle-2 {
    background: url(../images/pip-left.png) no-repeat;
    margin-left: -1px
}

.hide {
    display: none
}
.header,
.helper {
    position: absolute
}
.collapse {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0
}
.collapse.in {
    opacity: 1;
    max-height: 1000px
}
.helper {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    width: 140px
}
.helper.top {
    top: 85px;
    right: 105px;
    text-align: right;
    display: none
}
.header .text,
.main-web:hover span {
    display: inline-block
}
.helper.top .ico {
    margin: 0 -35px 10px 0
}
.helper.bottom {
    text-align: left;
    bottom: 65px;
    left: 40px
}
.helper.bottom .ico {
    margin: 10px 0 10px 20px
}
.notification {
    padding: 26px 19px
}
.notification p {
    margin: 0;
    font-size: 14px;
    line-height: 18px
}
.notification strong {
    color: #ff4900;
    text-transform: uppercase;
    padding-right: 12px
}
.notification.warn {
    color: #ff4900;
    background-color: #ffece5
}
.header {
    width: 100%;
    padding: 18px 20px 0;
    z-index: 100
}
.header .text {
    background-color: #ff4900;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1.1px;
    vertical-align: middle;
    text-align: center;
    padding: 3px 8px;
    margin-left: 15px
}
.main-web {
    position: fixed;
    top: 22px;
    left: 0;
    padding: 10px 8px;
    font-size: 14px;
    line-height: 20px;
    background-color: #ccc;
    -webkit-transition: padding .4s linear;
    transition: padding .4s linear;
    z-index: 101
}
.main-web:hover {
    padding-left: 15px;
    padding-right: 15px
}
.main-web span {
    color: #fff;
    display: none;
    padding-left: 10px
}
.main-web .ico {
    vertical-align: middle
}
.side-content {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #ff4900;
    z-index: 1052;
    padding: 0 15px
}
.side-content .selected {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    height: 30px;
    vertical-align: baseline
}
.side-content .selected span {
    margin: 0 2px;
    letter-spacing: .65px
}
.form-link span,
.total-sum {
    letter-spacing: .55px;
    text-transform: uppercase
}
.side-content .selected .number {
    color: #333
}
.side-content .selected .sep {
    margin: 0 2px
}

.need-help {
    width: 50px;
    height: 100%;
    font-size: 13px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0
}
.need-help p {
    margin: 0;
    display: none
}
.need-help .info-svg {
    margin: 12px 0
}
.need-help .phone-svg {
    vertical-align: text-bottom;
    margin: 0 4px
}
.form-link,
.form-link .ico {
    vertical-align: middle
}
.help-mobile {
    height: 100%;
    width: 100%;
    display: none
}
.form-link {
    width: 36px;
    height: 36px;
    background-color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    margin: 0 2px
}
.form-link:hover .pdf-svg {
    background-position: 67.45% 0;
    width: 20.47px;
    height: 24.64px
}
.form-link:hover .mail-svg {
    background-position: 50.05% 0;
    width: 22.82px;
    height: 19.39px
}
.form-link:hover .link-svg {
    background-position: 46.74% 0;
    width: 22.09px;
    height: 22.1px
}
.form-link span {
    display: none;
    font-size: 11px;
    color: #999
}
.form-link.success::before {
    display: block;
    position: absolute;
    color: #6c3;
    background-color: #fff;
    content: attr(data-stitle);
    font-size: 11px;
    line-height: 25px
}
.form-link.success::after,
.mobile-menu.active::after {
    position: absolute;
    content: ' '
}
.form-link.success::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #fff transparent transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -4px;
    margin-bottom: 2px
}
.form-link.success .ico {
    background-position: 29.47% 0;
    width: 18.25px;
    height: 15.19px;
    margin-top: -7px
}
.side-bottom .btn-black, .side-bottom .btn-white {
    margin: 0 2px;
    padding:8px 12px;
}
.total-sum {
    color: #fff;
    font-size: 11px;
    height: 30px;
    vertical-align: baseline
}
.button-next .ico,
.filters-back .ico,
.filters-back span,
.filters-clear .ico,
.filters-clear span,
.filters-title .ico,
.filters-title span,
.mobile-help .wrap,
.options-toggle .ico,
.options-toggle span {
    vertical-align: middle
}
.total-price {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: normal
}
.total-price .currency {
    font-weight: 400
}
.mobile-menu {
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    padding: 0;
    right: 0;
    top: 0;
    border: 0;
    width: 35px;
    height: 50px;
    line-height: 35px;
    letter-spacing: 1.1px
}
.mobile-menu.left {
    left: 10px;
    top: 0;
    padding: 10px 0
}
.mobile-menu.active::after {
    right: 12px;
    top: -6px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ff4900;
    z-index: 10
}
.desktop-links,
.mobile-help {
    display: none
}
.add-product .ico {
    margin-right: 11px
}
.all-product span {
    color: #999
}
.all-product .ico {
    margin-left: 7px;
    margin-right: 19px
}
.desktop-links .all-product {
    margin-left: 0;
    margin-right: 20px
}
.mobile-help p {
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0 0 1em
}
.mobile-help .phone {
    font-size: 20px
}
.mobile-help .wrap {
    display: table-cell;
    width: 100%;
    padding-top: 70px
}
.mobile-help a {
    color: #fff
}
.mobile-help a:focus,
.mobile-help a:hover {
    text-decoration: none
}
.mobile-help .ico {
    margin-right: 8px
}
.actions-wrap {
    display: inline-block
}
.product-filter-wrapper {
    margin-top: 5px;
    position: relative
}
.filter-tools {
    position: relative
}
.filter-tools h3 {
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 6px;
    padding-top: 6px
}
.filters-back,
.filters-clear,
.filters-title {
    text-transform: uppercase;
    font-size: 11px;
    line-height: 28px;
    color: #999;
    letter-spacing: .55px
}
.filters-back .ico,
.filters-title .ico {
    margin-right: 8px
}
.filters-back {
    position: absolute;
    right: 0;
    top: 2px
}
.filters-clear:hover span {
    text-decoration: underline
}
.filters-clear .ico {
    margin-left: 8px;
    margin-top: -2px
}
.default-form,
.product-select {
    width: 100%;
    position: relative;
    padding: 80px 0 60px
}
.product-select h2 {
    border-bottom: 1px solid #d8d8d8;
    font-size: 30px;
    font-weight: 300;
    line-height: 34px;
    margin: 0;
    padding: 0 20px 20px
}
.opt-list .option-item,
.table-header {
    border-bottom: 1px solid #e5e5e5
}
.product-select .close {
    display: block;
    position: absolute;
    right: 20px;
    top: 50px
}
.product-select .close:hover {
    opacity: .7
}
.select-box {
    height: 32px;
    width: 100%;
    margin: 10px 0
}
.orange-bar {
    background-color: #ff4900;
    position: fixed;
    width: 100%;
    height: 6px;
    left: 0;
    bottom: 0
}
.options-content {
    position: relative;
    bottom: 0;
    width: 0;
    -webkit-transition: right .3s, width .3s;
    transition: right .3s, width .3s;
    background-color: #fff;
    float: right;
    height: 100%;
    z-index: 101
}
.options-content h3 {
    font-size: 16px;
    text-transform: uppercase
}
.options-content.opened {
    width: 343px;
    box-shadow: -2px 0 10px 0 rgba(0, 0, 0, .1);
    overflow-x: hidden
}
.options-content.opened .options-toggle {
    position: relative;
    right: auto;
    top: auto;
    background-color: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: none
}
.options-content.opened .options-toggle span {
    padding-left: 8px
}

.options-content.opened .menu-action,
.options-content.opened .text {
    display: block
}
.options-content.opened .button-next {
    width: 320px;
    right: 0;
    opacity: 1
}
.options-content.opened .opts-lvl {
    height: 100%
}
.options-content.opened .opts-lvl.visible {
    right: 0;
    width: 294px
}
.options-content.opened.lvl2 .options-toggle span {
    display: none
}
.options-content.opened.lvl2 .options-toggle .ico {
    background-position: 24.56% 0;
    width: 26.94px;
    height: 25.53px
}
.options-content.animating::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    opacity: 1;
    background: rgba(255, 255, 255, .9)
}
.options-content .text {
    display: none
}
.main-menu {
    position: relative;
    width: 100%;
    height: 100%
}
.options-list {
    color: #333;
    padding-bottom: 50px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}
.options-list .number {
    width: 50px;
    height: 60px;
    float: left;
    line-height: 50px
}
.options-list a {
    color: #333;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear
}
.group-title::after,
.options-list .finished .text::after {
    content: ' ';
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block
}
.options-list a:hover {
    background-color: #f3f3f3
}
.options-list .title {
    margin: 0;
    padding-top: 16px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}
.options-list .subtitle {
    margin: 0;
    padding-bottom: 16px;
    padding-top: 3px;
    color: #666;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .45px
}
.options-list .finished .text::after {
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -6px;
    background: url(svg/sprite.css.svg) 92.66% 0 no-repeat;
    width: 13.5px;
    height: 11.65px
}
.options-list .text {
    text-transform: uppercase;
    margin-left: 50px;
    text-align: left;
    padding-right: 25px;
    position: relative
}
.option-item {
    cursor: pointer
}
.current-step {
    background: #f3f3f3;
    font-weight: 700
}
.current-step .number {
    color: #ff4900
}
.opts-lvl {
    position: absolute;
    top: 0;
    width: 0;
    right: -275px;
    background-color: #fff;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transition-property: right, width;
    transition-property: right, width;
    z-index: 10
}
.opts-lvl .description {
    padding: 0 20px;
    font-size: 13px;
    line-height: 18px;
    color: #999;
    margin: 0 0 25px
}
.opts-lvl .description strong {
    text-transform: uppercase
}
.opts-lvl .opt-list {
    padding: 10px 0
}
.opts-lvl.main-menu {
    right: auto;
    position: relative;
    width: auto;
    z-index: 5
}
.opt-gr {
    padding-bottom: 50px;
    border-left: 2px solid #f3f3f3;
    min-height: 670px
}
.opt-gr .label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .65px;
    margin-bottom: 12px
}
.group-title {
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    line-height: 70px;
    position: relative;
    height: 70px;
    background-color: #fff;
    z-index: 10;
    letter-spacing: 1.6px;
    cursor: pointer
}
.group-title::after {
    background: url(svg/sprite.css.svg) 25.94% 0 no-repeat;
    width: 19.44px;
    height: 21px;
    position: absolute;
    top: 22px;
    right: 20px
}
.options-lvl-2 .collapse.in {
    padding: 10px 20px 10px 12px
}
.lvl2 .main-menu .menu::after {
    content: '';
    position: absolute;
    left: 50px;
    top: 0;
    background: #fff;
    display: block;
    z-index: 10;
    width: 100%;
    height: 100%
}
.opt-list .thumb {
    float: left;
    padding-right: 25px
}
.opt-list .content {
    padding: 15px 35px 15px 20px
}
.opt-list .option-item {
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
    position: relative
}
.button-next .ico::after,
.opt-list.material-opts .q-tip-mat::after {
    content: ' ';
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: opacity .3s linear
}
.opt-list .option-item:first-child {
    border-top: 1px solid #e5e5e5
}
.opt-list .option-item:focus,
.opt-list .option-item:hover {
    background-color: #f3f3f3
}
.opt-list .option-item.selected::after {
    content: ' ';
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) 86.4% 0 no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 10px;
    top: 10px
}
.opt-list.material-opts {
    padding-left: 20px;
    padding-right: 20px
}
.opt-list.material-opts .q-tip-mat {
    width: 25%;
    float: left;
    text-align: center;
    border: 0;
    position: relative;
    cursor: pointer
}
.opt-list.material-opts .q-tip-mat:first-child {
    border: 0
}
.opt-list.material-opts .q-tip-mat::after {
    opacity: 0;
    display: inline-block;
    background: url(svg/sprite.css.svg) 85.14% 0 no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: opacity .3s linear
}
.opt-list.material-opts .q-tip-mat:hover {
    background-color: #fff
}
.opt-list.material-opts .q-tip-mat:hover::after {
    opacity: 1
}
.opt-list.material-opts .q-tip-mat.selected::after {
    opacity: 1;
    background-position: 86.4% 0;
    width: 23px;
    height: 23px
}
.opt-list.material-opts img {
    border-radius: 3px;
    width: 100%;
    padding: 0 2px
}
.opt-details p {
    margin: 0
}
.opt-details .name {
    font-size: 13px;
    line-height: 18px;
    color: #333
}
.button-next,
.filter-btn {
    text-transform: uppercase;
    font-size: 11px
}
.opt-details .details {
    color: #999
}
.slider-wrap {
    margin-bottom: 35px;
    padding: 0 10px
}
.filter-btn {
    background-color: #f3f3f3;
    border-radius: 3px;
    margin: 0 20px;
    line-height: 36px;
    height: 36px;
    letter-spacing: .55px;
    position: relative;
    padding-left: 35px
}
.filter-btn .sub-filter-svg {
    position: absolute;
    left: 10px;
    top: 8px
}
.menu-action {
    color: #333
}
.menu-action span {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    background-color: #333;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -14px;
    display: none
}
.menu-action span::after {
    content: ' ';
    position: absolute;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    background: url(svg/sprite.css.svg) 51.99% 0 no-repeat;
    width: 16px;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    margin-left: -8px
}
.menu-action span::before {
    content: ' ';
    position: absolute;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    background: url(svg/sprite.css.svg) 87.32% 0 no-repeat;
    width: 15.73px;
    height: 15.72px;
    left: -6px;
    top: -6px;
    display: none
}
.button-next,
.menu-action.selected span::before {
    display: block
}
.menu-action.active span::after {
    background-position: 51.12% 0;
    width: 16px;
    height: 16px
}
.menu-action:hover span {
    background-color: #666
}
.button-next {
    position: fixed;
    bottom: 50px;
    right: 20px;
    color: #666;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.1px;
    height: 59px;
    line-height: 59px;
    z-index: 100;
    border-top: 1px solid #f3f3f3;
    background-color: #fff;
    width: 0;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.detailed-specs tr:first-child td,
.sub-total {
    border-top: 1px solid #e5e5e5
}
.button-next .ico {
    margin-top: -2px;
    position: relative
}
.button-next .ico::after {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    display: inline-block;
    background: url(svg/sprite.css.svg) 58.17% 0 no-repeat;
    width: 31.66px;
    height: 14.32px;
    transition: opacity .3s linear
}
.button-next:focus,
.button-next:hover {
    color: #444
}
.button-next:focus .ico::after,
.button-next:hover .ico::after {
    opacity: 1
}
.filter-box {
    width: 100%;
    margin-bottom: 15px;
    height: 32px
}
.filter-box .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 35px 0 10px
}
.filter-box .select2-container .select2-selection--single .select2-selection__rendered::after {
    left: 5px;
    width: calc(100% - 5px)
}
.filter-box .select2-selection__arrow::after {
    right: 5px
}
.filter-box .filter-selected .select2-selection--single .select2-selection__rendered {
    padding-left: 15px
}
.filter-box .select2-container--default .select2-selection--single .select2-selection__placeholder {
    padding-left: 0
}
.filter-box .select2-selection__rendered .filter-item-img {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
}
.filter-box .select2-selection__rendered span:not([class]) {
    display: inline-block;
    padding: 3px
}
.cart-wrap .sku,
.color-results .select2-results__option .filter-item-img,
.half-moon a,
body.active .finalize.mobile {
    display: block
}
.color-results .select2-results__options {
    padding: 5px
}
.color-results .select2-results__option {
    padding: 3px;
    float: left
}
.color-results .select2-results__option span {
    display: block;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1)
}
.color-results .select2-results__option.select2-results__option--highlighted,
.color-results .select2-results__option.select2-results__option[aria-selected=true] {
    background-color: inherit
}
.color-results .select2-results__option::after {
    content: none
}
.bottom-actions a.delete-pr::after,
.detailed-specs::after,
.finalize .info::after,
.finalize ul li::after {
    content: ' '
}
.options-head {
    padding: 22px 10px 22px 12px;
    position: relative;
    z-index: 7
}
.options-toggle {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.6px
}
.cart-wrap .sku,
.top-bar span {
    font-size: 11px;
    text-transform: uppercase
}
.options-toggle span {
    padding-left: 8px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.cart-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #f3f3f3;
    z-index: 1055;
    padding-bottom: 100px;
    overflow-y: scroll;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all cubic-bezier(.25, .46, .15, .96) .7s;
    transition: all cubic-bezier(.25, .46, .15, .96) .7s
}
.half-moon,
.top-bar {
    position: absolute
}
.finalize ul li::after,
.ico {
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden
}
.cart-wrap.closed {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}
.cart-wrap.open {
    padding-bottom: 0
}
.cart-wrap .sku {
    color: #999;
    font-weight: 400
}
.top-bar {
    height: 5px;
    top: 0;
    left: 0;
    width: 100%
}
.half-moon svg {
    -webkit-transition: margin-top .3s linear;
    transition: margin-top .3s linear
}
.half-moon a {
    width: 100%;
    height: 100%
}
.finalize,
.finalize.mobile {
    display: none
}
#close-cart:focus svg,
#close-cart:hover svg {
    margin-top: -24px
}
.cart-wrap h2 {
    font-size: 24px;
    font-weight: lighter;
    margin: 30px 0 15px 15px
}
.cart-wrap h2 .ico {
    vertical-align: top;
    margin-right: 15px
}
.cart-wrap .product {
    width: 100%;
    padding: 10px 0 10px 20px
}
.cart-wrap .product .thumb {
    float: left;
    padding-right: 7px;
    width:175px;
    height:70px;
    display:inline-block;
    overflow:hidden;
    background: -1px -7px no-repeat;
    margin-left: -5px;
}
.cart-wrap .product p {
    color: #333;
    font-size: 14px;
    font-weight: 700
}
.cart-wrap .product p.mob-price {
    font-weight: 400;
    margin: 5px 0 0
}
.cart-wrap .price,
.cart-wrap .total {
    font-size: 14px;
    line-height: 14px;
    margin: 0
}
.cart-wrap .price span,
.cart-wrap .total span {
    font-weight: 400
}
.cart-wrap .total {
    text-align: right;
    font-weight: 700;
    padding: 18px 22px 18px 0
}
.cart-wrap .price {
    padding: 18px 0
}
.cart-wrap .amount {
    position: relative;
    bottom: auto;
    padding-left: 35px
}
.cart-wrap .amount a,
.cart-wrap .amount div {
    height: 30px
}
.cart-wrap .amount a {
    padding: 5px 3px
}
.cart-wrap .actions {
    margin: 0;
    padding: 25px 0;
}
.cart-wrap .cart-items{
    float:right;
    width:100px;
}
.cart-wrap .actions .m-cartitem-actions {
    color: #999;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1.8px
}
.finalize {
    width: 100%;
    margin-top: 15px;
    padding-left: 20px
}
.finalize.mobile .btn-black {
    margin: 7px 0 0 30px;
    padding: 8px 28px
}
.finalize h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.4px;
    margin: 7px 0 25px
}
.finalize p,
.finalize ul {
    color: #999;
    font-size: 13px
}
.finalize p {
    margin: 0 0 12px
}
.finalize ul {
    margin: 0;
    padding: 0 0 30px
}
.finalize ul li {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px
}
.finalize ul li::after {
    position: absolute;
    left: 0;
    top: 4px;
    display: inline-block;
    background: url(svg/sprite.css.svg) 47.78% 0 no-repeat;
    width: 13.5px;
    height: 11.7px
}
.finalize>.form-link {
    width: 48px;
    height: 48px;
    margin-right: 11px
}
.finalize>.form-link~.form-link {
    margin-right: 11px
}
.finalize .btn-black {
    padding: 14px 25px;
    margin: 0 15px 0 0
}
.finalize .info {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%
}
.finalize .info .wrap {
    position: relative;
    padding: 40px 20px 0;
    background-color: #f3f3f3;
    z-index: 2
}
.finalize .info::after {
    display: block;
    text-align: center;
    background-color: #000;
    opacity: .7;
    height: 100vh;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}
.table-header {
    color: #999;
    font-size: 11px;
    letter-spacing: .55px;
    text-transform: uppercase
}
.table-header .unit {
    float: left;
    width: 125px;
    text-align: center;
    padding: 10px 0
}
.table-header .unit:first-child {
    width: 230px
}
.table-header .unit_2 {
    padding-right: 6px
}
.table-header .unit_4 {
    text-align: right;
    padding-right: 22px
}
.cell {
    text-align: center;
    padding: 10px 0
}
.cell p {
    margin: 0
}
.row {
    padding: 5px 0;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    position: relative
}
.row.closed {
    box-shadow: none;
    background-color: #f3f3f3
}
.row.closed .amount-count, .row.closed .price-custom{
    background-color: #fff
}
.row .amount-count, .row .price-custom {
    padding-left: 0;
    padding-right: 0;
    background-color: #f3f3f3
}
.row:focus,
.row:hover {
    background-color: #fff
}
.row:focus .amount-count,
.row:hover .amount-count,
.row:focus .price-custom,
.row:hover .price-custom{
    background-color: #f3f3f3
}
.row .state-active-sm-svg {
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 10px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}
.row.active .state-active-sm-svg {
    opacity: 1
}
.actions a {
    margin: 0 6px;
    vertical-align: middle;
    display: inline-block
}
.detailed-specs {
    padding: 20px 20px 0;
    position: relative;
    background-color: #fff
}
.detailed-specs::after {
    position: absolute;
    left: 18px;
    top: 0;
    width: calc(100% - 36px);
    height: 1px;
    background: #e5e5e5
}
.bottom-actions,
.bottom-actions a.delete-pr {
    position: relative
}
.detailed-specs h4 {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1.3px;
    margin: 20px 0 25px
}
.detailed-specs table {
    font-size: 13px
}
.detailed-specs table .items {
    margin: 0 0 5px
}
.detailed-specs .desc {
    font-size: 11px;
    color: #999;
    margin: 0
}
.detailed-specs td {
    padding: 8px 0;
    vertical-align: top
}

.detailed-specs .mob-name {
    font-size: 18px;
    line-height: 18px;
    margin: 0
}
.bottom-actions {
    margin: 25px 0 10px
}
.bottom-actions a {
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block
}
.bottom-actions a:focus span,
.bottom-actions a:hover span {
    color: #333
}
.bottom-actions a.delete-pr::after {
    position: absolute;
    left: 0;
    top: -4px;
    height: 30px;
    width: 1px;
    background-color: #e5e5e5
}
.bottom-actions span {
    line-height: 24px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 8px
}
.bottom-actions .bottom-close {
    position: absolute;
    right: 60px;
    top: 0;
    display: none
}
.bottom-actions .bottom-close:hover .ico {
    background-position: 91.1% 0;
    width: 26px;
    height: 26px
}
.sub-total {
    padding: 8px 40px 15px 25px;
    text-transform: uppercase;
}

.collapse-close {
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10
}
.ico {
    display: inline-block;
    background: url(svg/sprite.css.svg) no-repeat
}
.add-svg {
    background-position: 0 0;
    width: 31px;
    height: 31px
}
.add-cart-svg {
    background-position: 1.71% 0;
    width: 31.07px;
    height: 36.59px
}
.add-cart-orange-svg {
    background-position: 3.47% 0;
    width: 31.07px;
    height: 36.59px
}
.all-svg {
    background-position: 5.18% 0;
    width: 14px;
    height: 14px
}
.arrow-left-svg {
    background-position: 5.94% 0;
    width: 10.71px;
    height: 15.81px
}
.change-view-svg {
    background-position: 6.64% 0;
    width: 39.38px;
    height: 25px
}
.change-view-hover-svg {
    background-position: 8.85% 0;
    width: 39.38px;
    height: 25px
}
.clear-sm-svg {
    background-position: 10.91% 0;
    width: 13px;
    height: 13px
}
.delete-svg {
    background-position: 11.66% 0;
    width: 21px;
    height: 23px
}
.delete-hover-svg {
    background-position: 12.81% 0;
    width: 21px;
    height: 23px
}
.dload-sm-svg {
    background-position: 13.91% 0;
    width: 14.05px;
    height: 16.24px
}
.dload-sm-hover-svg {
    background-position: 14.73% 0;
    width: 14.05px;
    height: 16.24px
}
.edit-hover-svg,
.edit-svg {
    width: 22.95px;
    height: 22.84px
}
.edit-svg {
    background-position: 15.62% 0
}
.edit-hover-svg {
    background-position: 16.89% 0
}
.expand-svg {
    background-position: 18.18% 0;
    width: 26px;
    height: 26px
}
.expand-hover-svg {
    background-position: 19.6% 0;
    width: 26px;
    height: 26px
}
.filter-svg {
    background-position: 20.93% 0;
    width: 17.42px;
    height: 21px
}
.filters-close-svg {
    background-position: 22.05% 0;
    width: 28px;
    height: 28px
}
.filters-close-sm-svg {
    background-position: 23.46% 0;
    width: 18px;
    height: 18px
}
.filters-switch-svg {
    background-position: 24.56% 0;
    width: 26.94px;
    height: 25.53px
}
.filters-switch-on-svg {
    background-position: 25.94% 0;
    width: 19.44px;
    height: 21px
}
.form-default-svg {
    background-position: 27.01% 0;
    width: 18.25px;
    height: 15.19px
}
.form-error-svg {
    background-position: 28.17% 0;
    width: 26px;
    height: 26px
}
.form-success-svg {
    background-position: 29.47% 0;
    width: 18.25px;
    height: 15.19px
}
.helper-down-svg {
    background-position: 31.27% 0;
    width: 62.38px;
    height: 56.51px
}
.helper-up-svg {
    background-position: 34.99% 0;
    width: 72.14px;
    height: 44.85px
}
.image-svg {
    background-position: 38.16% 0;
    width: 28.3px;
    height: 25px
}
.image-hover-svg {
    background-position: 39.75% 0;
    width: 28.3px;
    height: 25px
}
.info-mob-svg,
.info-svg,
.info-white-svg {
    width: 26px;
    height: 26px
}
.info-svg {
    background-position: 41.3% 0
}
.info-mob-svg {
    background-position: 42.72% 0
}
.info-white-svg {
    background-position: 44.15% 0
}
.link-hover-svg,
.link-svg {
    width: 22.09px;
    height: 22.1px
}
.link-svg {
    background-position: 45.48% 0
}
.link-hover-svg {
    background-position: 46.74% 0
}
.list-tick-svg {
    background-position: 47.78% 0;
    width: 13.5px;
    height: 11.7px
}
.mail-hover-svg,
.mail-svg {
    width: 22.82px;
    height: 19.39px
}
.mail-svg {
    background-position: 48.79% 0
}
.mail-hover-svg {
    background-position: 50.05% 0
}
.menu-action-minus-svg {
    background-position: 51.12% 0;
    width: 16px;
    height: 16px
}
.menu-action-plus-svg {
    background-position: 51.99% 0;
    width: 16px;
    height: 16px
}
.modal-close-svg {
    background-position: 53.22% 0;
    width: 28px;
    height: 28px
}
.modal-close-mob-svg {
    background-position: 54.76% 0;
    width: 28px;
    height: 28px
}
.next-step-svg {
    background-position: 56.41% 0;
    width: 31.66px;
    height: 14.32px
}
.next-step-hover-svg {
    background-position: 58.17% 0;
    width: 31.66px;
    height: 14.32px
}
.not-selected-svg {
    background-position: 59.52% 0;
    width: 19px;
    height: 19px
}
.pagination-left-svg {
    background-position: 60.79% 0;
    width: 26px;
    height: 26px
}
.pagination-left-hover-svg {
    background-position: 62.22% 0;
    width: 26px;
    height: 26px
}
.pagination-right-svg {
    background-position: 63.65% 0;
    width: 26px;
    height: 26px
}
.pagination-right-hover-svg {
    background-position: 65.07% 0;
    width: 26px;
    height: 26px
}
.pdf-hover-svg,
.pdf-svg {
    width: 20.47px;
    height: 24.64px
}
.pdf-svg {
    background-position: 66.3% 0
}
.pdf-hover-svg {
    background-position: 67.45% 0
}
.phone-svg {
    background-position: 68.38% 0;
    width: 14.64px;
    height: 19.13px
}
.pip-active-svg {
    background-position: 69.75% 0;
    width: 29px;
    height: 29px
}
.pip-default-svg {
    background-position: 71.34% 0;
    width: 29px;
    height: 29px
}
.pip-selected-svg {
    background-position: 72.94% 0;
    width: 29px;
    height: 29px
}
.qt-minus-svg {
    background-position: 73.93% 0;
    width: 14.19px;
    height: 5.01px
}
.qt-minus-hover-svg {
    background-position: 74.75% 0;
    width: 14.19px;
    height: 5.01px
}
.qt-minus-tab-svg {
    background-position: 75.77% 0;
    width: 19px;
    height: 5px
}
.qt-minus-tab-hover-svg {
    background-position: 76.81% 0;
    width: 19px;
    height: 5px
}
.qt-plus-svg {
    background-position: 77.62% 0;
    width: 13.75px;
    height: 13.75px
}
.qt-plus-hover-svg {
    background-position: 78.39% 0;
    width: 13.75px;
    height: 13.75px
}
.qt-plus-tab-svg {
    background-position: 79.38% 0;
    width: 19px;
    height: 19px
}
.qt-plus-tab-hover-svg {
    background-position: 80.42% 0;
    width: 19px;
    height: 19px
}
.search-svg {
    background-position: 81.33% 0;
    width: 16.2px;
    height: 15.96px
}
.select-down-svg {
    background-position: 82.16% 0;
    width: 14px;
    height: 9.55px
}
.select-up-svg {
    background-position: 82.92% 0;
    width: 14px;
    height: 9.55px
}
.selected-svg {
    background-position: 83.92% 0;
    width: 19px;
    height: 19px
}
.state-svg {
    background-position: 85.14% 0;
    width: 23px;
    height: 23px
}
.state-active-svg {
    background-position: 86.4% 0;
    width: 23px;
    height: 23px
}
.state-active-sm-svg {
    background-position: 87.32% 0;
    width: 15.73px;
    height: 15.72px
}
.sub-filter-svg {
    background-position: 88.27% 0;
    width: 17.42px;
    height: 21px
}
.suspend-svg {
    background-position: 89.68% 0;
    width: 26px;
    height: 26px
}
.suspend-hover-svg {
    background-position: 91.1% 0;
    width: 26px;
    height: 26px
}
.tick-active-svg {
    background-position: 91.93% 0;
    width: 14px;
    height: 12px
}
.tick-sm-active-svg {
    background-position: 92.66% 0;
    width: 13.5px;
    height: 11.65px
}
.zoom-in-svg {
    background-position: 94.02% 0;
    width: 25px;
    height: 25px
}
.zoom-in-hover-svg {
    background-position: 95.39% 0;
    width: 25px;
    height: 25px
}
.zoom-mobile-svg {
    background-position: 97.13% 0;
    width: 31.82px;
    height: 26px
}
.zoom-out-svg {
    background-position: 98.57% 0;
    width: 26px;
    height: 26px
}
.zoom-out-hover-svg {
    background-position: 100% 0;
    width: 26px;
    height: 26px
}
@media only screen and (min-width: 540px) {
    .remodal-cancel {
        margin-left: 15px;
        margin-top: 0
    }
}
@media only screen and (min-width: 768px) {
    .container {
        width: 730px;
        padding-top: 65px
    }
    .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 35px 0 15px
    }
    .select2-container .select2-selection--single .select2-selection__rendered::after {
        left: 15px;
        width: calc(100% - 30px);
        width: -webkit-calc(100% - 30px)
    }
    .select2-selection__arrow::after {
        right: 6px
    }
    .active-product {
        width: 620px
    }
    .model-info {
        top: 140px;
        left: 35px;
        width: 240px
    }
    #ap-name {
        font-size: 50px;
        line-height: 54px;
        margin-bottom: 7px
    }
    #ap-name .model {
        display: block;
        padding: 0;
        font-size: 40px
    }
    #ap-sku-code::after {
        height: 3px;
        width: 130px
    }
    #ap-sku-code {
        padding-right: 100px
    }
    .price {
        font-size: 30px;
        margin: 20px 0
    }
    .amount {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 10
    }
    .remodal h2 {
        font-size: 30px;
        line-height: 34px
    }
    .modal-content {
        font-size: 20px;
        line-height: 24px;
        padding-top: 20px
    }
    .modal-content.with-borders {
        padding-bottom: 90px;
        margin-bottom: 40px
    }
    .remodal {
        padding: 35px
    }
    .remodal-close {
        top: -45px;
        right: 0
    }
    .remodal-close:before {
        content: ' ';
        left: 0;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        background: url(svg/sprite.css.svg) 53.22% 0 no-repeat;
        width: 28px;
        height: 28px
    }
    .btn-simple {
        display: inline-block
    }
    .products-wrap {
        margin: 0 -10px;
        padding-top: 25px
    }
    .products-wrap p:not([class]) {
        padding-left: 10px
    }
    .products {
        margin: 0 -10px;
        padding: 0
    }
    .products li {
        width: 33.3333%;
        padding: 0 10px;
        margin-bottom: 20px
    }
    .products span {
        font-size: 16px
    }
    .products .desc {
        font-size: 12px;
        line-height: 16px
    }
    .products .product-item {
        padding: 40px 20px
    }
    .products .ico {
        right: 15px;
        top: 15px
    }
    .form-txt.visible-mobile {
        display: none
    }
    .form-txt.visible-desk {
        display: block;
        width: 50%;
        padding-left: 65px
    }
    .hidden-desk {
        display: none
    }
    .notification {
        padding: 31px 24px
    }
    .notification p {
        font-size: 16px;
        line-height: 20px
    }
    .header {
        width: 160px;
        padding: 20px 0 0 40px
    }
    .header .text {
        display: block;
        margin: 5px 0 0;
        padding: 3px 0
    }
    .side-content {
        padding: 0 50px 0 30px
    }
    .side-content .selected {
        font-size: 13px;
        margin-right: 10px
    }
    .need-help {
        background-color: #ff6d33;
        text-align: center
    }
    .half-moon,
    .top-bar {
        background-color: #ff4900
    }
    .form-link .ico {
        position: absolute;
        top: 50%;
        left: 50%;
        cursor: pointer;
        pointer-events: none;
        margin-left: -10px;
        margin-top: -12px
    }
    .form-link .mail-svg {
        margin-left: -11px;
        margin-top: -10px
    }
    .form-link.success::before {
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        width: 150px;
        height: 25px;
        right: -55px;
        margin-bottom: 8px;
        bottom: 100%
    }
    .side-bottom {
        width: 618px;
        padding: 7px 15px 7px 0;
        float: right
    }
    .total-price {
        margin-right: 10px
    }
    .project-tools {
        display: inline-block!important
    }
    .mobile-links,
    .mobile-menu {
        display: none
    }
    .all-product .ico {
        margin-right: 8px
    }
    .all-product {
        margin-left: 20px
    }
    .desktop-links {
        display: block;
        position: absolute;
        top: 30px;
        right: 80px
    }
    .product-filter-wrapper {
        margin-top: 25px
    }
    .filter-tools .collapse {
        opacity: 1;
        max-height: 500px
    }
    .filter-tools h3 {
        padding-top: 0;
        padding-bottom: 12px
    }
    .filters-back {
        top: -3px
    }
    .default-form,
    .product-select {
        padding: 140px 20px 60px
    }
    .product-select h2 {
        font-size: 40px;
        line-height: 44px;
        padding: 0 0 12px
    }
    .product-select .close {
        top: 90px
    }
    .select-wrap {
        padding-left: 10px
    }
    .select-box {
        width: 180px;
        margin: 0 10px
    }
    .options-content {
        width: 50px;
        min-height: 650px;
        overflow-y: hidden
    }
    
    .options-content.opened .opts-lvl.visible,
    .opts-lvl {
        overflow-y: scroll
    }
    .opt-gr {
        min-height: 100%
    }
    .top-bar span {
        display: none
    }
    .half-moon {
        width: 74px;
        height: 74px;
        border-radius: 100%;
        top: -28px;
        left: 28px;
        text-align: center
    }
    .half-moon svg {
        position: absolute;
        left: 50%;
        top: 34px;
        display: block;
        margin-left: -8px;
        margin-top: -35px
    }
    .cart-wrap h2 {
        font-size: 30px;
        margin: 15px 0 15px 15px
    }
    .cart-wrap .product {
        width: 230px
    }
    .cart-wrap .product p.mob-price {
        display: none
    }
    .cart-wrap .total {
        padding: 33px 22px 33px 0
    }
    .cart-wrap .price {
        padding: 33px 0
    }
    .cart-wrap .amount {
        padding: 25px 0
    }
    .cart-wrap .actions .m-cartitem-actions {
        height: 30px
    }
    .finalize {
        display: block
    }
    .cell {
        width: 125px
    }
    .row:focus .actions a,
    .row:hover .actions a {
        display: inline-block
    }
    .row:focus .actions div,
    .row:hover .actions div {
        display: none
    }
    .row .collapse {
        float: left
    }
    .actions.closed div {
        display: block
    }
    .actions.closed a,
    .detailed-specs .mob-name {
        display: none
    }
    .edit-pr:focus .ico,
    .edit-pr:hover .ico {
        background-position: 16.89% 0;
        width: 22.95px;
        height: 22.84px
    }
    .delete-pr:focus .ico,
    .delete-pr:hover .ico {
        background-position: 12.81% 0;
        width: 21px;
        height: 23px
    }
    .expand:focus .ico,
    .expand:hover .ico {
        background-position: 19.6% 0;
        width: 26px;
        height: 26px
    }
    .expand.active .ico {
        background-position: 89.68% 0;
        width: 26px;
        height: 26px
    }
    .expand.active:focus .ico,
    .expand.active:hover .ico {
        background-position: 91.1% 0;
        width: 26px;
        height: 26px
    }
    .detailed-specs {
        padding: 20px 60px 0px
    }
    .bottom-actions {
        margin-top: 35px;
        padding: 0 60px
    }
    .bottom-actions a.delete-pr {
        margin-left: 50px
    }
    .bottom-actions a.delete-pr::after {
        left: -28px;
        top: -2px
    }
    .bottom-actions .bottom-close {
        display: block
    }
    .sub-total {
        border-top: 2px solid #e5e5e5;
        padding: 8px 0px 15px 25px
    }
    .collapse-close {
        display: none
    }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .helper.top {
        display: block
    }
}
@media only screen and (min-width: 768px) and (max-width: 1259px) {
    .need-help p {
        position: absolute;
        right: 0;
        bottom: 50px;
        width: 320px;
        height: 50px;
        background: #ff6d33;
        padding: 15px 0
    }
    .help-mobile {
        display: block
    }
}
@media only screen and (min-width: 1024px) {
    .side-content .selected,
    .total-price {
        margin-right: 15px
    }
    .container {
        width: 830px
    }
    .active-product {
        width: 940px
    }
    .remodal {
        padding: 55px;
    }
    .products li {
        width: 25%
    }

    .side-bottom {
        width: 755px;
        padding: 7px 30px 7px 0;
        text-align: right
    }
    .options-content.opened .button-next {
        width: 100%;
        max-width: 343px;
        right: 0
    }
    .cart-wrap .product,
    .table-header .unit:first-child {
        width: 330px
    }
}
@media only screen and (min-width: 1025px) {
    .mobile-zoom {
        display: none
    }
}
@media only screen and (min-width: 1260px) {
    .container {
        width: 1080px
    }
    .app-content {
        right: 323px
    }
    .active-product {
        width: 1045px
    }
    .model-info {
        left: auto;
        top: 110px;
        right: 75px;
        text-align: right
    }
    #ap-sku-code::after {
        right: 0;
        left: auto
    }
    #ap-sku-code {
        padding-right: 0;
        padding-left: 50px
    }
    .amount .qt-minus {
        background-position: 73.93% 0;
        width: 14.19px;
        height: 5.01px
    }
    .amount .qt-plus {
        background-position: 77.62% 0;
        width: 13.75px;
        height: 13.75px
    }
    .amount .inc:focus .ico,
    .amount .inc:hover .ico {
        background-position: 78.39% 0;
        width: 13.75px;
        height: 13.75px
    }
    .amount .dec:focus .ico,
    .amount .dec:hover .ico {
        background-position: 74.75% 0;
        width: 14.19px;
        height: 5.01px
    }

    .header {
        padding-top: 0;
        position: fixed;
        left: 0;
        top: 20px
    }
    .side-content {
        padding-right: 320px
    }
    .need-help p {
        display: block!important
    }
    .need-help {
        width: 343px;
        padding: 16px 0
    }
    .side-bottom {
        padding-right: 70px
    }
    .desktop-links {
        right: 400px
    }
    .default-form,
    .product-select {
        width: 940px;
        margin: 25px auto;
        padding: 80px 0 60px
    }
    .product-select .close {
        top: 50px;
        right: 0
    }
    .options-content {
        width: 343px
    }
    .options-toggle span {
        padding-left: 5px
    }
    .cart-table {
        width: 830px;
        float: left
    }
    .finalize {
        width: 250px;
        float: left;
        padding-left: 40px;
        margin-top: 55px;
    }
    .finalize .btn-black {
        margin: 0 0 20px;
        display: block;
        max-width: 210px;
        padding: 8px 20px
    }
}
@media only screen and (max-width: 1199px) {
    .options-content.opened {
        z-index: 1052
    }
    .options-content.opened .options-toggle span {
        display: inline-block;
        opacity: 1
    }
    .options-content.opened .options-toggle .ico,
    .options-content.opened.lvl2 .options-toggle .ico {
        background-position: 25.94% 0;
        width: 19.44px;
        height: 21px
    }
    .options-content.opened .options-head {
        padding-left: 16px
    }
    .options-toggle span {
        display: none;
        opacity: 0
    }
}
@media only screen and (max-width: 1024px) {
    #model-zoom-in,
    #model-zoom-out {
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .filter-selected .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        padding-left: 10px
    }
    .app {
        overflow: hidden
    }
    .remodal {
        margin-bottom: 0
    }
    .remodal-wrapper {
        padding: 0
    }
    .btn-simple {
        padding: 15px 25px
    }
    .products .desc {
        margin: 2px 0 5px
    }
    .form-wrap:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50px;
        background-color: #ff4900;
        width: 100%;
        z-index: 3
    }
    .form-wrap .btn-black {
        position: absolute;
        bottom: 7px;
        left: 50%;
        padding: 8px 28px;
        z-index: 4;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .helper.bottom {
        display: none
    }
    .header {
        margin-bottom: 15px
    }
    .header .logo {
        width: 70px;
        height: auto;
        display: inline-block;
        vertical-align: middle
    }
    .main-web,
    .need-help {
        display: none
    }
    .side-content .selected {
        height: 15px;
        position: absolute;
        left: 15px;
        top: 26px;
        font-weight: 400
    }
    .form-link {
        display: block;
        padding-left: 25px;
        width: 100%;
        text-align: left;
        margin: 12px 0;
        background-color: #fff
    }
    .form-link span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px
    }
    .form-link.success::before {
        left: 65px;
        bottom: 15px
    }
    .form-link.success::after {
        content: none
    }
    .add-product::after,
    .cart-wrap .actions::after {
        content: ' ';
        left: 0
    }
    .side-bottom {
        padding-left: 140px
    }
    .side-bottom .btn-black {
        margin: 8px 2px
    }
    .total-sum {
        position: absolute;
        left: 15px;
        top: 5px;
        height: 24px
    }
    .total-sum span:not([class]) {
        display: none
    }
    .project-tools {
        display: none;
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 100%
    }
    .add-product {
        position: relative
    }
    .add-product::after {
        position: absolute;
        bottom: 0;
        width: 100%;
        border-bottom: 1px solid #dfdfdf
    }
    .all-product {
        padding-top: 21px;
        padding-bottom: 22px
    }
    .mobile-links {
        background-color: #f3f3f3
    }
    .mobile-help {
        text-align: center;
        background-color: #000;
        opacity: .7;
        filter: alpha(opacity=70);
        display: table;
        height: calc(100vh - 317px);
        width: 100%
    }
    .cart-wrap .actions.m-closed::after,
    .half-moon svg {
        display: none
    }
    .actions-wrap {
        background-color: #fff;
        padding-top: 25px;
        width: 100%
    }
    .product-filter-wrapper {
        border-bottom: 1px solid #d8d8d8;
        padding: 0 20px 5px
    }
    .filter-tools .collapse {
        width: 100%;
        padding: 0
    }
    .filters-clear {
        position: absolute;
        top: 0;
        right: 0
    }
    .product-select .filters-close-svg {
        background-position: 23.46% 0;
        width: 18px;
        height: 18px
    }
    .select-wrap {
        width: 100%;
        padding-bottom: 15px
    }
    .options-content {
        z-index: 1051
    }
    .options-content.opened {
        width: 320px;
        overflow-y: scroll
    }
    .options-content.opened .opts-lvl.visible {
        width: 270px
    }
    .opts-lvl .description {
        padding: 0 10px
    }
    .options-lvl-2 .collapse.in {
        padding: 15px
    }
    .opt-list .content {
        padding: 15px 35px 15px 10px
    }
    .opt-list.material-opts {
        padding-left: 15px;
        padding-right: 15px
    }
    .filter-btn {
        margin: 0 15px
    }
    .menu-action span {
        right: 5px
    }
    .options-toggle {
        position: fixed;
        right: 10px;
        top: 10px;
        background-color: #fff;
        padding: 7px;
        border-radius: 3px;
        box-shadow: -2px 0 20px 0 #d1d1d1;
        z-index: 100
    }
    .cart-wrap {
        padding-bottom: 50px
    }
    .cart-wrap.open {
        overflow-y: hidden
    }
    .half-moon {
        right: 20px;
        top: 20px
    }
    .cart-wrap .product p {
        margin: 0
    }
    .cart-wrap .price {
        padding: 0;
        display: none
    }
 
    .cart-wrap .actions,
    .cart-wrap .actions::after {
        width: 100%;
        height: 100%;
        top: 0;
        position: absolute
    }
    .cart-wrap .actions {
        padding: 0;
        right: 0
    }
    .cart-wrap .actions::after {
        background-color: #fff;
        opacity: .8
    }
    .cart-wrap .actions.m-closed {
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        padding: 0;
        cursor: pointer
    }
    .cart-wrap .actions.m-closed div {
        font-size: 18px;
        top: 0;
        right: 15px
    }
    .cart-wrap .actions.m-closed div::after {
        content: none
    }
    .cart-wrap .actions .m-cartitem-actions {
        font-size: 0;
        z-index: 5;
        cursor: pointer;
        position: absolute;
        top: 18px;
        right: 20px
    }
    .cart-wrap .actions .m-cartitem-actions::after {
        content: ' ';
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        background: url(svg/sprite.css.svg) 10.91% 0 no-repeat;
        width: 13px;
        height: 13px
    }
    .actions.m-closed a,
    .cart-wrap .add-product,
    .table-header {
        display: none
    }
    .finalize.mobile,
    .row .collapse.in {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%
    }
    .finalize.mobile {
        height: 50px;
        background-color: #ff4900;
        z-index: 1080
    }
    .row {
        padding: 5px 10px;
        border-bottom: 1px solid #e5e5e5
    }
    .row:first-child {
        border-top: 1px solid #e5e5e5
    }
    .row .collapse.in {
        top: 0;
        right: 0;
        z-index: 1056;
        max-height: 5000px;
        background-color: #fff;
        overflow: scroll;
        height: 100%
    }
    .actions a {
        margin: -26px 15px 0;
        top: 50%;
        position: relative;
        z-index: 10
    }
    .actions.m-closed div {
        display: block
    }
    .edit-pr .ico {
        background-position: 16.89% 0;
        width: 22.95px;
        height: 22.84px
    }
    .delete-pr .ico {
        background-position: 12.81% 0;
        width: 21px;
        height: 23px
    }
    .expand .ico {
        background-position: 42.72% 0;
        width: 26px;
        height: 26px
    }
    .detailed-specs img {
        width: 49%;
        display: inline-block
    }
    .bottom-actions {
        padding-top: 15px;
        margin-bottom: 50px;
        box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, .1)
    }
    .bottom-actions a {
        width: 50%;
        display: block;
        float: left;
        text-align: center
    }

    .cart-table .cart-item .action-tools{
        position: relative;
        top:50%;
        }

}
@media only screen and (max-width: 539px) {
    .products img {
        width: 80px
    }
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps-container {
        overflow: auto!important
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .products li {
        width: 25%
    }
    .helper.bottom {
        bottom: 50px;
        left: 55px;
        width: 250px
    }
    .helper.bottom div {
        width: 140px;
        float: right
    }
    .helper.bottom .ico {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        -ms-transform: rotate(30deg)
    }
}
@media only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {
    .add-svg {
        width: 30px
    }
}