html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 solid;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: 0 none;
}
:focus {
    outline: 0 none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    line-height: 1.3em;
}
h1 .sub.header, h2 .sub.header, h3 .sub.header, h4 .sub.header, h5 .sub.header, h6 .sub.header {
    color: #999;
    font-size: 30%;
    line-height: 1.4em;
}
h1 div, h2 div, h3 div, h4 div, h5 div, h6 div {
    display: block;
    height: auto;
    overflow: hidden;
}
.header.margin {
    margin-bottom: 20px;
}
.header.margin-big {
    margin-bottom: 40px;
}
.header.margin.small {
    margin-bottom: 10px;
}
h1.header {
    font-size: 64px;
}
h2.header {
    font-size: 52px;
}
h2.header .sub.header {
    font-size: 20px;
}
h3.header {
    font-size: 42px;
}
h3.header .sub.header {
    font-size: 22px;
}
h4.header {
    font-size: 32px;
}
h4.header .sub.header {
    font-size: 16px;
}
h5.header {
    font-size: 24px;
}
h5.header .sub.header {
    font-size: 16px;
}
h6.header {
    font-size: 18px;
}
h6.header .sub.header {
    font-size: 12px;
}
.grid {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 100%;
}
.grid.padding {
    padding: 10px 0;
}
.grid.padding.big {
    padding: 20px 0;
}
.grid.padding.huge {
    padding: 30px 0;
}
.grid.padding.mega {
    padding: 40px 0;
}
.grid.top {
    padding-bottom: 0 !important;
}
.grid.bottom {
    padding-top: 0 !important;
}
.grid > .column {
    box-sizing: border-box;
    float: left;
    margin: 0;
    min-height: 1px;
    width: 4.16%;
}
.grid .column {
    vertical-align: top;
}
.grid.gray {
    background-color: #efefef;
}
.grid .row {
    font-size: 0;
    margin: 0 auto;
    max-width: 90%;
    padding: 0 20px;
    width: 1040px;
}
.grid .row.big {
    width: 1200px;
}
.grid .row.vertical-middle .column {
    vertical-align: middle;
}
.grid .row.vertical-bottom .column {
    vertical-align: bottom;
}
.grid .row.wide {
    display: block;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.grid .row.wide-80 {
    margin: 0 10%;
    padding: 0;
    width: 80%;
}
.grid .row.margin {
    padding-bottom: 30px;
}
.grid .row.equal {
    display: table;
    table-layout: fixed;
}
.grid .row.equal .column {
    display: table-cell;
    float: none;
    width: auto;
}
.grid .column.inlined {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.grid .column {
    box-sizing: border-box;
    font-size: 14px;
}
.grid .column.divided {
    border-right: 1px solid #ccc;
}
.grid .column.multiple-three {
    -moz-column-count: 3;
}
.grid .column.multiple-four {
    -moz-column-count: 4;
}
.grid .column-padding {
    padding: 0 10px !important;
}
.grid .column.padding {
    padding: 0 15px !important;
}
.grid .column.padding.big {
    padding: 20px !important;
}
.grid .column.padding.huge {
    padding: 40px !important;
}
.grid .one.column {
    width: 4.16%;
}
.grid .two.column {
    width: 8.33%;
}
.grid .three.column {
    width: 12.5%;
}
.grid .four.column {
    width: 16.3%;
}
.grid .five.column {
    width: 20.83%;
}
.grid .six.column {
    width: 25%;
}
.grid .seven.column {
    width: 29.16%;
}
.grid .eight.column {
    width: 33.1%;
}
.grid .nine.column {
    width: 37.5%;
}
.grid .ten.column {
    width: 41.66%;
}
.grid .eleven.column {
    width: 45.83%;
}
.grid .twelve.column {
    width: 50%;
}
.grid .thirteen.column {
    width: 54.16%;
}
.grid .fourteen.column {
    width: 58.33%;
}
.grid .fifteen.column {
    width: 62.5%;
}
.grid .sixteen.column {
    width: 66.66%;
}
.grid .seventeen.column {
    width: 70.83%;
}
.grid .eighteen.column {
    width: 75%;
}
.grid .nineteen.column {
    width: 79.16%;
}
.grid .twenty.column {
    width: 83.33%;
}
.grid .offset-one.column {
    margin-left: 4.16%;
}
.grid .offset-two.column {
    margin-left: 8.33%;
}
.grid .offset-three.column {
    margin-left: 12.5%;
}
.grid .offset-four.column {
    margin-left: 16.3%;
}
.grid .offset-five.column {
    margin-left: 20.83%;
}
.grid .offset-six.column {
    margin-left: 25%;
}
.grid .offset-seven.column {
    margin-left: 29.16%;
}
.grid .offset-eight.column {
    margin-left: 33.1%;
}
.grid .offset-nine.column {
    margin-left: 37.5%;
}
.grid .offset-ten.column {
    margin-left: 41.66%;
}
.grid .offset-eleven.column {
    margin-left: 45.83%;
}
.grid .offset-twelve.column {
    margin-left: 50%;
}
.grid .offset-thirteen .column {
    margin-left: 54.16%;
}
.grid .offset-fourteen.column {
    margin-left: 58.33%;
}
.grid .offset-fifteen.column {
    margin-left: 62.5%;
}
.grid .offset-sixteen.column {
    margin-left: 66.66%;
}
.grid .offset-seventeen.column {
    margin-left: 70.83%;
}
.grid .offset-eighteen.column {
    margin-left: 75%;
}
.grid .offset-nineteen.column {
    margin-left: 79.16%;
}
.grid .offset-twenty.column {
    margin-left: 83.33%;
}
.grid .wide.column {
    width: 100%;
}
.grid .margin.column {
    margin: 10px 0;
}
.grid .margin.big.column {
    margin: 20px 0;
}
.grid .margin.huge.column {
    margin: 30px 0;
}
.grid .margin.mega.column {
    margin: 40px 0;
}
.grid .margin.top.column {
    margin-bottom: 0 !important;
}
.grid .margin.bottom.column {
    margin-top: 0 !important;
}
.show-mobile-only {
    display: none;
}
.button {
    background-clip: padding-box;
    background-color: #fafafa;
    border: medium none;
    border-radius: 0.25em;
    border-spacing: 0;
    box-shadow: 0 0 0 1px #dfdfdf;
    box-sizing: border-box;
    color: #808080;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0.75em 1.4em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.35s ease 0s;
    vertical-align: middle;
}
.button.shadow {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.4) !important;
}
.button.smallest {
    font-size: 12px;
    padding: 0.2em 1em;
}
.button.small {
    font-size: 12px;
    padding: 0.5em 1em;
}
.button.big {
    font-size: 18px;
    font-weight: 300;
}
.button.perfect {
    font-size: 18px;
    font-weight: 300;
    padding: 0.85em 1.4em;
    vertical-align: top;
}
.button.huge {
    font-size: 22px;
    font-weight: 300;
}
.button.margin {
    margin: 10px;
}
.button.margin.sides {
    margin: 10px 0;
}
.button.margin.flank {
    margin: 0 5px;
}
.button.wide {
    padding: 0.75em 0;
    text-align: center;
    width: 100%;
}
.button:hover {
    background-color: #efefef;
    color: rgba(0, 0, 0, 0.7);
}
.button[disabled] {
    cursor: wait;
    opacity: 0.5;
}
.button.square {
    background-clip: padding-box !important;
    border-radius: 0 !important;
}
.buttons {
    box-shadow: 0 0 0 0 #dfdfdf;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    min-height: 1em;
}
.buttons .button {
    background-clip: padding-box;
    border-radius: 0;
    box-shadow: 0 0 0 1px #dfdfdf;
    display: block;
    float: left;
    margin: 0;
    padding: 0.8em 1.5em;
}
.button.select > select {
    -moz-appearance: none;
    background-color: #fff;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.button.icon {
    padding: 0.65em 0.75em;
    position: relative;
}
.button.icon i {
    font-size: 18px;
}
.button.icon .fa-caret-down {
    margin-top: 1px;
}
.button.icon.prepend {
    padding: 0;
}
.button.icon.prepend span {
    float: left;
    padding: 0.77em 1.5em 0 1em;
}
.button.icon.prepend i {
    float: left;
    font-size: 16px;
    margin: 0;
    padding: 0.62em 0 0.62em 0.8em;
}
.button.icon.prepend.hide i {
    display: none;
}
.button.icon.prepend.hide span {
    padding: 0.77em 1.5em;
}
.button.icon.append {
    padding: 0.25em;
}
.button.icon.append span {
    float: left;
    padding: 0.5em 0.5em 0.5em 1.4em;
}
.button.icon.append i {
    float: left;
    font-size: 18px;
    padding: 0.2em 0.7em 0.2em 0.2em;
}
.button.icon.append.huge span {
    float: left;
    padding: 0.5em 0.5em 0.5em 1.4em;
}
.button.icon.append.huge i {
    padding: 0.7em 0.7em 0.2em 0.2em;
}
.button.icon.append.small {
    font-size: 12px;
    padding: 0;
}
.button.icon.append.small span {
    float: left;
    padding: 0.5em 0.5em 0.5em 1em;
}
.button.icon.append.small i {
    float: left;
    font-size: 14px;
    padding: 0.4em 1em 0.2em 0.2em;
}
.button.icon.prepend.small {
    font-size: 12px;
    padding: 0;
}
.button.icon.prepend.small span {
    float: left;
    padding: 0.5em 1em 0.5em 0.5em;
}
.button.icon.prepend.small i {
    float: left;
    font-size: 14px;
    padding: 0.35em 0.4em 0.2em 1em;
}
.button.icon.prepend.small i.fa-check {
    padding: 0.35em 0 0.2em 0.7em;
}
.button.icon.prepend.small i.fa-flash {
    padding: 0.35em 0.2em 0.2em 0.9em;
}
.button.icon.prepend.small i.fa-remove, .button.icon.prepend.small i.fa-gear {
    padding: 0.35em 0.2em 0.2em 0.7em;
}
.button.big.icon.append i {
    padding: 0.5em 0.7em 0.2em 0.2em;
}
.button.upload {
    overflow: hidden;
}
.button.upload > input {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.button.upload > .progress {
    background-color: #5bbd72;
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: auto;
    top: 0;
    width: 50%;
    z-index: 10;
}
.button.upload.field {
    background-color: #fff;
    padding: 3px 0;
}
.button.upload.field i, .button.upload.field span {
    color: rgba(0, 0, 0, 0.5);
}
.button.upload.field:hover i, .button.upload.field:hover span {
    color: rgba(0, 0, 0, 0.8);
}
.dropdown.inline {
    margin-bottom: 1px;
    margin-top: 1px;
    padding-bottom: 1px;
}
.dropdown.inline .button {
    margin: 0;
}
.button.small.icon {
    font-size: 14px;
    padding: 0.6em 0.8em !important;
}
.button.small.icon img {
    height: 20px;
    width: auto;
}
.buttons.wide {
    display: table;
    table-layout: auto;
    vertical-align: top;
    width: 100%;
}
.buttons.wide.fixed {
    table-layout: fixed;
}
.buttons.wide > a, .buttons.wide > div, .buttons.wide > .cell {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 100%;
}
.buttons.wide > .full {
    display: block;
}
.buttons.all-rounded > .button {
    background-clip: padding-box;
    border-radius: 0.25em;
}
.buttons.rounded {
    background-clip: padding-box;
    border-radius: 0;
}
.buttons.rounded > .button:first-child {
    background-clip: padding-box;
    border-radius: 0.25em 0 0 0.25em;
}
.buttons.rounded > .button:last-child {
    background-clip: padding-box;
    border-radius: 0 0.25em 0.25em 0;
}
.buttons.rounded.bottom .button:first-child {
    background-clip: padding-box;
    border-radius: 0 0 0 0.25em;
}
.buttons.rounded.bottom .button:last-child {
    background-clip: padding-box;
    border-radius: 0 0 0.25em;
}
.buttons.rounded.bottom .button:only-child {
    background-clip: padding-box;
    border-radius: 0 0 0.25em 0.25em;
}
.buttons.rounded.bottom .dropdown .button {
    background-clip: padding-box;
    border-radius: 0 0 0.25em;
}
.buttons.rounded.top .button:first-child {
    background-clip: padding-box;
    border-radius: 0.25em 0 0;
}
.buttons.rounded.top .button:last-child {
    background-clip: padding-box;
    border-radius: 0 0.25em 0 0;
}
.buttons.rounded.top .button:only-child {
    background-clip: padding-box;
    border-radius: 0.25em 0.25em 0 0;
}
.buttons.rounded.top .dropdown .button {
    background-clip: padding-box;
    border-radius: 0 0 0.25em;
}
.circular.button {
    border-radius: 10em;
}
.rounded.button {
    background-clip: padding-box;
    border-radius: 0.25em;
}
.nothing.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
}
.nothing.button > * {
    opacity: 0.2;
}
.nothing.button.active > * {
    opacity: 1;
}
.nothing.button:hover {
    box-shadow: 0 0 0 4px #ccc;
}
.select.buttons .button, .select.button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    box-shadow: none;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    margin: 0;
}
.select.buttons .button:active, .select.button:active {
    border: 1px solid #ccc;
}
.text.buttons .button, .text.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px dashed #398bce;
    border-radius: 0;
    box-shadow: none;
    color: #398bce;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    margin: 0;
    padding: 0 8px 4px;
}
.text.buttons .button:hover, .text.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #195383;
}
.text.buttons .button:active, .text.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #398bce;
}
.link.buttons .button, .link.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #398bce;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.link.buttons .button:hover, .link.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #195383;
}
.link.buttons .button:active, .link.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #398bce;
}
.empty.buttons .button, .empty.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #999;
    padding: 0.75em;
}
.empty.buttons .button:hover, .empty.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #666;
}
.empty.buttons .button:active, .empty.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999;
}
.empty-witget.buttons .button, .empty-witget.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 5px;
    box-shadow: none;
    color: #999;
    overflow: hidden;
    padding: 0;
}
.empty-witget.buttons .button:hover, .empty-witget.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #999;
    box-shadow: none;
}
.empty-witget.buttons .button:active, .empty-witget.button:active, .empty-witget.button.active, .empty-witget.buttons .active, .empty-witget.buttons.active .button.active:hover, .empty-witget.button.active:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #009cff;
}
.close.buttons .button, .close.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #999;
    font-size: 24px !important;
    padding: 0 !important;
}
.close.buttons .button:hover, .close.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #666;
}
.close.buttons .button:active, .close.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999;
}
.tab.buttons .button, .tab.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #999;
    padding: 0.75em;
}
.tab.buttons .button:hover, .tab.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #666;
}
.tab.buttons .button:active, .tab.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #999;
    color: #999;
}
.basic.buttons .button, .basic.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: 0 0 0 1px #ccc;
    color: #999;
}
.basic.buttons .button:hover, .basic.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: 0 0 0 1px #999;
    color: #666;
}
.basic.buttons .button:active, .basic.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999;
}
.basic.inverted.buttons .button, .basic.inverted.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: 0 0 0 1px #efefef;
    color: #dfdfdf;
}
.basic.inverted.buttons .button:hover, .basic.inverted.button:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: 0 0 0 1px #ccc;
    color: #999;
}
.basic.inverted.buttons .button:active, .basic.inverted.button:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #999;
}
.white.buttons .button, .white.button {
    background-color: #fff;
    box-shadow: none;
    color: #666;
}
.white.buttons .button:hover, .white.button:hover {
    background-color: #efefef;
    color: #666;
}
.white.buttons .button:active, .white.button:active, .white.button.active, .white.buttons .active {
    background-color: #dfdfdf;
    color: #666;
}
.black.buttons .button, .black.button {
    background-color: #5c6166;
    box-shadow: none;
    color: #ffffff;
}
.black.buttons .button:hover, .black.button:hover, .black.button.active {
    background-color: #4c4c4c;
    color: #ffffff;
}
.black.buttons .button:active, .black.button:active {
    background-color: #4c4c4c;
    color: #ffffff;
}
.darkestblack.buttons .button, .darkestblack.button {
    background-color: #36383a;
    box-shadow: none;
    color: #ccc;
}
.darkestblack.buttons .button:hover, .darkestblack.button:hover {
    background-color: #292a2c;
    color: #ccc;
}
.darkestblack.buttons .button:active, .darkestblack.button:active {
    background-color: #333333;
    color: #ccc;
}
.darkblack.buttons .button, .darkblack.button {
    background-color: #474a4d;
    box-shadow: none;
    color: #ccc;
}
.darkblack.buttons .button:hover, .darkblack.button:hover {
    background-color: #36383a;
    color: #ccc;
}
.darkblack.buttons .button:active, .darkblack.button:active {
    background-color: #292a2c;
    color: #ccc;
}
.green.buttons .button, .green.button {
    background-color: #5bbd72;
    box-shadow: none;
    color: #ffffff;
}
.green.buttons .button:hover, .green.button:hover, .green.buttons .active.button, .green.button.active {
    background-color: #58cb73;
    color: #ffffff;
}
.green.buttons .button:active, .green.button:active {
    background-color: #4cb164;
    color: #ffffff;
}
.toggle.buttons .button, .toggle.button {
    background-color: #d95c5c;
    box-shadow: none;
    color: #ffffff;
}
.toggle.buttons .button:hover, .toggle.button:hover, .toggle.buttons .active.button, .toggle.button.active {
    background-color: #5bbd72;
    color: #ffffff;
}
.toggle.buttons .button:active, .toggle.button:active {
    background-color: #5bbd72;
    color: #ffffff;
}
.red.buttons .button, .red.button {
    background-color: #d95c5c;
    box-shadow: none;
    color: #ffffff;
}
.red.buttons .button:hover, .red.button:hover, .red.buttons .active.button, .red.button.active {
    background-color: #e75859;
    color: #ffffff;
}
.red.buttons .button:active, .red.button:active {
    background-color: #d24b4c;
    color: #ffffff;
}
.yellow.buttons .button, .yellow.button {
    background-color: #fff071;
    box-shadow: none;
    color: #666;
}
.yellow.buttons .button:hover, .yellow.button:hover, .yellow.buttons .active.button, .yellow.button.active {
    background-color: #fff5a5;
    color: #666;
}
.yellow.buttons .button:active, .yellow.button:active {
    background-color: #ede17f;
    color: #666;
}
.orange.buttons .button, .orange.button {
    background-color: #e96633;
    box-shadow: none;
    color: #ffffff;
}
.orange.buttons .button:hover, .orange.button:hover, .orange.buttons .active.button, .orange.button.active {
    background-color: #ff7038;
    color: #ffffff;
}
.orange.buttons .button:active, .orange.button:active {
    background-color: #da683b;
    color: #ffffff;
}
.blue.buttons .button, .blue.button {
    background-color: #009cff;
    box-shadow: none;
    color: #ffffff;
}
.blue.buttons .button:hover, .blue.button:hover, .blue.button.hovered, .blue.buttons .active.button, .blue.button.active {
    background-color: #0085d9;
    box-shadow: none;
    color: #ffffff;
}
.blue.buttons .button:active, .blue.button:active {
    background-color: #036eb2;
    box-shadow: none;
    color: #ffffff;
}
.blue.basic.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #009cff;
    box-shadow: none;
    color: #009cff;
}
.darkblue.buttons .button, .darkblue.button {
    background-color: #014774;
    box-shadow: none;
    color: #ffffff;
}
.darkblue.buttons .button:hover, .darkblue.button:hover, .darkblue.buttons .active.button, .darkblue.button.active {
    background-color: #163e57;
    box-shadow: none;
    color: #ffffff;
}
.darkblue.buttons .button:active, .darkblue.button:active {
    background-color: #002e4b;
    box-shadow: none;
    color: #ffffff;
}
.purple.buttons .button, .purple.button {
    background-color: #564f8a;
    box-shadow: none;
    color: #ffffff;
}
.purple.buttons .button:hover, .purple.button:hover, .purple.buttons .active.button, .purple.button.active {
    background-color: #3e3773;
    color: #ffffff;
}
.purple.buttons .button:active, .purple.button:active {
    background-color: #2e2860;
    color: #ffffff;
}
.teal.buttons .button, .teal.button {
    background-color: #00b5ad;
    box-shadow: none;
    color: #ffffff;
}
.teal.buttons .button:hover, .teal.button:hover, .teal.buttons .active.button, .teal.button.active {
    background-color: #009a93;
    color: #ffffff;
}
.teal.buttons .button:active, .teal.button:active {
    background-color: #00847e;
    color: #ffffff;
}
.grey.buttons .button, .grey.button {
    background-color: #efefef;
    box-shadow: none;
    color: #666;
}
.grey.buttons .button:hover, .grey.button:hover, .grey.buttons .active.button, .grey.button.active {
    background-color: #d6d6d6;
    color: #666;
}
.grey.buttons .button:active, .grey.button:active {
    background-color: #dfdfdf;
    color: #666;
}
.darkgrey.buttons .button, .darkgrey.button {
    background-color: #dfdfdf;
    box-shadow: none;
    color: #666;
}
.darkgrey.buttons .button:hover, .darkgrey.button:hover, .darkgrey.button.hovered {
    background-color: #ccc;
    color: #666;
}
.darkgrey.button.active.fixStyle, .darkgrey.button.fixStyle:hover {
    background-color: #dfdfdf;
    color: #666;
}
.darkgrey.buttons .active.button, .darkgrey.button.active, .darkgrey.button.active:hover {
    background-color: #009cff;
    color: #fff;
}
.darkgrey.buttons .button:active, .darkgrey.button:active {
    background-color: #d3d3d3;
    color: #666;
}
.darkgrey.disabled {
    opacity: 0.5 !important;
}
.darkestgrey.buttons .button, .darkestgrey.button {
    background-color: #b6b6b6;
    box-shadow: none;
    color: #666;
}
.darkestgrey.buttons .button:hover, .darkestgrey.button:hover, .darkestgrey.buttons .active.button, .darkestgrey.button.active {
    background-color: #b6b6b6;
    color: #666;
}
.darkestgrey.buttons .button:active, .darkestgrey.button:active {
    background-color: #d3d3d3;
    color: #666;
}
.vk.buttons .button, .vk.button {
    background-color: #45668e;
    box-shadow: none;
    color: #fff;
}
.vk.buttons .button:hover, .vk.button:hover {
    background-color: #45668e;
    color: #fff;
}
.vk.buttons .button:active, .vk.button:active, .vk.button.active, .vk.buttons .active {
    background-color: #45668e;
    color: #fff;
}
.fb.buttons .button, .fb.button {
    background-color: #3b5998;
    box-shadow: none;
    color: #fff;
}
.fb.buttons .button:hover, .fb.button:hover {
    background-color: #3b5998;
    color: #fff;
}
.fb.buttons .button:active, .fb.button:active, .fb.button.active, .fb.buttons .active {
    background-color: #3b5998;
    color: #fff;
}
.positive.buttons .button, .positive.button {
    background-color: #5bbd72 !important;
    box-shadow: none;
    color: #ffffff;
}
.positive.buttons .button:hover, .positive.button:hover, .positive.buttons .active.button, .positive.button.active {
    background-color: #58cb73 !important;
    color: #ffffff;
}
.positive.buttons .button:active, .positive.button:active {
    background-color: #4cb164 !important;
    color: #ffffff;
}
.negative.buttons .button, .negative.button {
    background-color: #d95c5c !important;
    box-shadow: none;
    color: #ffffff;
}
.negative.buttons .button:hover, .negative.button:hover, .negative.buttons .active.button, .negative.button.active {
    background-color: #e75859 !important;
    color: #ffffff;
}
.negative.buttons .button:active, .negative.button:active {
    background-color: #d24b4c !important;
    color: #ffffff;
}
.darkgrey.invert.buttons .button, .darkgrey.invert.button {
    background-color: transparent;
    border: 2px solid #666;
    box-shadow: none;
    color: #666;
}
.darkgrey.invert.buttons .button:hover, .darkgrey.invert.button:hover, .darkgrey.invert.button.hovered, .darkgrey.invert.buttons .active.button, .darkgrey.invert.button.active {
    background-color: #0085d9;
    border: 2px solid #0085d9;
    box-shadow: none;
    color: #ffffff;
}

.darkgrey.invert.buttons .button:active, .darkgrey.invert.button:active {
    background-color: #036eb2;
    border: 2px solid #036eb2;
    box-shadow: none;
    color: #ffffff;
}
.darkgrey.invert.basic.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #666;
    box-shadow: none;
    color: #666;
}
.blue.invert.buttons .button, .blue.invert.button {
    background-color: transparent;
    border: 2px solid #009cff;
    box-shadow: none;
    color: #009cff;
}
.blue.invert.buttons .button:hover, .blue.invert.button:hover, .blue.invert.button.hovered, .blue.invert.buttons .active.button, .blue.invert.button.active {
    background-color: #0085d9;
    border: 2px solid #0085d9;
    box-shadow: none;
    color: #ffffff;
}
.blue.invert.buttons .button:active, .blue.invert.button:active {
    background-color: #036eb2;
    border: 2px solid #036eb2;
    box-shadow: none;
    color: #ffffff;
}
.blue.invert.basic.button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #009cff;
    box-shadow: none;
    color: #009cff;
}
.teal.invert.buttons .button, .teal.invert.button {
    background-color: transparent;
    border: 2px solid #00b5ad;
    box-shadow: none;
    color: #00b5ad;
}
.teal.invert.buttons .button:hover, .teal.invert.button:hover, .teal.invert.buttons .active.button, .teal.invert.button.active {
    background-color: #009a93;
    border: 2px solid #009a93;
    color: #ffffff;
}
.teal.invert.buttons .button:active, .teal.invert.button:active {
    background-color: #00847e;
    border: 2px solid #00847e;
    color: #ffffff;
}
.button.smallest {
    font-size: 12px;
    padding: 0 0.5em;
}
.image {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
img.image {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
}
.image img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
.image.fluid {
    width: auto;
}
.image > .delete {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    opacity: 0.2;
    padding: 4px 6px;
    position: absolute;
    right: 0;
    transition: all 0.35s ease 0s;
}
.image:hover > .delete {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
}
.image.small {
    width: 40px;
}
.image.thumb {
    height: 65px;
    margin: 0 0 15px 15px;
    overflow: hidden;
    text-align: center;
    width: 65px;
}
.image.thumb img {
    display: inline-block;
    height: 100%;
    width: auto;
}
.image.thumb.holder {
    border: 2px dashed #999;
    height: 61px;
    overflow: auto;
    width: 61px;
}
.image.thumb.big {
    height: 172px;
    width: 172px;
}
.image.thumb.big.holder {
    height: 168px;
    width: 168px;
}
.image.thumb.stacked {
    margin: 0;
}
.image.thumb.product {
    height: 74px;
    margin: 0;
    width: 74px;
}
.rounded.images .image, .rounded.images img, .rounded.image img, .rounded.image {
    border-radius: 0.3125em;
}
.circular.images .image, .circular.images img, .circular.image img, .circular.image {
    background-color: #efefef;
    border-radius: 500rem;
}
.shadow.images .image, .shadow.images img, .shadow.image img, .shadow.image {
    box-shadow: 0 0 10px #ccc;
}
.fluid.images, .fluid.image, .fluid.images img, .fluid.image img {
    display: block;
}
.image.fluid.twelve {
    text-align: center;
    width: 50%;
}
.image.fluid.twelve img {
    display: inline-block;
}
.image .blank {
    border: 2px dashed #dfdfdf;
    color: #999;
    padding: 40px;
    text-align: center;
}
.label {
    background-clip: padding-box;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
    padding: 5px 8px;
    vertical-align: top;
}
.label.margin {
    margin-right: 10px;
}
.label.icon {
    font-size: 0;
    overflow: hidden;
    text-align: left;
}
.label.icon i {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 1px;
    vertical-align: middle;
}
.label.icon span {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}
.label > .delete {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    opacity: 0.5;
    transition: opacity 0.35s ease 0s;
}
.label > .delete:hover {
    opacity: 1;
}
.label > span {
    display: inline-block;
}
.label > .dropdown > .color {
    background-color: #ccc;
    border: medium none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 1px 5px 0 0;
    vertical-align: top;
    width: 12px;
}
.label.notification {
    position: absolute;
    right: -5px;
    top: -8px;
    z-index: 100;
}
.label.color {
    background-color: #ccc;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    margin-right: 10px;
    vertical-align: top;
}
.label.corner {
    background-color: #efefef;
    position: absolute;
}
.label.corner.top.left {
    background-clip: padding-box;
    border-radius: 0 0 3px;
    left: 0;
    top: 0;
}
.label.corner.top.center {
    background-clip: padding-box;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
    top: -8px;
}
.label.corner.top.right {
    background-clip: padding-box;
    border-radius: 0 0 0 3px;
    right: 0;
    top: 0;
}
.label.corner.bottom.left {
    background-clip: padding-box;
    border-radius: 0 3px 0 0;
    bottom: 0;
    left: 0;
}
.label.corner.bottom.right {
    background-clip: padding-box;
    border-radius: 3px 0 0;
    bottom: 0;
    right: 0;
}
.label.rounded {
    background-clip: padding-box !important;
    border-radius: 3px !important;
}
.label.ribbon {
    background-clip: padding-box;
    background-color: #ccc;
    border-radius: 3px 3px 0 0;
    left: -10px;
    position: absolute;
    right: -10px;
    top: 0;
}
.label.ribbon::before {
    border-color: transparent #999 transparent transparent;
    border-style: solid;
    border-width: 0 10px 10px 0;
    bottom: -10px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
.label.ribbon::after {
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 0;
    bottom: -10px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
}
.label.ribbon.left {
    background-clip: padding-box;
    border-radius: 3px 3px 3px 0;
    right: auto;
}
.label.ribbon.left::after {
    display: none;
}
.label.ribbon.top {
    background-clip: padding-box;
    border-radius: 0 0 3px 3px;
    left: auto;
    margin: 0 auto;
    right: auto;
    top: -8px;
}
.label.ribbon.top::before {
    border-color: transparent transparent #999;
    border-style: solid;
    border-width: 0 0 8px 8px;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: 0;
    width: 0;
}
.label.ribbon.top::after {
    border-color: transparent transparent transparent #999;
    border-style: solid;
    border-width: 8px 0 0 8px;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    top: 0;
    width: 0;
}
.label.ribbon.top.half::before {
    border-width: 0 0 15px 15px;
    left: -15px;
}
.label.ribbon.top.half::after {
    border-width: 15px 0 0 15px;
    right: -15px;
}
.label.grey {
    background-color: #efefef;
}
.label.ribbon.grey::before {
    border-color: transparent #999 transparent transparent;
}
.label.ribbon.grey::after {
    border-color: #999 transparent transparent;
}
.label.darkgrey {
    background-color: #ddd;
}
.label.ribbon.darkgrey::before {
    border-color: transparent #999 transparent transparent;
}
.label.ribbon.darkgrey::after {
    border-color: #999 transparent transparent;
}
.label.ribbon.top.darkgrey::before {
    border-color: transparent transparent #999;
}
.label.ribbon.top.darkgrey::after {
    border-color: transparent transparent transparent #999;
}
.label.black {
    background-color: #1b1c1d;
    color: #fff;
}
.label.ribbon.black::before {
    border-color: transparent #000 transparent transparent;
}
.label.ribbon.black::after {
    border-color: #000 transparent transparent;
}
.label.yellow {
    background-color: #f2c61f;
    color: #9d7f0a;
}
.label.ribbon.yellow::before {
    border-color: transparent #9d7f0a transparent transparent;
}
.label.ribbon.yellow::after {
    border-color: #9d7f0a transparent transparent;
}
.label.green {
    background-color: #5bbd72;
    color: #fff;
}
.label.ribbon.green::before {
    border-color: transparent #1e7b32 transparent transparent;
}
.label.ribbon.green::after {
    border-color: #1e7b32 transparent transparent;
}
.label.ribbon.top.green::before {
    border-color: transparent transparent #1e7b32;
}
.label.ribbon.top.green::after {
    border-color: transparent transparent transparent #1e7b32;
}
.label.blue {
    background-color: #009cff;
    color: #fff;
}
.label.ribbon.blue::before {
    border-color: transparent #134d7d transparent transparent;
}
.label.ribbon.blue::after {
    border-color: #134d7d transparent transparent;
}
.label.ribbon.top.blue::before {
    border-color: transparent transparent #134d7d;
}
.label.ribbon.top.blue::after {
    border-color: transparent transparent transparent #134d7d;
}
.label.orange {
    background-color: #e07b53;
    color: #fff;
}
.label.ribbon.orange::before {
    border-color: transparent #923d1b transparent transparent;
}
.label.ribbon.orange::after {
    border-color: #923d1b transparent transparent;
}
.label.ribbon.top.orange::before {
    border-color: transparent transparent #923d1b;
}
.label.ribbon.top.orange::after {
    border-color: transparent transparent transparent #923d1b;
}
.label.purple {
    background-color: #564f8a;
    color: #fff;
}
.label.ribbon.purple::before {
    border-color: transparent #221a5a transparent transparent;
}
.label.ribbon.purple::after {
    border-color: #221a5a transparent transparent;
}
.label.red {
    background-color: #d95c5c;
    color: #fff;
}
.label.ribbon.red::before {
    border-color: transparent #8d1e1e transparent transparent;
}
.label.ribbon.red::after {
    border-color: #8d1e1e transparent transparent;
}
.label.ribbon.top.red::before {
    border-color: transparent transparent #8d1e1e;
}
.label.ribbon.top.red::after {
    border-color: transparent transparent transparent #8d1e1e;
}
.label.teal {
    background-color: #00b5ad;
    color: #fff;
}
.label.ribbon.teal::before {
    border-color: transparent #007671 transparent transparent;
}
.label.ribbon.teal::after {
    border-color: #007671 transparent transparent;
}
.input {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
}
.input.margin {
    margin-bottom: 20px;
    text-align: left;
}
.input.margin-big {
    margin-bottom: 40px;
}
.input.loading::after {
    background-image: url("../images/icon/loader.grey.gif");
    content: "";
    display: block;
    height: 25px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 25px;
}
.input label.header {
    color: #888;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 10px;
}
.input label.text {
    color: #999;
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 5px;
    margin-top: 7px;
    width: 100%;
}
.input label.text.checkbox {
    float: none;
    margin-left: 25px;
    width: auto;
}
.input label.name {
    background-clip: padding-box;
    background-color: #ccc;
    border-radius: 3px;
    font-size: 11px;
    left: 15px;
    padding: 4px 6px;
    position: absolute;
    top: -14px;
}
.input .clean {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    padding: 5px 6px;
    position: absolute;
    right: 5px;
    top: 9px;
    transition: all 0.35s ease 0s;
}
.input .clean i {
    color: #666;
    font-size: 14px;
}
.input .clean:hover {
    background-color: #ccc;
}
.input:hover .clean {
    opacity: 1;
}
.input input[type="text"], .input input[type="password"], .input textarea, .input .field {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #fff;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    font-family: "Roboto",arial,sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    outline: medium none;
    padding: 10px 15px;
    resize: none;
    transition: all 0.35s ease 0s;
    width: 100%;
}
.field b {
    font-weight: bold;
}
.field h1, .field h2, .field h3, .field h4 {
    font-weight: 300;
}
.field h1 {
    font-size: 72px;
}
.field h2 {
    font-size: 62px;
}
.field h3 {
    font-size: 52px;
}
.field h4 {
    font-size: 42px;
}
.field h5 {
    font-size: 32px;
}
.field h6 {
    font-size: 22px;
}
.field div {
    margin: 0;
    padding: 0;
}
.field a {
    text-decoration: underline;
}
.field b {
    font-weight: bold;
}
.field i {
    font-style: italic;
}
.field s {
    text-decoration: line-through;
}
.field u {
    text-decoration: underline;
}
.field a, .field b, .field i, .field s, .field u, .field span {
    background-color: inherit;
}
.field img {
    max-width: 100%;
}
.field blockquote, .field ol, .field ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.field ol {
    list-style-type: decimal;
}
.field ul {
    list-style-type: disc;
}
.field .wysiwyg-text-align-right {
    text-align: right;
}
.field .wysiwyg-text-align-left {
    text-align: left;
}
.field .wysiwyg-text-align-center {
    text-align: center;
}
.input.big input[type="text"], .input.big input[type="password"], .input.big textarea {
    font-size: 18px;
    padding: 15px 20px;
}
.input.small input[type="text"], .input.small input[type="password"], .input.small textarea {
    font-size: 12px;
    padding: 8px 10px;
}
.input.outline input[type="text"], .input.outline input[type="password"], .input.outline textarea {
    border: 1px solid #dfdfdf;
}
.input input[type="text"]:focus, .input input[type="password"]:focus, .input textarea:focus {
    border: 1px solid #ccc;
}
.input.outline input[type="text"]:focus, .input.outline input[type="password"]:focus, .input.outline textarea:focus {
    border: 1px solid #999;
}
.input.upload {
    position: relative;
    width: 100%;
}
.input.upload input {
    background-color: red;
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.input.upload .progress {
    background-clip: padding-box;
    background-color: #ccc;
    border-radius: 3px;
    color: #fff;
    display: none;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 100;
}
.input.upload .progress .line {
    background-color: #5bbd72;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.35s ease 0s;
}
.input.upload .progress .text {
    font-size: 16px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.input.upload .progress.small {
    height: 10px;
}
.input.upload .progress.small .text {
    display: none;
}
.input.upload .progress.reversed .line {
    bottom: 0;
    left: auto;
    right: 0;
    top: 0;
}
.input.upload .progress.red .line {
    background-color: #d95c5c;
}
.input.upload .progress.active {
    display: block;
}
.input.buttons {
    margin: 0;
    padding: 0;
}
.input.buttons input[type="text"], .input.buttons input[type="password"], .input.buttons textarea {
    margin-bottom: 15px;
    padding: 15px 25px;
}
.input.buttons input[type="text"]:focus, .input.buttons input[type="password"]:focus, .input.buttons textarea:focus {
    border: medium none !important;
}
.input.buttons .buttons {
    margin: 0;
    width: 100%;
}
.input.buttons .buttons .button {
    margin: 0;
}
.input.buttons .buttons .left {
    float: left !important;
}
.input.buttons .buttons .right {
    float: right !important;
}
.input.labeled {
    display: table;
    position: relative;
    table-layout: auto;
    width: 100%;
}
.input.labeled .label {
    display: table-cell;
    font-size: 16px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.input.labeled .cell {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.input.labeled .button {
    float: none;
    padding: 0.85em 0 !important;
    vertical-align: middle;
    width: 100%;
}
.input.labeled button {
    display: block;
    margin: 0;
    padding: 0.9em 0 !important;
}
.input.labeled input {
    background-clip: padding-box;
    border-radius: 0;
    display: table-cell;
    float: none;
}
.input.labeled.added .start {
    background-clip: padding-box;
    border-radius: 3px 0 0 3px;
}
.input.labeled.added .end {
    background-clip: padding-box;
    border-radius: 0 3px 3px 0;
}
.input.fluid {
    float: left;
    padding: 0 10px;
}
.input.fluid.one {
    width: 100%;
}
.input.fluid.two {
    width: 50%;
}
.input.fluid.three {
    width: 33%;
}
@media (max-width:550px) {
    .input.fluid.three {
    width: 100%;
}
}

.input.fluid.four {
    width: 25%;
}
.input > .perfect-input {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    margin: 0;
    position: relative;
    transition: all 0.35s ease 0s;
}
.input > .perfect-input > .label {
    color: #ccc;
    font-size: 10px;
    left: 12px;
    letter-spacing: 0.0625em;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all 0.35s ease 0s;
    z-index: 2;
}
.input > .perfect-input > input, .input > .perfect-input > textarea {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 18px;
    font-weight: 100;
    letter-spacing: 0.06em;
    padding: 12px 15px;
    transition: all 0.35s ease 0s;
}
.input > .perfect-input > input:focus, .input > .perfect-input > textarea:focus {
    border: medium none;
}
.input > .perfect-input > input::-moz-placeholder, .input > .perfect-input > textarea::-moz-placeholder {
    color: #ccc;
}
.input > .perfect-input > input:-moz-placeholder, .input > .perfect-input > textarea:-moz-placeholder {
    color: #ccc;
}
.input > .perfect-input.focused {
    border: 1px solid #009cff;
}
.input > .perfect-input.focused > .label {
    color: #009cff;
}
.input > .perfect-input.active > .label {
    opacity: 1;
    top: 7px;
}
.input > .perfect-input.active > input, .input > .perfect-input.active > textarea {
    font-size: 16px;
    margin-top: 16px;
    padding: 5px 12px;
}
.input.multiple {
    text-align: left;
}
.input.multiple > .field > .label {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 10px;
    vertical-align: middle;
}
.input.multiple > .field {
    padding-bottom: 0;
}
.input.multiple > .field > input {
    border: medium none;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0;
    transition: opacity 0.35s ease 0s;
    vertical-align: middle;
    width: 10px;
}
.input.multiple > .color-picker {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: none;
    padding-bottom: 10px;
    position: absolute;
    z-index: 999;
}
input[type="checkbox"], input[type="radio"] {
    display: none !important;
}
input[type="checkbox"] + label, input[type="radio"] + label {
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
}
input[type="checkbox"] + label::before, input[type="radio"] + label::before {
    background-image: url("../images/icons/radio.png");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    margin: 0 5px -5px 0;
    width: 20px;
}
input[type="checkbox"] + label.settings::before, input[type="radio"] + label.settings::before {
    margin: 0 10px -5px 0;
}
input[type="checkbox"] + label::before {
    background-position: 0 0;
}
input[type="radio"] + label::before {
    background-position: -88px 0;
}
input[type="checkbox"]:checked + label::before {
    background-position: -22px 0;
}
input[type="radio"]:checked + label::before {
    background-position: -110px 0;
}
input[type="checkbox"]:disabled + label::before {
    background-position: -44px 0;
}
input[type="checkbox"]:checked:disabled + label::before {
    background-position: -66px 0;
}
input[type="radio"]:disabled + label::before {
    background-position: -132px 0;
}
input[type="radio"]:checked:disabled + label::before {
    background-position: -154px 0;
}
body.editor {
    background-color: #efefef;
    clear: both;
    overflow-x: hidden;
}
body.hover .s-col {
    outline: 2px solid rgba(231, 88, 89, 0.2);
    outline-offset: -1px;
}
body.hover .s-col > .s-col-wrapper > .s-row > .s-col {
    outline: 2px solid rgba(0, 156, 255, 0.2);
    outline-offset: -1px;
}
.disable-select {
    -moz-user-select: none;
}
.product-params {
    cursor: pointer;
    font-size: 14px;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.product-params:hover {
    opacity: 1;
}
.editing-page-block {
    border-bottom: medium none;
    display: block;
    padding: 15px 25px !important;
}
.editing-page-block > .content {
    float: left;
    margin-top: 5px;
    width: 200px;
}
.editing-page-block > .buttons {
    background-clip: padding-box;
    border-radius: 5px;
    float: right;
    overflow: hidden;
    width: 32px;
}
.editing-page-block > .buttons > .button {
    padding: 0;
}
.editing-page-block > .buttons > .button i {
    font-size: 14px;
    margin: 8px 10px;
}
.editing-page-block:hover {
    background-color: transparent !important;
}
.editing-page-block.ab {
    padding-bottom: 5px !important;
}
.icons-choose-block > .icons {
    display: block;
    font-size: 0;
    height: 380px;
    overflow-y: scroll;
    position: relative;
}
.icons-choose-block > .icons > .header {
    margin: 20px 0 10px 20px;
}
.icons-choose-block > .icons .image {
    box-sizing: border-box;
    display: inline-block;
    min-height: 50px;
    padding: 20px;
    transition: all 0.2s ease 0s;
    width: 16.66%;
}
.icons-choose-block > .icons .image img {
    max-width: 100%;
}
.icons-choose-block > .icons .image:hover {
    background-color: #efefef;
    cursor: pointer;
}
.style-preset-block {
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    transition: all 0.2s ease 0s;
    width: 101px;
}
.style-preset-block img {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.style-preset-block:hover {
    background-color: #009cff;
    border: 2px solid #009cff;
}
.style-preset-block.active {
    background-color: #009cff;
    border: 2px solid #009cff;
}
.style-preset-block.full {
    width: 100%;
}
.editing-element {
    display: none;
}
.editing-field.form h1 {
    font-size: 56px;
    margin-bottom: 5px;
}
.editing-field.form h2 {
    font-size: 48px;
    margin-bottom: 5px;
}
.editing-field.form h3 {
    font-size: 36px;
    margin-bottom: 5px;
}
.editing-field.form h4 {
    font-size: 28px;
    margin-bottom: 5px;
}
.editing-field.form h5 {
    font-size: 24px;
    margin-bottom: 5px;
}
.editing-field.form h6 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.editing-field b {
    font-weight: bold;
}
.editing-field h1, .editing-field h2, .editing-field h3, .editing-field h4 {
    font-weight: 300;
}
.editing-field h6 {
    font-weight: bold;
}
.editing-field span {
    padding: 0 1px;
}
.editing-field div {
    margin: 0;
    padding: 0;
}
.editing-field a {
    text-decoration: underline;
}
.editing-field b {
    font-weight: bold;
}
.editing-field i {
    font-style: italic;
}
.editing-field s {
    text-decoration: line-through;
}
.editing-field u {
    text-decoration: underline;
}
.editing-field a, .editing-field b, .editing-field i, .editing-field s, .editing-field u, .editing-field span {
    background-color: inherit;
    color: inherit;
}
.editing-field img {
    max-width: 100%;
}
.editing-field blockquote, .editing-field ol, .editing-field ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.editing-field ol {
    display: inline-block;
    list-style-type: decimal;
    text-align: left;
}
.editing-field ul {
    display: inline-block;
    list-style-type: disc;
    text-align: left;
}
.editing-field .wysiwyg-text-align-right {
    text-align: right;
}
.editing-field .wysiwyg-text-align-left {
    text-align: left;
}
.editing-field .wysiwyg-text-align-center {
    text-align: center;
}
.editing-field.holder {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: bold;
    left: -35px;
    line-height: 1;
    opacity: 1;
    padding: 6px;
    position: absolute;
    top: 0;
    vertical-align: top;
}
.editing-field.holders h1, .editing-field.holders h2, .editing-field.holders h3, .editing-field.holders h4, .editing-field.holders h5, .editing-field.holders h6 {
    position: relative;
}
.editing-field.holders h1::before, .editing-field.holders h2::before, .editing-field.holders h3::before, .editing-field.holders h4::before, .editing-field.holders h5::before, .editing-field.holders h6::before {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    content: "H2";
    display: block;
    font-size: 10px;
    font-weight: bold;
    left: -35px;
    line-height: 1;
    opacity: 1;
    padding: 6px;
    position: absolute;
    top: 0;
    vertical-align: top;
}
.editing-field.holders h1::before {
    content: "H1";
}
.editing-field.holders h2::before {
    content: "H2";
}
.editing-field.holders h3::before {
    content: "H3";
}
.editing-field.holders h4::before {
    content: "H4";
}
.editing-field.holders h5::before {
    content: "H5";
}
.editing-field.holders h6::before {
    content: "H6";
}
.editing-field.holders p {
    position: relative;
}
.editing-field.holders p::before {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    content: "P";
    display: block;
    font-size: 10px;
    font-weight: bold;
    left: -33px;
    line-height: 1;
    opacity: 1;
    padding: 6px;
    position: absolute;
    top: 0;
    vertical-align: top;
}
.s-element, .s-grid, .s-col {
    outline-offset: -2px;
}
.s-element > .border-overlay, .s-grid > .border-overlay, .s-col > .border-overlay {
    background-clip: padding-box;
    border-radius: 5px;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.s-element > .settings, .s-grid > .settings, .s-col > .settings {
    left: 0;
    margin: 0 auto;
    max-width: 170px;
    min-width: 162px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 88;
}
.s-element > .settings.left, .s-grid > .settings.left, .s-col > .settings.left {
    left: 0;
    min-width: auto;
    right: auto;
    text-align: left;
}
.s-element > .settings.left .buttons, .s-grid > .settings.left .buttons, .s-col > .settings.left .buttons {
    background-clip: padding-box;
    border-radius: 0 0 5px;
}
.s-element > .settings.bottom, .s-grid > .settings.bottom, .s-col > .settings.bottom {
    bottom: -32px;
    top: auto !important;
}
.s-element > .settings.bottom .buttons, .s-grid > .settings.bottom .buttons, .s-col > .settings.bottom .buttons {
    background-clip: padding-box !important;
    border-radius: 0 0 5px 5px !important;
}
.s-element > .settings.right, .s-grid > .settings.right, .s-col > .settings.right {
    left: auto;
    min-width: auto;
    right: 0;
    text-align: right;
}
.s-element > .settings.right .buttons, .s-grid > .settings.right .buttons, .s-col > .settings.right .buttons {
    background-clip: padding-box;
    border-radius: 0 0 0 5px;
}
.s-element > .settings.center, .s-grid > .settings.center, .s-col > .settings.center {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 580px;
}
.s-element > .settings .buttons, .s-grid > .settings .buttons, .s-col > .settings .buttons {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    overflow: hidden;
}
.s-element > .settings .buttons a, .s-grid > .settings .buttons a, .s-col > .settings .buttons a {
    box-shadow: none;
    padding: 10px 15px !important;
}
.s-element > .settings .buttons a i, .s-grid > .settings .buttons a i, .s-col > .settings .buttons a i {
    font-size: 18px !important;
}
.s-element .change, .s-grid .change, .s-col .change {
    bottom: 0;
    display: block;
    position: absolute;
    z-index: 101;
}
.s-element .change .box, .s-grid .change .box, .s-col .change .box {
    transition: background-color 0.2s ease 0s;
}
.s-element .change.height, .s-grid .change.height, .s-col .change.height {
    bottom: -10px;
    cursor: ns-resize;
    height: 10px;
    left: 0;
    padding: 5px 0;
    right: 0;
}
.s-element .change.height > .box, .s-grid .change.height > .box, .s-col .change.height > .box {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    display: block;
    height: 10px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 50px;
}
.s-element .change.width, .s-grid .change.width, .s-col .change.width {
    cursor: ew-resize;
    padding: 0 5px;
    top: 0;
    width: 10px;
}
.s-element .change.width.left, .s-grid .change.width.left, .s-col .change.width.left {
    left: -9px;
    right: auto;
}
.s-element .change.width.right, .s-grid .change.width.right, .s-col .change.width.right {
    left: auto;
    right: -9px;
}
.s-element .change.width > .box, .s-grid .change.width > .box, .s-col .change.width > .box {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    display: block;
    height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 10px;
}
.s-element .change:hover .box, .s-grid .change:hover .box, .s-col .change:hover .box {
    background-color: #0085d9;
}
.s-element.hover {
    z-index: 150;
}
.s-element.hover > .border-overlay {
    border: 2px solid #009cff;
}
.s-col.hover {
    z-index: 99;
}
.s-col.hover > .border-overlay {
    border: 2px solid #e75859;
}
.s-col.hover > .settings {
    max-width: none;
    text-align: left;
    top: -18px;
}
.s-col.hover > .settings .buttons {
    background-clip: padding-box;
    background-color: #e75859;
    border-radius: 5px 5px 5px 0;
}
.s-col.hover > .settings .buttons a {
    background-color: #e75859;
}
.s-col.hover > .settings .buttons a i {
    color: #fff;
}
.s-col.hover > .settings .buttons a:hover {
    background-color: #d24b4c;
}
.s-col.hover > .settings .buttons a:hover i {
    color: #fff;
}
.s-col.hover > .change .box {
    background-color: #e75859;
}
.s-col.hover > .change:hover .box {
    background-color: #d24b4c;
}
.s-grid.hover > .border-overlay {
    border: 2px solid #009cff;
}
.s-grid.hover .grid-add-slide {
    display: none;
}
.s-grid.hover .grid-remove-slide {
    display: none;
}
.s-grid.hover .grid-edit-slide {
    display: none;
}
.s-grid.hover > .settings {
    max-width: none;
    top: -36px;
}
.s-grid.hover > .settings .buttons {
    background-clip: padding-box;
    border-radius: 5px 5px 0 0;
}
.s-grid.hover > .settings.slider {
    bottom: auto;
    left: auto;
    right: 10px;
    top: 10px;
}
.s-grid.hover > .settings.slider .buttons {
    background-clip: padding-box;
    border-radius: 5px;
    font-size: 11px;
}
.s-grid.hover > .settings.slider .buttons i {
    font-size: 14px;
    padding: 2px 0;
}
.button-index {
    background-color: #efefef;
    color: #666;
    display: block;
    font-size: 72px;
    height: 50%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.button-index::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.button-index span {
    display: inline-block;
    vertical-align: middle;
}
.button-index.top {
    bottom: auto;
    left: 0;
    right: 0;
    top: 0;
}
.button-index.bottom {
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
}
.button-index:hover {
    background-color: #ccc;
    color: #666;
}
#teach-layers {
    display: none;
}
#teach-layers .layer {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
#preset-designs .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 padding-box;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    padding: 5px 0;
    text-align: center;
}
#preset-designs .button img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    width: auto;
}
#preset-designs .button:hover {
    background-color: #dfdfdf;
}
#editing-toolbar, .editing-toolbar {
    display: none;
    position: absolute;
    z-index: 1010;
}
#editing-toolbar button, .editing-toolbar button {
    padding: 12px 15px !important;
}
#editing-toolbar button i, .editing-toolbar button i {
    font-size: 12px !important;
}
#editing-toolbar button.save, .editing-toolbar button.save {
    padding: 10px 12px !important;
}
#editing-toolbar button.save i, .editing-toolbar button.save i {
    font-size: 16px !important;
}
.editing-color .boxInner, .editing-bgcolor .boxInner {
    float: left;
    overflow: hidden;
    padding: 5px;
    width: 100px;
}
.editing-color .color-block, .editing-bgcolor .color-block {
    cursor: pointer;
    float: left;
    height: 25px;
    margin: 0;
    width: 25px;
}
.editing-color .color-block.bordered, .editing-bgcolor .color-block.bordered {
    border: 1px solid #ccc;
    height: 23px;
    width: 23px;
}
.editing-color .color-block:hover, .editing-bgcolor .color-block:hover {
    opacity: 0.6;
}
.editor-hint {
    bottom: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: none;
    font-size: 0;
    padding: 0;
    position: absolute;
    right: 12px;
    z-index: 50;
}
.editor-hint div {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
}
.editor-hint > div.settings {
    background-color: #009cff;
    display: none;
    padding: 0 5px;
}
.editor-hint > div.settings > div {
    border-right: 1px solid #0065a6;
    padding: 7px 10px;
}
.editor-hint > div.settings > div:last-child {
    border-right: medium none;
}
.editor-hint div.name {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 5px;
    font-size: 10px;
    letter-spacing: 0.1em;
    padding: 7px 15px;
    text-transform: uppercase;
}
.editor-hint > div:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
#editor-loader {
    background: #2c9ecc none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    left: 0;
    opacity: 0.9;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9999;
}
#editor-loader .logo {
    display: block;
    left: 0;
    margin: 0 auto;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 20px;
    width: 150px;
}
#editor-loader .logo img {
    width: 100%;
}
#editor-loader .content {
    display: inline-block;
    height: 100%;
    margin: auto;
    vertical-align: middle;
    width: 700px;
}
#editor-loader .content::after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#editor-loader .text, #editor-loader .loader {
    display: inline-block;
    font-style: italic;
    letter-spacing: 1px;
    width: 99%;
}
#editor-sub {
    background-color: #efefef;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    color: #666;
    height: 282px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    z-index: 2000;
}
#editor-sub .row {
    font-size: 14px;
}
#editor-sub.horizontal {
    height: auto;
    right: auto;
    top: 0;
    width: 250px;
}
#editor-sub > .tabs {
    background-color: #ddd;
    bottom: 0;
    left: 0;
    top: 0;
    width: 200px;
}
#editor-sub > .grid.content {
    float: left;
}
#editor-sub .slider-block {
    display: inline-block;
    width: 250px;
}
#editor-sub .slider-block > h6.header {
    margin-bottom: 5px;
}
#editor-sub .slider-block > .slider {
    float: left;
    margin-top: 3px;
    min-height: 30px;
    width: 200px;
}
#editor-sub .slider-block > .value {
    float: left;
    font-size: 18px;
    margin-left: 10px;
}
#editor-sub .effect-block {
    background-size: cover;
    border: 1px solid #ccc;
    float: left;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    margin: 10px 10px 0 0;
    text-align: center;
    width: 46px;
}
#editor-sub .effect-block:hover {
    cursor: pointer;
    outline: 2px solid #009cff;
    outline-offset: -2px;
}
#editor-sub.horizontal .grid > .row {
    max-width: none;
    width: auto;
}
#editor-sub.horizontal .grid > .row > p {
    line-height: 1.6;
}
#editor-sub.horizontal > .title {
    font-size: 16px;
    padding: 15px 15px 5px;
    text-transform: uppercase;
}
#editor-sub.horizontal > .header {
    color: #999;
    padding: 0;
}
#editor-sub.horizontal .property-name {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 15px;
}
#editor-sub.horizontal #style-content {
    overflow: scroll;
}
#editor-sub.horizontal #style-menu {
    background-clip: padding-box;
    border-radius: 0 5px 5px 0;
    box-shadow: 3px 0 5px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    position: absolute;
    right: -45px;
    top: 40px;
    width: 45px;
}
#editor-sub.horizontal #style-menu .button {
    background-clip: padding-box;
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #999;
    display: block;
    height: 50px;
    margin-bottom: 0;
    padding: 0;
}
#editor-sub.horizontal #style-menu .button i {
    display: inline-block;
    font-size: 20px;
    margin-right: 3px;
    vertical-align: middle;
}
#editor-sub.horizontal #style-menu .button img {
    display: inline-block;
    height: auto;
    margin-right: 3px;
    vertical-align: middle;
    width: 21px;
}
#editor-sub.horizontal #style-menu .button::before {
    content: " ";
    display: inline-block;
    height: 50px;
    vertical-align: middle;
}
#editor-sub.horizontal #style-menu .button.active, #editor-sub.horizontal #style-menu .button:hover {
    background-color: #efefef;
    color: #666;
}
#editor-sub.horizontal > #style-content > div > .list, #editor-sub.horizontal > #style-tabs > .list {
    background-color: #e5e5e5;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: 300;
    padding: 20px 15px;
    text-align: left;
    width: 100%;
}
#editor-sub.horizontal > #style-content > div > .list:hover, #editor-sub.horizontal > #style-tabs > .list:hover {
    background-color: #d8d8d8;
    border-bottom: 1px solid #dfdfdf;
}
#editor-sub.horizontal > #style-content > div > .list.active, #editor-sub.horizontal > #style-tabs > .list.active {
    background-color: transparent;
    border-bottom: medium none;
}
#editor-sub.horizontal > #style-content > div > .list.active:hover, #editor-sub.horizontal > #style-tabs > .list.active:hover {
    background-color: transparent;
}
#editor-sub.horizontal > #style-content .grid {
    display: none;
}
#editor-sub.horizontal > #style-content .grid.active {
    display: block;
}
#editor-sub.horizontal > #style-content .grid .clear {
    height: 20px;
    width: 100%;
}
#editor-sub.horizontal .slider-block {
    margin: 0;
    overflow: hidden;
    width: 215px;
}
#editor-sub.horizontal .slider-block > h6.header {
    font-size: 14px;
    margin-bottom: 2px;
}
#editor-sub.horizontal .slider-block > .icon {
    float: left;
    margin-top: 2px;
    width: 25px;
}
#editor-sub.horizontal .slider-block > .icon img {
    height: auto;
    width: 100%;
}
#editor-sub.horizontal .slider-block > .slider {
    margin-left: 10px;
    margin-top: 9px;
    min-height: auto;
    width: 140px;
}
#editor-sub.horizontal .slider-block > .value.input {
    font-size: 12px;
    margin-left: 5px;
    width: 60px;
}
#editor-sub.horizontal .slider-block > .value.input input {
    font-size: 12px;
    margin: 0 3px 0 0;
    padding: 5px;
    width: 35px;
}
#editor-sub.horizontal .slider-block.icon > .slider {
    margin-left: 15px;
    width: 110px;
}
#editor-sub.horizontal > .actions {
    background-color: #dfdfdf;
    margin-bottom: 5px;
}
#editor-sub.horizontal .choose-block {
    background-color: #dfdfdf;
    border: 2px solid transparent;
    float: left;
    height: 70px;
    margin: 0 10px 10px 0;
    position: relative;
    width: 91px;
}
#editor-sub.horizontal .choose-block img {
    height: auto;
    width: 100%;
}
#editor-sub.horizontal .choose-block:hover {
    border-color: #ccc;
    cursor: pointer;
}
#editor-sub.horizontal .choose-block.active, #editor-sub.horizontal .choose-block.active:hover {
    border-color: #009cff;
}
#editor-sub.horizontal .choose-block.shadow {
    position: relative;
}
#editor-sub.horizontal .choose-block.shadow::after {
    bottom: 11px;
    right: 0;
}
#editor-sub.horizontal .choose-block.shadow::before {
    bottom: 11px;
    left: 0;
}
#editor-sub > .actions {
    background-color: #d8d8d8;
    display: block;
    overflow: hidden;
    width: 100%;
}
#editor-sub > .actions > .button {
    background-clip: padding-box;
    border-radius: 0;
    font-size: 14px;
    padding: 15px 25px;
}
#editor-sub > .actions > .button.grey {
    background-color: transparent;
}
#editor-sub > .actions > .button.grey:hover {
    background-color: #ccc;
}
body.editor #witgets {
    bottom: 20px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000;
}
body.editor #witgets > .witget-block, #move-block {
    background-clip: padding-box;
    background-color: #5c6166;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    cursor: move;
    display: inline-block;
    height: 55px;
    margin: 0 5px;
    position: relative;
    transition: background-color 0.2s ease 0s;
    vertical-align: middle;
    width: 55px;
    z-index: 1000;
}
body.editor #witgets > .witget-block img, #move-block img {
    margin: 15px 10px;
    width: 25px;
}
body.editor #witgets > .witget-block.dragging, #move-block.dragging {
    display: block;
    position: absolute;
}
body.editor #witgets > .witget-block:hover, #move-block:hover {
    background-color: #4c4c4c;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}
#witgets > .save {
    display: inline-block;
    margin: 0 0 0 20px;
    opacity: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 0;
}
#witgets > .save .button {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
    width: 235px;
}
#witgets > .question {
    bottom: 0;
    display: none;
    position: absolute;
    right: 20px;
}
#witgets > .question .block {
    background-clip: padding-box;
    background-color: #5c6166;
    border-radius: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 28px;
    height: 55px;
    transition: background-color 0.2s ease 0s;
    width: 55px;
    z-index: 1000;
}
#witgets > .question .block i {
    margin-top: 15px;
}
#witgets > .question > .all {
    height: 200px;
    position: absolute;
    top: -200px;
    width: 55px;
}
#witgets > .question > .all .block {
    margin-bottom: 20px;
}
#witgets > .question > .all .name {
    background-clip: padding-box;
    background-color: #5c6166;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 300;
    left: auto;
    margin-top: 5px;
    padding: 5px 8px;
    position: absolute;
    right: 65px;
    text-align: left;
}
#move-block {
    display: none;
    z-index: 1000;
}
#editor-wrapper {
    display: block;
    padding: 0 0 200px;
}
#panel {
    display: block;
    margin: 15px 20px 0;
}
#panel > .logo {
    float: left;
    margin-top: 4px;
    text-align: right;
    width: 110px;
}
#panel > .logo img {
    display: inline-block;
    height: auto;
    width: 100px;
}
#panel > .name {
    float: left;
    margin: -5px 20px 0;
}
#panel > .name .domain {
    margin-top: 2px;
}
#panel > .autosave-block {
    background-clip: padding-box;
    border-radius: 5px;
    display: none;
    float: right;
    font-size: 12px;
    height: 30px;
    margin-right: 15px;
    margin-top: -1px;
    min-width: 25px;
    padding: 4px 10px 0;
    position: relative;
}
#panel > .autosave-block.loading {
    background-color: transparent;
}
#panel > .autosave-block.loading::after {
    background: rgba(0, 0, 0, 0) url("../images/icon/loader.black.gif") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 25px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 25px;
}
body.editor #editor {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    margin: 10px 20px 20px;
    position: relative;
    transition: all 0.2s ease 0s;
}
body.editor #editor::before {
    background-clip: padding-box;
    background-color: #ccc;
    border-radius: 5px 5px 0 0;
    content: "";
    display: block;
    height: 25px;
    width: 100%;
}
body.editor #editor::after {
    background: rgba(0, 0, 0, 0) url("../images/editor/browser.circles.png") no-repeat scroll 0 0;
    content: "";
    height: 12px;
    left: 10px;
    position: absolute;
    top: 6px;
    width: 50px;
}
.svg_round_bottom {
    z-index: 0;
}
#editor > .s-grid {
    background-color: #f9f9f9;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
#editor > .s-grid:hover > .overlay {
    display: block;
    opacity: 1;
}
#editor > .s-grid.fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}
#editor > .s-grid > .overlay {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease 0s;
    z-index: 9999;
}
#editor > .s-grid > .overlay > .content {
    left: 0;
    margin: -65px auto 0;
    position: absolute;
    right: 0;
    top: 50%;
}
#editor > .s-structure {
    border-bottom: 1px solid #efefef;
    padding: 20px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
#editor > .s-structure .header {
    line-height: 1.6;
}
#editor > .s-structure > .s-holder {
    background-color: transparent !important;
    border: 10px solid #009cff;
    bottom: 10px !important;
    left: 20px !important;
    right: 20px !important;
    top: 10px !important;
}
#editor > .s-structure > .block {
    display: block;
    height: 300px;
    position: relative;
}
#editor > .s-structure > .block > .content {
    display: inline-block;
    margin: 70px;
    width: 600px;
}
#editor > .s-grid > .s-junction {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}
#editor > .s-grid > .s-junction.bottom {
    bottom: -100px;
}
#editor > .s-grid > .s-junction.top {
    top: -100px;
}
#editor > .s-grid > .s-junction.center {
    left: auto;
    right: auto;
}
#editor > .s-grid > .s-grid-overlay {
    position: relative;
    width: 100%;
    z-index: 1;
}
#editor > .s-grid > .s-grid-background {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-holder {
    background-color: #d95c5c;
    height: 4px;
    left: 0 !important;
    margin: -2px auto 0;
    right: 0 !important;
    width: 1140px;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-holder.append {
    background-color: transparent !important;
    border: 10px solid #009cff;
    bottom: 10px !important;
    height: auto;
    left: 20px !important;
    margin: 0 auto;
    right: 20px !important;
    top: 10px !important;
    width: auto;
}
#editor > .s-grid.full-width > .s-grid-overlay > .s-grid-wrapper > .s-holder {
    width: 100%;
}
.s-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
#editor > .s-grid > .s-grid-overlay > .s-tabs {
    display: inline-block;
    overflow: hidden;
    text-align: center;
}
#editor > .s-grid > .s-grid-overlay > .s-tabs .tab {
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease 0s;
    vertical-align: top;
}
#editor > .s-grid > .s-grid-overlay > .s-tabs.bottom {
    margin: 40px auto 0;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow {
    bottom: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    z-index: 0;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow.left {
    left: -2px;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow.left > .arrow {
    background-clip: padding-box;
    border-radius: 0 5px 5px 0;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow.right {
    right: 0;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow.right > .arrow {
    background-clip: padding-box;
    border-radius: 5px 0 0 5px;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow > .clear {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow > .arrow {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    padding: 15px;
    transition: opacity 0.2s ease 0s;
    vertical-align: middle;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow > .arrow img {
    height: 60px;
    width: auto;
}
#editor > .s-grid > .s-grid-overlay > .s-arrow > .arrow:hover {
    opacity: 1;
}
#editor > .s-grid > .s-grid-overlay > .s-arrows {
    margin: 40px auto 0;
    text-align: center;
    width: 1170px;
}
#editor > .s-grid > .s-grid-overlay > .s-arrows > .arrow {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    opacity: 0.4;
    padding: 15px 20px;
    transition: opacity 0.2s ease 0s;
    vertical-align: middle;
}
#editor > .s-grid > .s-grid-overlay > .s-arrows > .arrow img {
    height: 30px;
    width: auto;
}
#editor > .s-grid > .s-grid-overlay > .s-arrows > .arrow:hover {
    opacity: 1;
}
#editor > .s-grid > .s-grid-overlay > .s-dots {
    margin: 40px auto 0;
    text-align: center;
    width: 1170px;
}
#editor > .s-grid > .s-grid-overlay > .s-dots > div {
    cursor: pointer;
    display: inline-block;
    height: 10px;
    width: 10px;
}
#editor .s-move-holder {
    background-color: red;
}
#editor .s-holder {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 5px;
    position: absolute;
    z-index: 799;
}
#editor .s-holder > .name {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 2px;
    color: #fff;
    display: none;
    float: left;
    font-size: 8px;
    margin-top: -9px;
    padding: 2px 10px;
    text-transform: uppercase;
    width: auto;
}
#editor .s-move-holder {
    border: 2px dashed rgba(0, 0, 0, 0.2);
    margin: 0 40px;
    padding: 100px 0;
    text-align: center;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-move-holder {
    margin: 0 100px;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    margin: 0 auto;
    max-width: 1140px;
    padding: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-holder {
    background-color: #d95c5c;
    height: 100%;
    margin-left: -2px;
    width: 4px;
}
#editor > .s-grid.full-width > .s-grid-overlay > .s-grid-wrapper > .s-row {
    max-width: none;
    width: 100%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: top;
    width: 0;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-1, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-1 {
    width: 4.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-2, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-2 {
    width: 8.33%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-3, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-3 {
    width: 12.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-4, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-4 {
    width: 16.3%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-5, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-5 {
    width: 20.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-6, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-6 {
    width: 25%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-7, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-7 {
    width: 29.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-8, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-8 {
    width: 33.1%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-9, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-9 {
    width: 37.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-10, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-10 {
    width: 41.66%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-11, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-11 {
    width: 45.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-12, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-12 {
    width: 50%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-13, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-13 {
    width: 54.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-14, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-14 {
    width: 58.33%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-15, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-15 {
    width: 62.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-16, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-16 {
    width: 66.66%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-17, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-17 {
    width: 70.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-18, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-18 {
    width: 75%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-19, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-19 {
    width: 79.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-20, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-20 {
    width: 83.33%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-21, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-21 {
    width: 87.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-22, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-22 {
    width: 91.66%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-23, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-23 {
    width: 95.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-24, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col.size-24 {
    width: 100%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .settings .buttons a {
    box-shadow: none;
    padding: 9px 13px !important;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .settings .buttons a i {
    font-size: 16px !important;
}
#editor > .s-grid.vertical-align-middle > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
    vertical-align: middle;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-holder {
    height: 4px;
    left: 0 !important;
    margin: -2px auto 0;
    right: 0 !important;
    width: 100%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-holder {
    height: 100%;
    margin-left: -2px;
    width: 4px;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: top;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-1, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-1 {
    width: 4.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-2, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-2 {
    width: 8.33%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-3, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-3 {
    width: 12.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-4, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-4 {
    width: 16.3%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-5, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-5 {
    width: 20.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-6, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-6 {
    width: 25%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-7, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-7 {
    width: 29.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-8, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-8 {
    width: 33.1%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-9, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-9 {
    width: 37.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-10, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-10 {
    width: 41.66%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-11, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-11 {
    width: 45.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-12, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-12 {
    width: 50%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-13, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-13 {
    width: 54.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-14, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-14 {
    width: 58.33%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-15, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-15 {
    width: 62.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-16, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-16 {
    width: 66.66%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-17, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-17 {
    width: 70.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-18, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-18 {
    width: 75%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-19, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-19 {
    width: 79.16%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-20, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-20 {
    width: 83.33%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-21, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-21 {
    width: 87.5%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-22, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-22 {
    width: 91.66%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-23, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-23 {
    width: 95.83%;
}
#editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-24, #editor > .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper > .s-row > .s-col.size-24 {
    width: 100%;
}
#editor.mobile {
    margin: 20px auto !important;
    min-width: 480px;
    width: 480px;
}
#editor.tablet {
    margin: 20px auto !important;
    min-width: 980px;
    width: 980px;
}
#editor.desktop {
    min-width: 1180px;
    width: auto;
}
.desktop-version .device-desktop {
    display: block;
}
.desktop-version .mobile-hide {
}
.desktop-version .mobile-show {
    display: none;
}
.tablet-version .device-tablet {
    display: block;
}
.tablet-version .s-grid {
    background-attachment: scroll !important;
}
.tablet-version .mobile-show {
}
.tablet-version .mobile-hide {
    display: none;
}
.tablet-version .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    display: block;
    padding: 0 20px;
    width: auto;
}
.tablet-version .s-element > .witget-menu.fixed {
    text-align: right;
}
.tablet-version .s-element > .witget-menu.fixed .button {
    background-clip: padding-box !important;
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 14px 16px !important;
    z-index: 100 !important;
}
.tablet-version .s-element > .witget-text {
    word-break: keep-all;
    word-wrap: normal;
}
.tablet-version .s-element > .witget-image {
    text-align: center;
}
.tablet-version .s-element > .witget-image > .image {
    height: auto !important;
    max-width: 90% !important;
    width: auto !important;
}
.tablet-version .s-element > .witget-image > .image img {
    height: auto !important;
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
.mobile-version {
    font-size: 16px;
}
.mobile-version .device-mobile {
    display: block;
}
.mobile-version .mobile-show {
}
.mobile-version .mobile-hide {
    display: none;
}
.mobile-version .s-grid {
    background-attachment: scroll !important;
}
.mobile-version .s-cart {
    height: 60px;
    width: 60px;
}
.mobile-version .s-cart img {
    margin-top: 18px;
    width: 40px;
}
.mobile-version .s-cart .count {
    right: 0;
    top: -7px;
}
.mobile-version .modal.cart .item {
    position: relative;
}
.mobile-version .modal.cart .item > .image {
    vertical-align: top;
}
.mobile-version .modal.cart .item > .name {
    margin-bottom: 20px;
    width: 200px;
}
.mobile-version .modal.cart .item > .remove {
    margin-top: 2px;
    position: absolute;
    right: 0;
}
.mobile-version .modal.cart .item > .count {
    text-align: left;
}
.mobile-version .modal.cart .item > .price {
    float: right;
    margin-right: 40px;
    text-align: right;
}
.mobile-version .modal.cart > .action {
    padding: 0 40px 40px !important;
}
.mobile-version .modal.cart > .action > .price {
    display: block;
    float: none;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 5px;
}
.mobile-version .modal.cart > .action > .price > .text {
    float: left;
}
.mobile-version .modal.cart > .action > .price > #s-cart-total {
    float: right;
}
.mobile-version .modal.cart > .action > .button {
    display: block;
    float: none;
    width: 100%;
}
.mobile-version .s-grid > .s-grid-overlay {
    padding: 20px 0;
}
.mobile-version .s-grid > .s-junction {
    display: none;
}
.mobile-version .s-grid > .s-grid-overlay > .s-dots {
    width: 100%;
}
.mobile-version .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    display: block;
    padding: 0;
}
.mobile-version .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
    display: block;
    margin: 0;
    width: auto;
}
.mobile-version .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper {
    margin: 0 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.mobile-version .s-element > .witget-text {
    text-align: center;
    word-break: keep-all;
    word-wrap: normal;
}
.mobile-version .s-element > .witget-text .wysiwyg-text-align-right {
    text-align: center;
}
.mobile-version .s-element > .witget-text .wysiwyg-text-align-left {
    text-align: center;
}
.mobile-version .s-element > .witget-text .wysiwyg-text-align-center {
    text-align: center;
}
.mobile-version .s-element > .witget-text h1 {
    font-size: 36px;
    margin-bottom: 5px;
}
.mobile-version .s-element > .witget-text h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
.mobile-version .s-element > .witget-text h3 {
    font-size: 24px;
    margin-bottom: 5px;
}
.mobile-version .s-element > .witget-text h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.mobile-version .s-element > .witget-text h5 {
    font-size: 18px;
    margin-bottom: 5px;
}
.mobile-version .s-element > .witget-text h6 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.mobile-version .s-element > .witget-form > .inputs {
    padding: 0 20px !important;
}
.mobile-version .s-element > .witget-form > .inputs > .input.fluid {
    display: block !important;
    width: auto !important;
}
.mobile-version .s-element > .witget-form > .action.left, .mobile-version .s-element > .witget-form > .action.center, .mobile-version .s-element > .witget-form > .action.right {
    padding: 0 20px !important;
    text-align: center !important;
}
.mobile-version .s-element > .witget-form > .action.left button, .mobile-version .s-element > .witget-form > .action.center button, .mobile-version .s-element > .witget-form > .action.right button {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}
.mobile-version .s-element > .witget-form > .footer {
    text-align: center !important;
}
.mobile-version .s-element > .witget-image {
    text-align: center;
}
.mobile-version .s-element > .witget-image > .image {
    height: auto !important;
    max-width: 90% !important;
    width: auto !important;
}
.mobile-version .s-element > .witget-image > .image img {
    height: auto !important;
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
.mobile-version .s-element > .witget-menu.fixed {
    text-align: right;
}
.mobile-version .s-element > .witget-menu.fixed .button {
    background-clip: padding-box !important;
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 14px 16px !important;
    z-index: 100 !important;
}
.mobile-version .s-element > .witget-button {
    display: block;
    float: none;
}
.mobile-version .s-element > .witget-button > .button {
    display: block;
    margin: 10px !important;
    text-align: center !important;
}
.mobile-version .s-element > .witget-blank {
    max-height: 10px;
}
.mobile-version .s-element > .witget-slideshow > .content.one > .image {
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.mobile-version .s-element > .witget-slideshow > .content.one > .image > img, .mobile-version .s-element > .witget-slideshow > .content.one > .image > canvas {
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
}
.mobile-version .s-element > .witget-slideshow > .content.one::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mobile-version .s-element > .witget-product, .mobile-version .s-element > .witget-product.style-1, .mobile-version .s-element > .witget-product.style-2, .mobile-version .s-element > .witget-product.style-3, .mobile-version .s-element > .witget-product.style-4 {
    font-size: 0;
    overflow: hidden;
}
.mobile-version .s-element > .witget-product > .product, .mobile-version .s-element > .witget-product.style-1 > .product, .mobile-version .s-element > .witget-product.style-2 > .product, .mobile-version .s-element > .witget-product.style-3 > .product, .mobile-version .s-element > .witget-product.style-4 > .product {
    box-sizing: border-box;
    float: left;
    width: 100%;
}
.mobile-version .s-element > .witget-product > .product > .product-wrapper > .column, .mobile-version .s-element > .witget-product.style-1 > .product > .product-wrapper > .column, .mobile-version .s-element > .witget-product.style-2 > .product > .product-wrapper > .column, .mobile-version .s-element > .witget-product.style-3 > .product > .product-wrapper > .column, .mobile-version .s-element > .witget-product.style-4 > .product > .product-wrapper > .column {
    display: block;
    text-align: center;
    width: 100%;
}
.mobile-version .s-element > .witget-product > .product > .product-wrapper > .column.images, .mobile-version .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.images, .mobile-version .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.images, .mobile-version .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.images, .mobile-version .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.images {
    width: 100%;
}
.mobile-version .s-element > .witget-product > .product > .product-wrapper > .column.content, .mobile-version .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content, .mobile-version .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content, .mobile-version .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content, .mobile-version .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content {
    width: 100%;
}
.mobile-version .s-element > .witget-product > .product > .product-wrapper > .column.content > .action .button, .mobile-version .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content > .action .button, .mobile-version .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .button, .mobile-version .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .button, .mobile-version .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .button {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    max-width: 250px;
    width: 100%;
}
.mobile-version .s-element > .witget-product > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .mobile-version .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .mobile-version .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .mobile-version .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .mobile-version .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 0;
}
#editor.desktop .device-desktop {
    display: block;
}
#editor.desktop .mobile-hide {
}
#editor.desktop .mobile-show {
    display: none;
}
#editor.mobile .device-tablet, #editor.tablet .device-tablet {
    display: block;
}
#editor.mobile .s-grid, #editor.tablet .s-grid {
    background-attachment: scroll !important;
}
#editor.mobile .mobile-show, #editor.tablet .mobile-show {
}
#editor.mobile .mobile-hide, #editor.tablet .mobile-hide {
    display: none;
}
#editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row, #editor.tablet .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    display: block;
    padding: 0 20px;
    width: auto;
}
#editor.mobile .s-element > .witget-menu.fixed, #editor.tablet .s-element > .witget-menu.fixed {
    text-align: right;
}
#editor.mobile .s-element > .witget-menu.fixed .button, #editor.tablet .s-element > .witget-menu.fixed .button {
    background-clip: padding-box !important;
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 14px 16px !important;
    z-index: 100 !important;
}
#editor.mobile .s-element > .witget-text, #editor.tablet .s-element > .witget-text {
    word-break: keep-all;
    word-wrap: normal;
}
#editor.mobile .s-element > .witget-image, #editor.tablet .s-element > .witget-image {
    text-align: center;
}
#editor.mobile .s-element > .witget-image > .image, #editor.tablet .s-element > .witget-image > .image {
    height: auto !important;
    max-width: 90% !important;
    width: auto !important;
}
#editor.mobile .s-element > .witget-image > .image img, #editor.tablet .s-element > .witget-image > .image img {
    height: auto !important;
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
#editor.mobile {
    font-size: 16px;
}
#editor.mobile .device-mobile {
    display: block;
}
#editor.mobile .mobile-show {
}
#editor.mobile .mobile-hide {
    display: none;
}
#editor.mobile .s-grid {
    background-attachment: scroll !important;
}
#editor.mobile .s-cart {
    height: 60px;
    width: 60px;
}
#editor.mobile .s-cart img {
    margin-top: 18px;
    width: 40px;
}
#editor.mobile .s-cart .count {
    right: 0;
    top: -7px;
}
#editor.mobile .modal.cart .item {
    position: relative;
}
#editor.mobile .modal.cart .item > .image {
    vertical-align: top;
}
#editor.mobile .modal.cart .item > .name {
    margin-bottom: 20px;
    width: 200px;
}
#editor.mobile .modal.cart .item > .remove {
    margin-top: 2px;
    position: absolute;
    right: 0;
}
#editor.mobile .modal.cart .item > .count {
    text-align: left;
}
#editor.mobile .modal.cart .item > .price {
    float: right;
    margin-right: 40px;
    text-align: right;
}
#editor.mobile .modal.cart > .action {
    padding: 0 40px 40px !important;
}
#editor.mobile .modal.cart > .action > .price {
    display: block;
    float: none;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 5px;
}
#editor.mobile .modal.cart > .action > .price > .text {
    float: left;
}
#editor.mobile .modal.cart > .action > .price > #s-cart-total {
    float: right;
}
#editor.mobile .modal.cart > .action > .button {
    display: block;
    float: none;
    width: 100%;
}
#editor.mobile .s-grid > .s-grid-overlay {
    padding: 20px 0;
}
#editor.mobile .s-grid > .s-junction {
    display: none;
}
#editor.mobile .s-grid > .s-grid-overlay > .s-dots {
    width: 100%;
}
#editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    display: block;
    padding: 0;
}
#editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
    display: block;
    margin: 0;
    width: auto;
}
#editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper {
    margin: 0 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#editor.mobile .s-element > .witget-text {
    text-align: center;
    word-break: keep-all;
    word-wrap: normal;
}
#editor.mobile .s-element > .witget-text .wysiwyg-text-align-right {
    text-align: center;
}
#editor.mobile .s-element > .witget-text .wysiwyg-text-align-left {
    text-align: center;
}
#editor.mobile .s-element > .witget-text .wysiwyg-text-align-center {
    text-align: center;
}
#editor.mobile .s-element > .witget-text h1 {
    font-size: 36px;
    margin-bottom: 5px;
}
#editor.mobile .s-element > .witget-text h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
#editor.mobile .s-element > .witget-text h3 {
    font-size: 24px;
    margin-bottom: 5px;
}
#editor.mobile .s-element > .witget-text h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
#editor.mobile .s-element > .witget-text h5 {
    font-size: 18px;
    margin-bottom: 5px;
}
#editor.mobile .s-element > .witget-text h6 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
#editor.mobile .s-element > .witget-form > .inputs {
    padding: 0 20px !important;
}
#editor.mobile .s-element > .witget-form > .inputs > .input.fluid {
    display: block !important;
    width: auto !important;
}
#editor.mobile .s-element > .witget-form > .action.left, #editor.mobile .s-element > .witget-form > .action.center, #editor.mobile .s-element > .witget-form > .action.right {
    padding: 0 20px !important;
    text-align: center !important;
}
#editor.mobile .s-element > .witget-form > .action.left button, #editor.mobile .s-element > .witget-form > .action.center button, #editor.mobile .s-element > .witget-form > .action.right button {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}
#editor.mobile .s-element > .witget-form > .footer {
    text-align: center !important;
}
#editor.mobile .s-element > .witget-image {
    text-align: center;
}
#editor.mobile .s-element > .witget-image > .image {
    height: auto !important;
    max-width: 90% !important;
    width: auto !important;
}
#editor.mobile .s-element > .witget-image > .image img {
    height: auto !important;
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
#editor.mobile .s-element > .witget-menu.fixed {
    text-align: right;
}
#editor.mobile .s-element > .witget-menu.fixed .button {
    background-clip: padding-box !important;
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 14px 16px !important;
    z-index: 100 !important;
}
#editor.mobile .s-element > .witget-button {
    display: block;
    float: none;
}
#editor.mobile .s-element > .witget-button > .button {
    display: block;
    margin: 10px !important;
    text-align: center !important;
}
#editor.mobile .s-element > .witget-blank {
    max-height: 10px;
}
#editor.mobile .s-element > .witget-slideshow > .content.one > .image {
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
#editor.mobile .s-element > .witget-slideshow > .content.one > .image > img, #editor.mobile .s-element > .witget-slideshow > .content.one > .image > canvas {
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
}
#editor.mobile .s-element > .witget-slideshow > .content.one::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#editor.mobile .s-element > .witget-product, #editor.mobile .s-element > .witget-product.style-1, #editor.mobile .s-element > .witget-product.style-2, #editor.mobile .s-element > .witget-product.style-3, #editor.mobile .s-element > .witget-product.style-4 {
    font-size: 0;
    overflow: hidden;
}
#editor.mobile .s-element > .witget-product > .product, #editor.mobile .s-element > .witget-product.style-1 > .product, #editor.mobile .s-element > .witget-product.style-2 > .product, #editor.mobile .s-element > .witget-product.style-3 > .product, #editor.mobile .s-element > .witget-product.style-4 > .product {
    box-sizing: border-box;
    float: left;
    width: 100%;
}
#editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column, #editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column, #editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column, #editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column, #editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column {
    display: block;
    text-align: center;
    width: 100%;
}
#editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.images, #editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.images, #editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.images, #editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.images, #editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.images {
    width: 100%;
}
#editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.content, #editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content, #editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content, #editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content, #editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content {
    width: 100%;
}
#editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.content > .action .button, #editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content > .action .button, #editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .button, #editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .button, #editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .button {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    max-width: 250px;
    width: 100%;
}
#editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, #editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, #editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, #editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, #editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 0;
}
.mobile-modal #modal > .content {
    width: auto;
}
.mobile-modal #modal > .content > .modal {
    background-color: #efefef;
    border-radius: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 6001;
}
.mobile-modal #modal > .content > .modal > .header {
    border-bottom: medium none;
    padding: 35px 20px 50px;
    text-align: center;
}
.mobile-modal #modal > .content > .modal > .editing-inputs.menu > .button {
    font-size: 18px;
    padding: 20px 0;
}
.mobile-modal #modal > .content > .modal > .header > .close {
    display: inline-block;
    float: none;
    margin-left: 50px;
    position: relative;
    width: 40px;
}
.mobile-modal #modal > .content > .modal > .header > .close > img {
    height: auto;
    width: 50px;
}
.mobile-modal #modal > .content > .modal > .content {
    padding: 0 20px 50px;
}
.mobile-modal #modal > .content > .modal > .action {
    padding: 0 0 40px;
    text-align: center;
}
#s-228 #s-901, #s-198 #s-893 {
    float: right;
}
@media (min-width: 768px) and (max-width: 1024px) {

.s-editor.mobile .device-tablet {
    display: block;
}
.s-editor.mobile .s-grid {
    background-attachment: scroll !important;
}
.s-editor.mobile .mobile-show {
}
.s-editor.mobile .mobile-hide {
    display: none;
}
.s-editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    display: block;
    padding: 0 20px;
    width: auto;
}
.s-editor.mobile .s-element > .witget-menu.fixed {
    text-align: right;
}
.s-editor.mobile .s-element > .witget-menu.fixed .button {
    background-clip: padding-box !important;
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 14px 16px !important;
    z-index: 100 !important;
}
.s-editor.mobile .s-element > .witget-text {
    word-break: keep-all;
    word-wrap: normal;
}
.s-editor.mobile .s-element > .witget-image {
    text-align: center;
}
.s-editor.mobile .s-element > .witget-image > .image {
    height: auto !important;
    max-width: 90% !important;
    width: auto !important;
}
.s-editor.mobile .s-element > .witget-image > .image img {
    height: auto !important;
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
.s-editor.mobile #modal > .content {
    width: auto;
}
.s-editor.mobile #modal > .content > .modal {
    background-color: #efefef;
    border-radius: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 6001;
}
.s-editor.mobile #modal > .content > .modal > .header {
    border-bottom: medium none;
    padding: 35px 20px 50px;
    text-align: center;
}
.s-editor.mobile #modal > .content > .modal > .editing-inputs.menu > .button {
    font-size: 18px;
    padding: 20px 0;
}
.s-editor.mobile #modal > .content > .modal > .header > .close {
    display: inline-block;
    float: none;
    margin-left: 50px;
    position: relative;
    width: 40px;
}
.s-editor.mobile #modal > .content > .modal > .header > .close > img {
    height: auto;
    width: 50px;
}
.s-editor.mobile #modal > .content > .modal > .content {
    padding: 0 20px 50px;
}
.s-editor.mobile #modal > .content > .modal > .action {
    padding: 0 0 40px;
    text-align: center;
}

}
@media (max-width: 760px) {
	#s-228 #s-901, #s-198 #s-893 {
    float: none;

}
.s-editor.mobile {
    font-size: 16px;
}
.s-editor.mobile .device-mobile {
    display: block;
}
.s-editor.mobile .mobile-show {
}
.s-editor.mobile .mobile-hide {
    display: none;
}
.s-editor.mobile .s-grid {
    background-attachment: scroll !important;
}
.s-editor.mobile .s-cart {
    height: 60px;
    width: 60px;
}
.s-editor.mobile .s-cart img {
    margin-top: 18px;
    width: 40px;
}
.s-editor.mobile .s-cart .count {
    right: 0;
    top: -7px;
}
.s-editor.mobile .modal.cart .item {
    position: relative;
}
.s-editor.mobile .modal.cart .item > .image {
    vertical-align: top;
}
.s-editor.mobile .modal.cart .item > .name {
    margin-bottom: 20px;
    width: 200px;
}
.s-editor.mobile .modal.cart .item > .remove {
    margin-top: 2px;
    position: absolute;
    right: 0;
}
.s-editor.mobile .modal.cart .item > .count {
    text-align: left;
}
.s-editor.mobile .modal.cart .item > .price {
    float: right;
    margin-right: 40px;
    text-align: right;
}
.s-editor.mobile .modal.cart > .action {
    padding: 0 40px 40px !important;
}
.s-editor.mobile .modal.cart > .action > .price {
    display: block;
    float: none;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 5px;
}
.s-editor.mobile .modal.cart > .action > .price > .text {
    float: left;
}
.s-editor.mobile .modal.cart > .action > .price > #s-cart-total {
    float: right;
}
.s-editor.mobile .modal.cart > .action > .button {
    display: block;
    float: none;
    width: 100%;
}
.s-editor.mobile .s-grid > .s-grid-overlay {
    padding: 20px 0;
}
.s-editor.mobile .s-grid > .s-junction {
    display: none;
}
.s-editor.mobile .s-grid > .s-grid-overlay > .s-dots {
    width: 100%;
}
.s-editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row {
    display: block;
    padding: 0;
}
.s-editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col {
    display: block;
    margin: 0;
    width: auto;
}
.s-editor.mobile .s-grid > .s-grid-overlay > .s-grid-wrapper > .s-row > .s-col > .s-col-wrapper {
    margin: 0 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.s-editor.mobile .s-element > .witget-text {
    text-align: center;
    word-break: keep-all;
    word-wrap: normal;
}
.s-editor.mobile .s-element > .witget-text .wysiwyg-text-align-right {
    text-align: center;
}
.s-editor.mobile .s-element > .witget-text .wysiwyg-text-align-left {
    text-align: center;
}
.s-editor.mobile .s-element > .witget-text .wysiwyg-text-align-center {
    text-align: center;
}
.s-editor.mobile .s-element > .witget-text h1 {
    font-size: 36px;
    margin-bottom: 5px;
}
.s-editor.mobile .s-element > .witget-text h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
.s-editor.mobile .s-element > .witget-text h3 {
    font-size: 24px;
    margin-bottom: 5px;
}
.s-editor.mobile .s-element > .witget-text h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
.s-editor.mobile .s-element > .witget-text h5 {
    font-size: 18px;
    margin-bottom: 5px;
}
.s-editor.mobile .s-element > .witget-text h6 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.s-editor.mobile .s-element > .witget-form > .inputs {
    padding: 0 20px !important;
}
.s-editor.mobile .s-element > .witget-form > .inputs > .input.fluid {
    display: block !important;
    width: auto !important;
}
.s-editor.mobile .s-element > .witget-form > .action.left, .s-editor.mobile .s-element > .witget-form > .action.center, .s-editor.mobile .s-element > .witget-form > .action.right {
    padding: 0 20px !important;
    text-align: center !important;
}
.s-editor.mobile .s-element > .witget-form > .action.left button, .s-editor.mobile .s-element > .witget-form > .action.center button, .s-editor.mobile .s-element > .witget-form > .action.right button {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}
.s-editor.mobile .s-element > .witget-form > .footer {
    text-align: center !important;
}
.s-editor.mobile .s-element > .witget-image {
    text-align: center;
}
.s-editor.mobile .s-element > .witget-image > .image {
    height: auto !important;
    max-width: 90% !important;
    width: auto !important;
}
.s-editor.mobile .s-element > .witget-image > .image img {
    height: auto !important;
    margin: 0 auto !important;
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
}
.s-editor.mobile .s-element > .witget-menu.fixed {
    text-align: right;
}
.s-editor.mobile .s-element > .witget-menu.fixed .button {
    background-clip: padding-box !important;
    background-color: #000 !important;
    border-radius: 100% !important;
    color: #fff !important;
    font-size: 24px !important;
    padding: 14px 16px !important;
    z-index: 100 !important;
}
.s-editor.mobile .s-element > .witget-button {
    display: block;
    float: none;
}
.s-editor.mobile .s-element > .witget-button > .button {
    display: block;
    margin: 10px !important;
    text-align: center !important;
}
.s-editor.mobile .s-element > .witget-blank {
    max-height: 10px;
}
.s-editor.mobile .s-element > .witget-slideshow > .content.one > .image {
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.s-editor.mobile .s-element > .witget-slideshow > .content.one > .image > img, .s-editor.mobile .s-element > .witget-slideshow > .content.one > .image > canvas {
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
}
.s-editor.mobile .s-element > .witget-slideshow > .content.one::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.s-editor.mobile .s-element > .witget-product, .s-editor.mobile .s-element > .witget-product.style-1, .s-editor.mobile .s-element > .witget-product.style-2, .s-editor.mobile .s-element > .witget-product.style-3, .s-editor.mobile .s-element > .witget-product.style-4 {
    font-size: 0;
    overflow: hidden;
}
.s-editor.mobile .s-element > .witget-product > .product, .s-editor.mobile .s-element > .witget-product.style-1 > .product, .s-editor.mobile .s-element > .witget-product.style-2 > .product, .s-editor.mobile .s-element > .witget-product.style-3 > .product, .s-editor.mobile .s-element > .witget-product.style-4 > .product {
    box-sizing: border-box;
    float: left;
    width: 100%;
}
.s-editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column, .s-editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column, .s-editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column, .s-editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column, .s-editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column {
    display: block;
    text-align: center;
    width: 100%;
}
.s-editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.images, .s-editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.images, .s-editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.images, .s-editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.images, .s-editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.images {
    width: 100%;
}
.s-editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.content, .s-editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content, .s-editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content, .s-editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content, .s-editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content {
    width: 100%;
}
.s-editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.content > .action .button, .s-editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content > .action .button, .s-editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .button, .s-editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .button, .s-editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .button {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    max-width: 250px;
    width: 100%;
}
.s-editor.mobile .s-element > .witget-product > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .s-editor.mobile .s-element > .witget-product.style-1 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .s-editor.mobile .s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .s-editor.mobile .s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart, .s-editor.mobile .s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 0;
}
.s-editor.mobile #modal > .content {
    width: auto;
}
.s-editor.mobile #modal > .content > .modal {
    background-color: #efefef;
    border-radius: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 6001;
}
.s-editor.mobile #modal > .content > .modal > .header {
    border-bottom: medium none;
    padding: 35px 20px 50px;
    text-align: center;
}
.s-editor.mobile #modal > .content > .modal > .editing-inputs.menu > .button {
    font-size: 18px;
    padding: 20px 0;
}
.s-editor.mobile #modal > .content > .modal > .header > .close {
    display: inline-block;
    float: none;
    margin-left: 50px;
    position: relative;
    width: 40px;
}
.s-editor.mobile #modal > .content > .modal > .header > .close > img {
    height: auto;
    width: 50px;
}
.s-editor.mobile #modal > .content > .modal > .content {
    padding: 0 20px 50px;
}
.s-editor.mobile #modal > .content > .modal > .action {
    padding: 0 0 40px;
    text-align: center;
}
}
.s-element {
    box-sizing: border-box;
    float: left;
    margin: 0;
    outline: 2px solid rgba(255, 255, 255, 0);
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 10;
}
.s-element.dragging {
    box-shadow: none;
    max-width: 400px;
    position: absolute;
}
.s-element.draggable {
    opacity: 0.2;
}
.s-element.selected {
    outline: 2px solid #009cff;
}
.s-element > .settings {
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 103;
}
.s-element > .settings .size-small {
    display: none;
}
.s-element > .settings.small .size-small {
    display: inline-block;
}
.s-element > .settings.small .size-big {
    display: none;
}
.s-element > .settings .buttons {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}
.s-element > .settings .buttons a {
    box-shadow: none;
    padding: 9px 13px !important;
}
.s-element > .settings .buttons a i {
    font-size: 16px !important;
}
.absolute {
    position: absolute !important;
    z-index: 800;
}
#lines > div {
    position: absolute;
    z-index: 999;
}
.s-element div {
    white-space: normal;
    word-spacing: normal;
}
.s-element > .blank {
    background-clip: padding-box;
    background-color: #333;
    border-radius: 5px;
    color: #ccc;
    display: block;
    margin: 10px;
    overflow: hidden;
    padding: 40px 0;
    text-align: center;
}
.s-element > .blank .image {
    display: block;
    font-size: 38px;
}
.s-element > .blank .text {
    display: inline-block;
    padding: 10px 15px 0;
}
.s-element > .blank.green {
    background-color: #5bbd72;
    color: #fff;
}
.s-element > .blank.red {
    background-color: #d95c5c;
    color: #fff;
}
.s-element > .witget-image {
    display: block;
    margin: 0;
}
.s-element > .witget-image.center {
    text-align: center;
}
.s-element > .witget-image.left {
    float: none;
    text-align: left;
}
.s-element > .witget-image.right {
    float: none;
    text-align: right;
}
.s-element > .witget-image > .image > .hover {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.2s ease 0s;
    z-index: 1;
}
.s-element > .witget-image > .image > .hover > .content {
    display: inline-block;
    max-width: 90%;
    vertical-align: middle;
}
.s-element > .witget-image > .image > .hover > .content img {
    margin-bottom: 10px;
    max-width: 60px;
}
.s-element > .witget-image > .image > .hover::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.s-element > .witget-image > .image {
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-align: inherit;
    width: auto;
}
.s-element > .witget-image > .image > img, .s-element > .witget-image > .image > canvas {
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    max-width: 100%;
    width: auto;
}
.s-element > .witget-image > .image:hover > .hover {
    opacity: 1;
}
.s-element > .witget-image.strech {
    overflow: hidden;
}
.s-element > .witget-image.strech > .image {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 960px;
}
.s-element > .witget-image.strech > .image > img, .s-element > .witget-image.strech > .image > canvas {
    height: 100%;
    margin: 0;
    max-width: none;
    width: auto;
}
.s-element > .witget-image.strech.center > .image {
    width: 960px;
}
.s-element > .witget-image.strech.center > .image > img, .s-element > .witget-image.strech.center > .image > canvas {
    height: 100%;
    margin: 0 -480px;
    max-width: none;
    width: auto;
}
.s-element > .witget-form {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    padding: 0;
    text-align: center;
}
.s-element > .witget-form > .header {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.1;
}
.s-element > .witget-form > .header b {
    font-weight: bold;
}
.s-element > .witget-form > .header h1, .s-element > .witget-form > .header h2, .s-element > .witget-form > .header h3, .s-element > .witget-form > .header h4 {
    font-weight: 300;
}
.s-element > .witget-form > .header h6 {
    font-weight: bold;
}
.s-element > .witget-form > .header span {
    padding: 0 1px;
}
.s-element > .witget-form > .header div {
    margin: 0;
    padding: 0;
}
.s-element > .witget-form > .header a {
    text-decoration: underline;
}
.s-element > .witget-form > .header b {
    font-weight: bold;
}
.s-element > .witget-form > .header i {
    font-style: italic;
}
.s-element > .witget-form > .header s {
    text-decoration: line-through;
}
.s-element > .witget-form > .header u {
    text-decoration: underline;
}
.s-element > .witget-form > .header a, .s-element > .witget-form > .header b, .s-element > .witget-form > .header i, .s-element > .witget-form > .header s, .s-element > .witget-form > .header u, .s-element > .witget-form > .header span {
    background-color: inherit;
    color: inherit;
}
.s-element > .witget-form > .header img {
    max-width: 100%;
}
.s-element > .witget-form > .header blockquote, .s-element > .witget-form > .header ol, .s-element > .witget-form > .header ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.s-element > .witget-form > .header ol {
    display: inline-block;
    list-style-type: decimal;
    text-align: left;
}
.s-element > .witget-form > .header ul {
    display: inline-block;
    list-style-type: disc;
    text-align: left;
}
.s-element > .witget-form > .header .wysiwyg-text-align-right {
    text-align: right;
}
.s-element > .witget-form > .header .wysiwyg-text-align-left {
    text-align: left;
}
.s-element > .witget-form > .header .wysiwyg-text-align-center {
    text-align: center;
}
.s-element > .witget-form > .inputs {
    display: block;
    padding: 0 50px;
}
.s-element > .witget-form > .inputs > .input {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: bottom;
}
.s-element > .witget-form > .inputs > .input.fluid {
    float: none;
}
.s-element > .witget-form > .inputs > .input > .upload {
    border: 1px solid #dfdfdf;
    box-shadow: none;
}
.s-element > .witget-form > .inputs > .input > input, .s-element > .witget-form > .inputs > .input textarea {
    border: 1px solid #dfdfdf;
}
.s-element > .witget-form > .inputs > .input > label.text {
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    margin-top: 5px;
    text-align: left;
}
.s-element > .witget-form > .inputs > .input > input[type="checkbox"] + label, .s-element > .witget-form > .inputs > .input > input[type="radio"] + label {
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    margin-top: 3px;
}
.s-element > .witget-form > .inputs > .input > .action > button {
    cursor: pointer;
    margin: 1px !important;
    transition: all 0.2s ease 0s;
    vertical-align: bottom;
    width: 100%;
}
.s-element > .witget-form > .footer {
    color: #999;
    display: block;
    float: none;
    font-size: 14px;
    padding: 15px 50px;
    text-align: center;
}
.s-element > .witget-form > .footer b {
    font-weight: bold;
}
.s-element > .witget-form > .footer h1, .s-element > .witget-form > .footer h2, .s-element > .witget-form > .footer h3, .s-element > .witget-form > .footer h4 {
    font-weight: 300;
}
.s-element > .witget-form > .footer h6 {
    font-weight: bold;
}
.s-element > .witget-form > .footer span {
    padding: 0 1px;
}
.s-element > .witget-form > .footer div {
    margin: 0;
    padding: 0;
}
.s-element > .witget-form > .footer a {
    text-decoration: underline;
}
.s-element > .witget-form > .footer b {
    font-weight: bold;
}
.s-element > .witget-form > .footer i {
    font-style: italic;
}
.s-element > .witget-form > .footer s {
    text-decoration: line-through;
}
.s-element > .witget-form > .footer u {
    text-decoration: underline;
}
.s-element > .witget-form > .footer a, .s-element > .witget-form > .footer b, .s-element > .witget-form > .footer i, .s-element > .witget-form > .footer s, .s-element > .witget-form > .footer u, .s-element > .witget-form > .footer span {
    background-color: inherit;
    color: inherit;
}
.s-element > .witget-form > .footer img {
    max-width: 100%;
}
.s-element > .witget-form > .footer blockquote, .s-element > .witget-form > .footer ol, .s-element > .witget-form > .footer ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.s-element > .witget-form > .footer ol {
    display: inline-block;
    list-style-type: decimal;
    text-align: left;
}
.s-element > .witget-form > .footer ul {
    display: inline-block;
    list-style-type: disc;
    text-align: left;
}
.s-element > .witget-form > .footer .wysiwyg-text-align-right {
    text-align: right;
}
.s-element > .witget-form > .footer .wysiwyg-text-align-left {
    text-align: left;
}
.s-element > .witget-form > .footer .wysiwyg-text-align-center {
    text-align: center;
}
.s-element > .witget-form > .action {
    display: block;
    float: none;
    padding: 0 50px;
    text-align: center;
}
.s-element > .witget-form > .action button {
    cursor: pointer;
}
.s-element > .witget-form > .action.left, .s-element > .witget-form > .footer.left {
    text-align: left;
}
.s-element > .witget-form > .action.right, .s-element > .witget-form > .footer.right {
    text-align: right;
}
.s-element > .witget-form > .footer.wide {
    width: auto;
}
.s-element > .witget-form > .action.wide {
    padding: 0;
}
.s-element > .witget-form > .action.wide > button {
    background-clip: padding-box;
    border-radius: 0 0 5px 5px;
    display: block;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}
.s-element > .witget-form > .action > button {
    transition: all 0.2s ease 0s;
}
.s-element > .witget-form > .action > button b {
    font-weight: bold;
}
.s-element > .witget-form > .action > button h1, .s-element > .witget-form > .action > button h2, .s-element > .witget-form > .action > button h3, .s-element > .witget-form > .action > button h4 {
    font-weight: 300;
}
.s-element > .witget-form > .action > button h6 {
    font-weight: bold;
}
.s-element > .witget-form > .action > button span {
    padding: 0 1px;
}
.s-element > .witget-form > .action > button div {
    margin: 0;
    padding: 0;
}
.s-element > .witget-form > .action > button a {
    text-decoration: underline;
}
.s-element > .witget-form > .action > button b {
    font-weight: bold;
}
.s-element > .witget-form > .action > button i {
    font-style: italic;
}
.s-element > .witget-form > .action > button s {
    text-decoration: line-through;
}
.s-element > .witget-form > .action > button u {
    text-decoration: underline;
}
.s-element > .witget-form > .action > button a, .s-element > .witget-form > .action > button b, .s-element > .witget-form > .action > button i, .s-element > .witget-form > .action > button s, .s-element > .witget-form > .action > button u, .s-element > .witget-form > .action > button span {
    background-color: inherit;
    color: inherit;
}
.s-element > .witget-form > .action > button img {
    max-width: 100%;
}
.s-element > .witget-form > .action > button blockquote, .s-element > .witget-form > .action > button ol, .s-element > .witget-form > .action > button ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.s-element > .witget-form > .action > button ol {
    display: inline-block;
    list-style-type: decimal;
    text-align: left;
}
.s-element > .witget-form > .action > button ul {
    display: inline-block;
    list-style-type: disc;
    text-align: left;
}
.s-element > .witget-form > .action > button .wysiwyg-text-align-right {
    text-align: right;
}
.s-element > .witget-form > .action > button .wysiwyg-text-align-left {
    text-align: left;
}
.s-element > .witget-form > .action > button .wysiwyg-text-align-center {
    text-align: center;
}
.s-element > .witget-video {
    display: block;
    margin: 10px;
    position: relative;
}
.s-element > .witget-video > img, .s-element > .witget-video > iframe {
    max-width: 100%;
    width: auto;
}
.s-element > .witget-video > .icon {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 100%;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 30px;
    transition: all 0.2s ease 0s;
}
.s-element > .witget-video > .icon > i {
    font-size: 46px;
    margin-left: 10px;
}
.s-element > .witget-video > .icon:hover {
    background-color: #efefef;
}
.s-element > .witget-button {
    display: block;
    overflow: hidden;
    text-align: center;
}
.s-element > .witget-button > .button {
    border: medium none;
    box-shadow: none;
    display: inline-block;
}
.s-element > .witget-button > .button i, .s-element > .witget-button > .button span {
    display: inline-block;
    vertical-align: middle;
}
.s-element > .witget-button.left {
    text-align: left;
}
.s-element > .witget-button.right {
    text-align: right;
}
.s-element > .witget-button.wide > .button {
    display: block;
}
.s-element > .witget-menu {
    display: block;
    overflow: hidden;
    text-align: center;
}
.s-element > .witget-menu > .button {
    border: medium none;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
}
.s-element > .witget-menu > .button i, .s-element > .witget-menu > .button span {
    display: inline-block;
    vertical-align: middle;
}
.s-element > .witget-menu.left {
    text-align: left;
}
.s-element > .witget-menu.right {
    text-align: right;
}
.s-element > .witget-menu.wide > .button {
    display: block;
}
.s-element > .witget-socials {
    display: block;
    margin: 0;
    position: relative;
    text-align: center;
}
.s-element > .witget-socials > .share {
    cursor: pointer;
    display: inline-block;
    transition: background-color 0.2s ease 0s;
}
.s-element > .witget-socials > .share i {
    transition: color 0.2s ease 0s;
}
.s-element > .witget-socials > .share i.fa-facebook {
    padding: 0 5px;
}
.s-element > .witget-socials > .comment {
    display: inline-block;
    max-width: 600px;
    width: 100%;
}
.s-element > .witget-socials > .comment > img {
    max-width: 100%;
    width: auto;
}
.s-element > .witget-timer {
    display: block;
    margin: 10px;
    position: relative;
    text-align: center;
}
.s-element > .witget-timer > .part {
    display: inline-block;
    line-height: 1.1;
}
.s-element > .witget-timer > .part > .digit {
    font-size: 1em;
}
.s-element > .witget-timer > .part > .text {
    font-size: 0.5em;
}
.s-element > .witget-timer > .part.end {
    color: #666;
    font-size: 22px;
    font-weight: 300;
    padding: 25px 30px;
}
.s-element > .witget-hr {
    display: block;
    line-height: 1.4;
    margin: 10px;
    position: relative;
    text-align: center;
}
.s-element > .witget-hr > .hr {
    display: block;
    font-weight: 300;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}
.s-element > .witget-hr > .hr > span {
    display: inline-block;
    position: relative;
}
.s-element > .witget-hr > .hr > span::before {
    margin-right: 15px;
    right: 100%;
}
.s-element > .witget-hr > .hr > span::after {
    left: 100%;
    margin-left: 15px;
}
.s-element > .witget-hr > .hr > span::before, .s-element > .witget-hr > .hr > span::after {
    background-color: transparent;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    content: "";
    height: 1px;
    position: absolute;
    top: 50%;
    width: 9999px;
}
.s-element > .witget-hr > .hr.empty {
    border-top: 1px solid #dfdfdf;
}
.s-element > .witget-hr > .hr.empty.double {
    border-top: 6px double #dfdfdf;
}
.s-element > .witget-slideshow {
    display: block;
    margin: 0;
    text-align: center;
}
.s-element > .witget-slideshow:hover > .content > .arrow-block > .arrow {
    opacity: 0.7;
}
.s-element > .witget-slideshow > .content {
    display: inline-block;
    max-width: 100%;
    position: relative;
    text-align: center;
    width: auto;
}
.s-element > .witget-slideshow > .content > .arrow-block {
    bottom: 0;
    position: absolute;
    top: 0;
    vertical-align: middle;
    z-index: 100;
}
.s-element > .witget-slideshow > .content > .arrow-block.left {
    left: 15px;
}
.s-element > .witget-slideshow > .content > .arrow-block.left > .arrow {
    background-clip: padding-box;
    border-radius: 5px;
}
.s-element > .witget-slideshow > .content > .arrow-block.right {
    right: 15px;
}
.s-element > .witget-slideshow > .content > .arrow-block.right > .arrow {
    background-clip: padding-box;
    border-radius: 5px;
}
.s-element > .witget-slideshow > .content > .arrow-block > .clear {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
.s-element > .witget-slideshow > .content > .arrow-block > .arrow {
    background-color: #000;
    cursor: pointer;
    display: inline-block;
    opacity: 0;
    padding: 25px;
    transition: opacity 0.2s ease 0s;
    vertical-align: middle;
}
.s-element > .witget-slideshow > .content > .arrow-block > .arrow img {
    height: 50px;
    width: auto;
}
.s-element > .witget-slideshow > .content > .arrow-block > .arrow:hover {
    opacity: 1;
}
.s-element > .witget-slideshow > .content > .image {
    box-sizing: border-box;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    width: auto;
}
.s-element > .witget-slideshow > .content > .image > img {
    height: auto;
    max-height: 100%;
    vertical-align: top;
    width: auto;
}
.s-element > .witget-slideshow > .content.one {
    overflow: hidden;
}
.s-element > .witget-slideshow > .content.one > .image {
    height: 100%;
    width: 2000px;
}
.s-element > .witget-slideshow > .content.one > .image > img, .s-element > .witget-slideshow > .content.one > .image > canvas {
    height: 100%;
    margin: 0 -1000px;
    max-width: none;
    width: auto;
}
.s-element > .witget-slideshow > .content.one::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.s-element > .witget-slideshow > .content.two > .image {
    float: left;
    padding: 5px;
    width: 50%;
}
.s-element > .witget-slideshow > .content.three > .image {
    float: left;
    padding: 5px;
    width: 33%;
}
.s-element > .witget-slideshow > .content.four > .image {
    float: left;
    padding: 5px;
    width: 25%;
}
.s-element > .witget-slideshow > .thumbs {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    white-space: nowrap;
}
.s-element > .witget-slideshow > .thumbs > .image {
    border: 3px solid #fff;
    display: inline-block;
    height: 55px;
    opacity: 0.6;
    width: 55px;
}
.s-element > .witget-slideshow > .thumbs > .image > img {
    width: 100%;
}
.s-element > .witget-slideshow > .thumbs > .image.active {
    border: 3px solid #333;
    opacity: 1;
}
.s-element > .witget-slideshow > .thumbs > .image:hover {
    cursor: pointer;
    opacity: 1;
}
.s-element > .witget-slideshow > .dots {
    cursor: pointer;
    display: block;
    margin-top: 10px;
    text-align: center;
}
.s-element > .witget-slideshow > .dots > div {
    display: inline-block;
    height: 10px;
    width: 10px;
}
.s-element > .witget-blank {
    border: 2px dashed rgba(0, 0, 0, 0.4);
}
.s-element.selected > .witget-text h1, .s-element.selected > .witget-text h2, .s-element.selected > .witget-text h3, .s-element.selected > .witget-text h4, .s-element.selected > .witget-text h5, .s-element.selected > .witget-text h6 {
    position: relative;
}
.s-element.selected > .witget-text h1::before, .s-element.selected > .witget-text h2::before, .s-element.selected > .witget-text h3::before, .s-element.selected > .witget-text h4::before, .s-element.selected > .witget-text h5::before, .s-element.selected > .witget-text h6::before {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    content: "H2";
    display: block;
    font-size: 10px;
    font-weight: bold;
    left: -35px;
    line-height: 1;
    opacity: 1;
    padding: 6px;
    position: absolute;
    top: 0;
    vertical-align: top;
}
.s-element.selected > .witget-text h1::before {
    content: "H1";
}
.s-element.selected > .witget-text h2::before {
    content: "H2";
}
.s-element.selected > .witget-text h3::before {
    content: "H3";
}
.s-element.selected > .witget-text h4::before {
    content: "H4";
}
.s-element.selected > .witget-text h5::before {
    content: "H5";
}
.s-element.selected > .witget-text h6::before {
    content: "H6";
}
.s-element.selected > .witget-text p {
    position: relative;
}
.s-element.selected > .witget-text p::before {
    background-clip: padding-box;
    background-color: #009cff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    color: #fff;
    content: "P";
    display: block;
    font-size: 10px;
    font-weight: bold;
    left: -33px;
    line-height: 1;
    opacity: 1;
    padding: 6px;
    position: absolute;
    top: 0;
    vertical-align: top;
}
.s-element > .witget-text {
    display: block;
    line-height: 1.6;
    text-align: left;
    word-wrap: break-word;
}
.s-element > .witget-text b {
    font-weight: bold;
}
.s-element > .witget-text h1, .s-element > .witget-text h2, .s-element > .witget-text h3, .s-element > .witget-text h4 {
    font-weight: 300;
}
.s-element > .witget-text h6 {
    font-weight: bold;
}
.s-element > .witget-text span {
    padding: 0 1px;
}
.s-element > .witget-text div {
    margin: 0;
    padding: 0;
}
.s-element > .witget-text a {
    text-decoration: underline;
}
.s-element > .witget-text b {
    font-weight: bold;
}
.s-element > .witget-text i {
    font-style: italic;
}
.s-element > .witget-text s {
    text-decoration: line-through;
}
.s-element > .witget-text u {
    text-decoration: underline;
}
.s-element > .witget-text a, .s-element > .witget-text b, .s-element > .witget-text i, .s-element > .witget-text s, .s-element > .witget-text u, .s-element > .witget-text span {
    background-color: inherit;
    color: inherit;
}
.s-element > .witget-text img {
    max-width: 100%;
}
.s-element > .witget-text blockquote, .s-element > .witget-text ol, .s-element > .witget-text ul {
    margin: 0 0 0 2em;
    padding: 0;
}
.s-element > .witget-text ol {
    display: inline-block;
    list-style-type: decimal;
    text-align: left;
}
.s-element > .witget-text ul {
    display: inline-block;
    list-style-type: disc;
    text-align: left;
}
.s-element > .witget-text .wysiwyg-text-align-right {
    text-align: right;
}
.s-element > .witget-text .wysiwyg-text-align-left {
    text-align: left;
}
.s-element > .witget-text .wysiwyg-text-align-center {
    text-align: center;
}
.s-element > .witget-product {
    display: block;
    margin: 0;
    position: relative;
    text-align: center;
}
.s-element > .witget-product > .product {
    box-sizing: border-box;
    font-size: 0;
}
.s-element > .witget-product > .product > .product-wrapper > .column {
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    padding: 20px;
    vertical-align: middle;
    width: 50%;
}
.s-element > .witget-product.style-1 > .product {
    width: 100%;
}
.s-element > .witget-product > .product > .product-wrapper > .column.images {
    margin: 0;
    text-align: center;
}
.s-element > .witget-product > .product > .product-wrapper > .column.images > .image {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}
.s-element > .witget-product > .product > .product-wrapper > .column.images > .image img {
    height: auto;
    max-width: 100%;
    width: auto;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content {
    text-align: left;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .name {
    margin-bottom: 20px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .description {
    margin-bottom: 20px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .price {
    margin-bottom: 20px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .price .sale {
    display: none;
    margin-top: 15px;
    text-decoration: line-through;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .params {
    margin-bottom: 5px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .params > .input {
    margin-bottom: 15px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .params > .input > .button {
    max-width: 250px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .params > .input > .button > span {
    text-transform: uppercase;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .params > .input > .button > i {
    color: #ccc;
    margin-top: -2px;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .action .button {
    font-weight: 300;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .action .button span {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .action .button i {
    display: inline-block;
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
}
.s-element > .witget-product > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 10px;
}
.s-element > .witget-product.style-2 {
    font-size: 0;
    overflow: hidden;
}
.s-element > .witget-product.style-2 > .product {
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.s-element > .witget-product.style-2 > .product > .product-wrapper > .column.images {
    width: 40%;
}
.s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content {
    width: 60%;
}
.s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .button {
    display: block;
    margin-bottom: 10px;
    max-width: 250px;
}
.s-element > .witget-product.style-2 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 0;
}
.s-element > .witget-product.style-3 {
    font-size: 0;
    overflow: hidden;
}
.s-element > .witget-product.style-3 > .product {
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.s-element > .witget-product.style-3 > .product > .product-wrapper > .column {
    display: block;
    text-align: center;
    width: 100%;
}
.s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .params > .input > .button {
    max-width: 300px;
}
.s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .button {
    clear: both;
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    max-width: 300px;
    width: 100%;
}
.s-element > .witget-product.style-3 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 0;
}
.s-element > .witget-product.style-4 {
    font-size: 0;
    overflow: hidden;
}
.s-element > .witget-product.style-4 > .product {
    box-sizing: border-box;
    float: left;
    width: 33%;
}
.s-element > .witget-product.style-4 > .product > .product-wrapper > .column {
    display: block;
    text-align: center;
    width: 100%;
}
.s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .button {
    display: inline-block;
    float: none;
    margin-bottom: 10px;
    max-width: 250px;
    width: 100%;
}
.s-element > .witget-product.style-4 > .product > .product-wrapper > .column.content > .action .buy-add-to-cart {
    margin-right: 0;
}
.shadow-section-1 {
    overflow: hidden;
}
.shadow-section-1::after {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    content: "";
    height: 10px;
    position: absolute;
    right: 10%;
    top: -15px;
    transform: rotate(-1deg);
    width: 40%;
    z-index: 1;
}
.shadow-section-1::before {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    content: "";
    height: 10px;
    left: 10%;
    position: absolute;
    top: -15px;
    transform: rotate(1deg);
    width: 40%;
    z-index: 1;
}
.shadow-section-2 {
    overflow: hidden;
}
.shadow-section-2::after {
    bottom: -15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    content: "";
    height: 10px;
    left: 10%;
    position: absolute;
    transform: rotate(-1deg);
    width: 40%;
    z-index: 1;
}
.shadow-section-2::before {
    bottom: -15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    content: "";
    height: 10px;
    position: absolute;
    right: 10%;
    transform: rotate(1deg);
    width: 40%;
    z-index: 1;
}
.shadow-form-1 {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.5);
}
.shadow-form-2 {
    position: relative;
}
.shadow-form-2::before, .shadow-form-2::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.shadow-form-2::after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
}
.shadow-form-3 {
    position: relative;
}
.shadow-form-3::before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.shadow-form-4 {
    position: relative;
}
.shadow-form-4::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 15px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    left: auto;
    max-width: 300px;
    position: absolute;
    right: 10px;
    top: 80%;
    transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}
.shadow-form-5 {
    position: relative;
}
.shadow-form-5::before, .shadow-form-5::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 25px;
    box-shadow: 0 35px 20px rgba(0, 0, 0, 0.5);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-8deg);
    width: 50%;
    z-index: -1;
}
.shadow-form-5::after {
    left: auto;
    right: 10px;
    transform: rotate(8deg);
}
.shadow-form-6 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.shadow-form-6::before, .shadow-form-6::after {
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: -1;
}
.shadow-form-6::after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
}
.shadow-form-7 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.shadow-form-7::before, .shadow-form-7::after {
    border-radius: 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: -1;
}
.shadow-form-7::after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
}
.shadow-form-8 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.shadow-form-8::before, .shadow-form-8::after {
    border-radius: 10px;
    bottom: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: -1;
}
.shadow-form-8::after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
}
.shadow-form-9 {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
.shadow-form-10 {
    box-shadow: 0 5px 40px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
.shadow-form-11 {
    box-shadow: 0 15px 60px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}
.toast-title {
    font-weight: bold;
}
.toast-message {
    word-wrap: break-word;
}
.toast-message a, .toast-message label {
    color: #ffffff;
}
.toast-message a:hover {
    color: #cccccc;
    text-decoration: none;
}
.toast-close-button {
    color: #ffffff;
    float: right;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.8;
    position: relative;
    right: -0.3em;
    text-shadow: 0 1px 0 #fff;
    top: -0.3em;
}
.toast-close-button:hover, .toast-close-button:focus {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}
button.toast-close-button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.toast-top-center {
    right: 0;
    top: 0;
    width: 100%;
}
.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-full-width {
    right: 0;
    top: 0;
    width: 100%;
}
.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}
.toast-top-left {
    left: 12px;
    top: 12px;
}
.toast-top-right {
    right: 12px;
    top: 12px;
}
.toast-bottom-right {
    bottom: 12px;
    right: 12px;
}
.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}
#toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999;
}
#toast-container * {
    box-sizing: border-box;
}
#toast-container > div {
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    margin: 0 0 6px;
    opacity: 0.8;
    overflow: hidden;
    padding: 15px 15px 15px 50px;
    pointer-events: auto;
    position: relative;
    width: 300px;
}
#toast-container > *:hover {
    box-shadow: 0 0 12px #000000;
    cursor: pointer;
    opacity: 1;
}
#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.toast {
    background-color: #030303;
}
.toast-success {
    background-color: #51a351;
}
.toast-error {
    background-color: #bd362f;
}
.toast-info {
    background-color: #2f96b4;
}
.toast-warning {
    background-color: #f89406;
}
.toast-progress {
    background-color: #000000;
    bottom: 0;
    height: 4px;
    left: 0;
    opacity: 0.4;
    position: absolute;
}
@media all and (max-width: 240px) {
	#s-228 #s-901, #s-198 #s-893 {
    float: none;
}
#toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
}
#toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
	#s-228 #s-901, #s-198 #s-893 {
    float: none;
}
#toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
}
#toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
}
}
@font-face {
    font-family: "Gotham";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/GothamProLight/GothamProLightd41dd41d.eot?#iefix") format("embedded-opentype"), url("fonts/GothamProLight/GothamProLight.woff") format("woff"), url("fonts/GothamProLight/GothamProLight.html") format("truetype");
}
body {
    background-color: #f8f8f8;
    color: #666;
    font-family: "Roboto",arial,sans-serif;
    font-size: 14px;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
}
body.site {
    background-color: #fff;
    line-height: 1.6em;
}
body.empty {
    background-image: url("../images/space/index.jpg");
    background-size: cover;
}
body.empty #subfooter {
    border-bottom-color: #333;
    border-top: medium none;
    color: #fff;
}
form {
    position: relative;
}
a {
    text-decoration: none;
}
i {
    font-style: italic;
}
i.fa {
    font-style: normal;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #dfdfdf;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    display: block;
}
hr.grey {
    border-color: #efefef;
}
.noselect {
    -moz-user-select: none;
}
.Clickable {
    cursor: pointer;
}
.hiden {
    display: none !important;
}
.padding-15 {
    padding: 15px;
}
.padding-5 {
    padding: 5px;
}
strong, .strong {
    font-weight: bold;
}
.wide {
    width: 100%;
}
.left {
    float: left;
}
.right {
    float: right;
}
.center {
    margin: 0 auto;
}
.centered {
    text-align: center !important;
    vertical-align: top;
}
.inline {
    display: inline-block !important;
    vertical-align: top;
}
.clear {
    clear: both;
}
.clear.height {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
.draggable {
    cursor: move;
}
.dragging {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    cursor: move;
    position: absolute;
    z-index: 9999;
}
.text-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.no-transition {
    transition: none 0s ease 0s !important;
}
.disabled {
    cursor: not-allowed !important;
    opacity: 0.3;
}
.dropdown {
    position: relative;
}
.dropdown > .list {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    display: none;
    position: absolute;
    z-index: 999;
}
.dropdown > .list::before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 10px;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -8px;
    width: 0;
    z-index: 2;
}
.dropdown.grey > .list::before {
    border-color: transparent transparent #efefef;
}
.dropdown > .list.active {
    display: block;
}
.dialog {
    background-clip: padding-box;
    background-color: #5c6166;
    border-radius: 5px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
    display: block;
    left: 100px;
    position: absolute;
    width: 200px;
    z-index: 1000;
}
.dialog .text {
    color: #efefef;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2em;
    padding: 20px 20px 15px;
}
.dialog .buttons.wide {
    margin-bottom: 10px;
    table-layout: fixed;
}
.dialog::before {
    border-color: #5c6166 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
    content: "";
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 2;
}
.divider {
    background-color: #fff;
    position: relative;
}
.divider.vertical {
    display: inline-block;
    height: 400px;
    padding-left: 15px;
    text-align: center;
}
.divider.vertical::before {
    border-left: 1px solid #ccc;
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.divider.vertical span {
    background-color: #fff;
    color: #999;
    display: inline-block;
    font-size: 14px;
    margin-left: -50%;
    padding: 20px 0;
    text-transform: uppercase;
    vertical-align: middle;
}
.divider.grey {
    background-color: #efefef;
}
.divider.grey span {
    background-color: #efefef;
}
.divider.lightgrey {
    background-color: #f8f8f8;
}
.divider.lightgrey span {
    background-color: #f8f8f8;
}
.ActivePopup {
    cursor: help;
}
.popup {
    background-clip: padding-box;
    background-color: #efefef;
    border-radius: 3px;
    box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04);
    display: block;
    line-height: 1.6;
    position: absolute;
    text-align: left;
    z-index: 2000;
}
.popup > .content {
    padding: 15px 20px;
}
.popup.dark {
    background-color: #333;
    color: #fff;
}
.popup > .header {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.086em;
    padding: 20px 20px 0;
    text-transform: uppercase;
}
.popup > .text {
    font-size: 14px;
    font-weight: 300;
    padding: 0 20px 20px;
}
.segment {
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.segment.outline {
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.segment.outline.big {
    border-width: 3px;
}
.segment.outline.dashed {
    border-style: dashed;
}
.segment.outline.bottom {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-clip: padding-box;
    border-color: -moz-use-text-color -moz-use-text-color #ccc;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
}
.segment.basic {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 5px -2px #ccc;
}
.segment.rounded {
    background-clip: padding-box;
    border-radius: 5px;
}
.segment.basic.grey {
    background-clip: padding-box;
    background-color: #dfdfdf;
    border-radius: 3px;
    box-shadow: none;
}
.segment.basic.shadowed {
    box-shadow: 0 10px 45px rgba(0, 0, 0, 0.5);
}
.segment.square {
    background-clip: padding-box;
    border-radius: 0;
}
.segment > .ribbon {
    background-color: red;
    display: block;
    margin-bottom: 64px;
    position: relative;
}
.segments {
    box-shadow: 0 1px 5px -2px #ccc;
}
.segments .segment {
    background-clip: padding-box;
    border-radius: 0;
    box-shadow: none;
}
.segments.prepend .segment:first-child {
    background-clip: padding-box;
    border-radius: 3px 3px 0 0;
}
.segments.prepend .segment:last-child {
    background-clip: padding-box;
    background-color: #ddd;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 3px -1px #999 inset;
}
.segment.payment {
    background-color: #ccc;
    border: 1px solid #ccc;
    float: left;
    height: 90px;
    margin: 10px 0 10px 20px;
    padding: 10px;
    width: 155px;
}
.segment.payment:hover {
    border: 1px solid #666;
    box-shadow: 0 1px 3px #999;
    cursor: pointer;
}
.tabled {
    display: table;
    table-layout: auto;
}
.tabled > .cell {
    display: table-cell;
    float: none !important;
    vertical-align: middle;
}
.message {
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 5px -2px #ccc;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1.4em;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%;
}
.message i {
    border-right: 1px solid #8db3c2;
    font-size: 32px;
    padding: 0 30px;
}
.message .header {
    padding: 15px 20px;
}
.message .header .sub.header {
    padding: 0;
}
.message.margin {
    margin-bottom: 20px;
}
.blue.message, .info.message {
    background-color: #e6f4f9;
    border: 1px solid #8db3c2;
    color: #4d8796;
}
.blue.message i, .info.message i {
    border-right: 1px solid #8db3c2;
}
.blue.message .sub.header, .info.message .sub.header {
    color: #4d8796;
    opacity: 0.7;
}
.green.message {
    background-color: #defcd5;
    border: 1px solid #93c781;
    color: #52a954;
}
.green.message i {
    border-right: 1px solid #93c781;
}
.green.message .sub.header {
    color: #52a954;
    opacity: 0.7;
}
.yellow.message, .warning.message {
    background-color: #f6f3d5;
    border: 1px solid #c7c17d;
    color: #96904d;
}
.yellow.message i, .warning.message i {
    border-right: 1px solid #c7c17d;
}
.yellow.message .sub.header, .warning.message .sub.header {
    color: #96904d;
    opacity: 0.7;
}
.red.message {
    background-color: #f1d7d7;
    border: 1px solid #c28080;
    color: #a95252;
}
.red.message i {
    border-right: 1px solid #c28080;
}
.red.message .sub.header {
    color: #a95252;
    opacity: 0.7;
}
.success.message, .positive.message {
    background-color: #defcd5;
    color: #52a954;
}
.success.message .sub.header, .positive.message .sub.header {
    color: #52a954;
    opacity: 0.7;
}
.error.message, .negative.message {
    background-color: #f1d7d7;
    color: #a95252;
}
.error.message .sub.header, .negative.message .sub.header {
    color: #a95252;
    opacity: 0.7;
}
.filled.message {
    border: medium none;
}
.filled.message > div {
    padding: 20px 30px;
}
.filled.green.message {
    background-color: #5bbd72;
    color: #fff;
}
.filled.red.message {
    background-color: #d95c5c;
    color: #fff;
}
table {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 3px;
    table-layout: auto;
    text-align: left;
    width: 100%;
}
table .sub.header {
    line-height: 1em;
}
table tr.bordered {
    background-clip: padding-box;
    border-bottom: 10px solid #efefef;
    border-radius: 3px;
}
table tr {
    border-bottom: 1px solid #efefef;
}
table tr td {
    padding: 20px 25px;
    vertical-align: top;
}
table tr td a {
    color: #ccc;
    margin-right: 5px;
}
table tr td a:hover {
    color: #666;
}
table tr:last-child {
    border: medium none;
}
table.crm {
    background-color: transparent;
    line-height: 1.6;
}
table.crm tr > td {
    padding: 15px 15px 15px 0;
}
.calendar {
    background-color: #fff;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 780px;
}
.calendar .button {
    background-clip: padding-box;
    border-radius: 0;
    display: table;
    font-size: 18px !important;
    height: 310px;
    margin: 0;
    padding: 22px 15px;
    width: 50px;
}
.calendar .button i {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.calendar .name {
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
}
.calendar .week {
    overflow: hidden;
    width: 100%;
}
.calendar .week .day {
    float: left;
    font-size: 14px;
    padding: 10px 0;
    width: 14.2%;
}
.calendar .group {
    float: left;
    overflow: hidden;
    padding: 0 10px;
}
.calendar .dates {
    float: left;
    overflow: hidden;
    padding: 15px 10px 5px;
    width: 200px;
}
.calendar .dates .name {
    text-align: left;
}
.calendar .dates .empty {
    color: #efefef;
}
.calendar .dates .empty, .calendar .dates .date {
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 10px 0;
    width: 14.2%;
}
.calendar .dates .date:hover {
    background-color: #efefef;
    cursor: pointer;
}
.calendar .dates .date.active {
    background-color: #666;
    color: #ffffff;
}
.dimmer {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: table;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 2000;
}
.dimmer > .content {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}
.dimmer.page {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 2000;
}
.dimmer.page > .content {
    color: #666;
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}
.dimmer.paged {
    background-color: #efefef;
}
.dimmer.paged > .content {
    width: 1140px;
}
.dimmer.empty {
    background-color: rgba(248, 248, 248, 0.85);
    bottom: 0;
    color: #000;
    display: block;
    height: 100%;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 800;
}
.dimmer.empty.editorBlocked {
    background-color: rgba(248, 248, 248, 0.95);
    z-index: 9999;
}
.dimmer.empty.editorBlocked .modal {
    background-color: transparent;
}
.dimmer.blocked {
    background-color: rgba(248, 248, 248, 0.85);
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    overflow: scroll;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: auto;
    z-index: 800;
}
.dimmer.empty > .content, .dimmer.blocked > .content {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.dimmer.empty > .content > div, .dimmer.blocked > .content > div {
    display: table-cell;
    vertical-align: middle;
}
.dimmer.empty > .content, .dimmer.blocked > .content > div {
    color: #666;
}
.modal {
    background-clip: padding-box;
    background-color: #efefef;
    border-radius: 3px;
    box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04);
    display: inline-block;
    margin: 50px 0;
    text-align: left;
    width: 100%;
}
.modal > .header {
    border-bottom: 1px solid #dfdfdf;
    display: block;
    padding: 15px 25px;
}
.modal > .content, .modal > form > .content {
    display: block;
    padding: 25px;
}
.modal > .content.padding, .modal > form > .content.padding {
    padding: 50px 60px;
}
.modal > .action, .modal > form > .action {
    display: block;
}
.modal > .action .buttons.wide, .modal > form > .action .buttons.wide {
    table-layout: fixed;
}
.modal > .action .buttons.wide .button:first-child, .modal > form > .action .buttons.wide .button:first-child {
    background-clip: padding-box;
    border-radius: 0 0 0 0.25em;
}
.modal > .action .buttons.wide .button:last-child, .modal > form > .action .buttons.wide .button:last-child {
    background-clip: padding-box;
    border-radius: 0 0 0.25em;
}
.modal > .action .buttons.wide .button:only-child, .modal > form > .action .buttons.wide .button:only-child {
    background-clip: padding-box;
    border-radius: 0 0 0.25em 0.25em;
}
.modal > .action .buttons.wide .dropdown .button, .modal > form > .action .buttons.wide .dropdown .button {
    background-clip: padding-box;
    border-radius: 0 0 0.25em;
}
.modal > .action .buttons.wide .button, .modal > form > .action .buttons.wide .button {
    font-size: 14px;
    padding: 15px 0;
}
.dimmer.big .modal {
    width: 940px;
}
.dimmer.paged .modal {
    box-shadow: none !important;
    margin: 50px 0 !important;
    width: 1140px;
}
.dimmer.paged.full .modal {
    margin: 0 !important;
}
.dimmer.paged.full .modal > .header {
    border: medium none;
    padding-top: 50px;
}
.dimmer.paged.full .modal > .content {
    padding: 25px 0 0;
}
.dimmer.page.witgetSmall {
    background-color: transparent;
}
.dimmer.page.witgetSmall > .modal {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}
.dimmer > .overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.stat {
    background-clip: padding-box;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    display: block;
    padding: 10px 0;
    position: relative;
    text-align: center;
}
.stat.divided {
    border-right: 1px solid #efefef;
}
.stat.basic {
    background-color: #efefef;
    padding: 5px;
}
.stat.small .num {
    display: block;
    font-size: 22px;
    font-weight: 300;
}
.stat.small .text {
    display: block;
    font-size: 10px;
    margin-top: 2px;
}
.stat .num {
    display: block;
    font-size: 28px;
    font-weight: 300;
}
.stat .text {
    display: block;
    font-size: 11px;
    margin-top: 2px;
}
.stats {
    box-sizing: border-box;
    display: table;
    position: relative;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
.stats .stat {
    display: table-cell;
    float: none;
    width: 50%;
}
.stat.horizontal {
    vertical-align: middle;
}
.stat.horizontal .num {
    display: inline-block;
}
.stat.horizontal .text {
    display: inline-block;
    margin: 0 0 0 10px;
}
.slider {
    -moz-user-select: none;
    display: block;
    min-height: 60px;
    position: relative;
}
.slider .name {
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 10px;
}
.slider .line {
    background-clip: padding-box;
    background-color: #ccc;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    height: 10px;
}
.slider .progress {
    background-clip: padding-box;
    background-color: #5bbd72;
    border-radius: 0 0 3px 3px;
    cursor: pointer;
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.slider .circle {
    background-clip: padding-box;
    background-color: #1e7b32;
    border-radius: 3px;
    height: 20px;
    left: 0;
    margin-left: 2px;
    position: absolute;
    top: -5px;
    width: 20px;
    z-index: 100;
}
.slider .circle:hover {
    background-color: #285c33;
    cursor: pointer;
}
.slider .digits {
    overflow: hidden;
    position: absolute;
}
.slider .digits > div {
    float: left;
    font-size: 14px;
    text-align: center;
}
.slider .digits > div .box {
    background-clip: padding-box;
    background-color: #dfdfdf;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
    padding: 10px 15px;
    position: relative;
    transition: all 0.35s ease 0s;
}
.slider .digits > div .box:hover {
    background-color: #ccc;
    cursor: pointer;
}
.slider .digits > div .box.active {
    background-color: #009cff;
    color: #ffffff;
}
.input.slider > .slider {
    float: left;
    min-height: 30px;
}
.input.slider > .header {
    color: #666;
    font-size: 18px;
    margin: 5px 0;
}
.input.slider > .value {
    float: left;
    font-size: 18px;
    font-weight: 300;
    margin: -3px 5px 5px 10px;
}
#sidebar-clear {
    height: 94px;
    width: 100%;
}
#notification {
    background-color: #fff;
    display: none;
    font-size: 16px;
    height: 50px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1500;
}
#notification.blue {
    background-color: #009cff;
    color: #fff;
}
#notification.grey {
    height: 49px;
}
#notification.red {
    background-color: #d95c5c;
    color: #fff;
}
#notification > div {
    display: inline-block;
    vertical-align: middle;
}
#notification::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#notification > .close-button {
    position: absolute;
    right: 6px;
    top: 6px;
}
a#notification {
    transition: all 0.35s ease 0s;
}
a#notification.blue {
    background-color: #009cff;
    color: #fff;
}
a#notification:hover {
    background-color: #0085d9;
    cursor: pointer;
}
#sidebar {
    background-color: #fff;
    color: #fff;
    left: 0;
    margin: 0;
    padding: 20px 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1500;
}
body.service #sidebar {
    background-color: #f8f8f8;
}
#sidebar-scrolled {
    background-color: #2e3234;
    color: #fff;
    display: none;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    transform: translateY(-30px);
    transition: all 0.35s ease 0s;
    z-index: 1000;
}
#sidebar-scrolled > ul.nav li a {
    color: #fff;
}
#sidebar-scrolled > ul.nav li:hover {
    cursor: pointer;
}
#sidebar-scrolled > ul.nav li:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#sidebar-scrolled > ul.nav li.special a {
    color: #fff;
}
#sidebar-scrolled > ul.nav li.special.bordered {
    border: 1px solid #fff;
}
#sidebar-scrolled > ul.nav li.special:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#sidebar-scrolled > ul.nav li.special.bordered:hover {
    background: #fff none repeat scroll 0 0;
}
#sidebar-scrolled > ul.nav li.special.bordered:hover a {
    color: #666;
}
#sidebar-scrolled.active {
    opacity: 1;
    transform: translateY(0px);
}
body.site.notification_showed #notification {
    display: block;
}
body.site.notification_showed #sidebar {
    top: 50px;
}
body.site.notification_showed #sidebar-clear {
    height: 103px;
}
body.service.notification_showed #notification {
    display: block;
}
body.service.notification_showed #sidebar {
    top: 50px;
}
ul.feature-links {
    display: inline-block;
    font-size: 0;
    text-align: left;
    width: 100%;
}
ul.feature-links li {
    border-right: 1px solid #efefef;
    cursor: pointer;
    display: inline-block;
    transition: all 0.35s ease 0s;
}
ul.feature-links li > a {
    color: #999;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    padding: 25px 40px;
}
ul.feature-links li span {
    color: #999;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    padding: 25px 40px;
}
ul.feature-links li.active {
    background-color: #efefef;
}
ul.feature-links li:hover {
    background-color: #f9f9f9;
}
ul.feature-links li.text:hover {
    background-color: transparent;
}
ul.nav {
    display: inline-block;
    text-align: left;
    width: 100%;
}
ul.nav li {
    background-clip: padding-box;
    border-radius: 3px;
    display: inline-block;
    margin: 12px 5px 13px;
    position: relative;
    transition: all 0.35s ease 0s;
}
ul.nav li .label.notification {
    right: -10px;
    top: -5px;
}
ul.nav li a {
    color: #999;
    display: inline-block;
    font-weight: 300;
    padding: 7px 10px;
    transition: all 0.35s ease 0s;
}
ul.nav li:hover {
    cursor: pointer;
}
ul.nav li:hover a {
    color: #666;
}
ul.nav li.active {
    background-color: #efefef;
}
ul.nav li.active a {
    font-weight: normal;
}
ul.nav li.right {
    float: right;
}
ul.nav li.icon {
    font-size: 22px;
}
ul.nav li.icon a {
    padding: 0;
}
ul.nav li.icon i {
    display: inline-block;
    padding: 5px 10px;
}
ul.nav li.logo {
    float: left;
}
ul.nav li.logo a {
    padding: 5px 5px 0 15px;
}
ul.nav li.special a {
    color: #009cff;
}
ul.nav li.special.bordered {
    border: 1px solid #009cff;
}
ul.nav li.special:hover a {
    color: #0085d9;
}
ul.nav li.special.bordered:hover {
    background: #009cff none repeat scroll 0 0;
}
ul.nav li.special.bordered:hover a {
    color: #fff;
}
ul.nav li.logo:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.nav.white li a {
    color: #fff;
}
.nav.white li:hover {
    cursor: pointer;
}
.nav.white li:hover a {
    color: rgba(255, 255, 255, 0.3);
}
.nav.white li.special a {
    color: #fff;
}
.nav.white li.special.bordered {
    border: 1px solid #fff;
}
.nav.white li.special:hover a {
    color: rgba(255, 255, 255, 0.3);
}
.nav.white li.special.bordered:hover {
    background: #fff none repeat scroll 0 0;
}
.nav.white li.special.bordered:hover a {
    color: #666;
}
#header.features, #sidebar.features {
    background-color: #009cff;
}
#header.features > ul.nav li a, #sidebar.features > ul.nav li a {
    color: #fff;
}
#header.features > ul.nav li:hover, #sidebar.features > ul.nav li:hover {
    cursor: pointer;
}
#header.features > ul.nav li:hover a, #sidebar.features > ul.nav li:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#header.features > ul.nav li.special a, #sidebar.features > ul.nav li.special a {
    color: #fff;
}
#header.features > ul.nav li.special.bordered, #sidebar.features > ul.nav li.special.bordered {
    border: 1px solid #fff;
}
#header.features > ul.nav li.special:hover a, #sidebar.features > ul.nav li.special:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#header.features > ul.nav li.special.bordered:hover, #sidebar.features > ul.nav li.special.bordered:hover {
    background: #fff none repeat scroll 0 0;
}
#header.features > ul.nav li.special.bordered:hover a, #sidebar.features > ul.nav li.special.bordered:hover a {
    color: #666;
}
#header.examples, #sidebar.examples {
    background-color: #fc1eb9;
}
#header.examples > ul.nav li a, #sidebar.examples > ul.nav li a {
    color: #fff;
}
#header.examples > ul.nav li:hover, #sidebar.examples > ul.nav li:hover {
    cursor: pointer;
}
#header.examples > ul.nav li:hover a, #sidebar.examples > ul.nav li:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#header.examples > ul.nav li.special a, #sidebar.examples > ul.nav li.special a {
    color: #fff;
}
#header.examples > ul.nav li.special.bordered, #sidebar.examples > ul.nav li.special.bordered {
    border: 1px solid #fff;
}
#header.examples > ul.nav li.special:hover a, #sidebar.examples > ul.nav li.special:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#header.examples > ul.nav li.special.bordered:hover, #sidebar.examples > ul.nav li.special.bordered:hover {
    background: #fff none repeat scroll 0 0;
}
#header.examples > ul.nav li.special.bordered:hover a, #sidebar.examples > ul.nav li.special.bordered:hover a {
    color: #666;
}
#header.about, #sidebar.about {
    background-color: #9600ff;
}
#header.about > ul.nav li a, #sidebar.about > ul.nav li a {
    color: #fff;
}
#header.about > ul.nav li:hover, #sidebar.about > ul.nav li:hover {
    cursor: pointer;
}
#header.about > ul.nav li:hover a, #sidebar.about > ul.nav li:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#header.about > ul.nav li.special a, #sidebar.about > ul.nav li.special a {
    color: #fff;
}
#header.about > ul.nav li.special.bordered, #sidebar.about > ul.nav li.special.bordered {
    border: 1px solid #fff;
}
#header.about > ul.nav li.special:hover a, #sidebar.about > ul.nav li.special:hover a {
    color: rgba(255, 255, 255, 0.3);
}
#header.about > ul.nav li.special.bordered:hover, #sidebar.about > ul.nav li.special.bordered:hover {
    background: #fff none repeat scroll 0 0;
}
#header.about > ul.nav li.special.bordered:hover a, #sidebar.about > ul.nav li.special.bordered:hover a {
    color: #666;
}
.feature-block {
    background-position: center top;
    background-repeat: no-repeat;
}
.feature-block h4.header > .sub.header {
    font-size: 22px;
    padding-top: 10px;
}
.feature-block .row {
    height: 600px;
}
.feature-block .row::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.feature-block .row .column {
    display: inline-block;
    vertical-align: middle;
}
.feature-block.bg1_1 {
    background-image: url("../images/features/bg.1_1.html");
    margin: 100px 0;
}
.feature-block.bg1_2 {
    background-image: url("../images/features/bg.1_2.html");
}
.feature-block.bg1_2gray {
    background-color: #efefef;
    background-image: url("../images/features/bg.1_2.gray.html");
    background-position: center 100%;
    height: 680px;
}
.feature-block.bg1_3 {
    background-image: url("../images/features/bg.1_3.html");
    margin-bottom: 100px;
}
.feature-block.bg1_3 .row {
    text-align: center;
}
.feature-block.bg1_3 .row::before {
    content: normal;
}
.feature-block.bg1_3 .row .column {
    margin-top: 250px;
}
.feature-block.bg1_4 {
    background-image: url("../images/features/bg.1_4.html");
    margin-bottom: 100px;
}
.feature-block.bg1_5 {
    background-image: url("../images/features/bg.1_5.html");
    background-position: center bottom;
    margin-bottom: 100px;
}
.feature-block.bg1_5 .row {
    text-align: center;
}
.feature-block.bg1_5 .row::before {
    content: normal;
}
.feature-block.bg1_6 {
    background-image: url("../images/features/bg.1_6.html");
    margin-bottom: 100px;
}
.feature-block.bg2_1 {
    background-image: url("../images/features/bg.2_1.html");
    text-align: center;
}
.feature-block.bg2_1 .row {
    height: 400px;
    text-align: center;
}
.feature-block.bg2_1 .row::before {
    content: normal;
}
.feature-block.bg2_1 .row .column {
    margin-top: 100px;
}
.feature-block.bg2_2 {
    background-image: url("../images/features/bg.2_2.html");
    margin-bottom: 100px;
}
.feature-block.bg2_2 .row {
    text-align: center;
}
.feature-block.bg2_2 .row::before {
    content: normal;
}
.feature-block.bg2_3 {
    background-attachment: fixed;
    background-image: url("../../upload/backgrounds/1900/animals/54.jpg");
    color: #fff;
    margin-bottom: 100px;
}
.feature-block.bg2_3 > .row {
    height: 400px;
}
.feature-block.bg2_3 h4.header {
    font-weight: bold;
}
.feature-block.bg2_4 {
    background-image: url("../images/features/bg.2_4.html");
}
.feature-block.bg2_5 {
    background-image: url("../images/features/bg.2_5.html");
    margin-bottom: 100px;
}
.feature-block.bg2_6 {
    background-image: url("../images/features/bg.2_6.html");
    margin-bottom: 100px;
}
.feature-block.bg2_6 .row {
    text-align: center;
}
.feature-block.bg2_6 .row::before {
    content: normal;
}
.feature-block.bg2_7 {
    background-image: url("../images/features/bg.2_7.html");
    margin-bottom: 100px;
}
.feature-block.bg2_8 {
    background-image: url("../images/features/bg.2_8.html");
    margin-bottom: 100px;
}
.feature-block.bg3_1 {
    background-image: url("../images/features/bg.3_1.html");
}
.feature-block.bg3_2 {
    background-image: url("../images/features/bg.3_2.html");
    margin-bottom: 100px;
}
.feature-block.bg3_3 {
    background-image: url("../images/features/bg.3_3.html");
    margin-bottom: 150px;
}
.feature-block.bg3_4 {
    background-image: url("../images/features/bg.3_4.html");
}
.feature-block.bg3_4 .row {
    height: auto;
    text-align: center;
}
.feature-block.bg3_4 .row::before {
    content: normal;
}
.feature-block.bg3_5 {
    background-image: url("../images/features/bg.3_5.html");
}
.feature-block.bg3_6 {
    background-image: url("../images/features/bg.3_6.html");
    margin-bottom: 100px;
}
.feature-block.bg3_7 {
    background-image: url("../images/features/bg.3_7.html");
}
.feature-block.bg3_7 .row {
    height: 250px;
    text-align: center;
}
.feature-block.bg3_7 .row::before {
    content: normal;
}
.feature-block.bg3_8 {
    background-image: url("../images/features/bg.3_8.html");
}
.feature-block.bg4_1 {
    background-image: url("../images/features/bg.1_2.html");
}
.feature-block.bg4_2 {
    background-image: url("../images/features/bg.4_2.html");
}
.feature-block.bg4_3 {
    background-image: url("../images/features/bg.4_3.html");
}
.feature-block.bg4_4 {
    background-image: url("../images/features/bg.4_4.html");
    margin-bottom: 150px;
}
.feature-block.bg4_4 .row {
    text-align: center;
}
.feature-block.bg4_4 .row::before {
    content: normal;
}
.feature-block.bg4_5 {
    background-image: url("../images/features/bg.4_5.html");
    margin-bottom: 150px;
}
.feature-block.bg4_6 .row {
    height: 250px;
    text-align: center;
}
.feature-block.bg4_6 .row::before {
    content: normal;
}
.feature-block.bg4_7 {
    background-image: url("../images/features/bg.4_7.html");
}
.feature-block.bg4_7 .row {
    height: 450px;
}
.feature-block.call2action {
    background-color: #009cff;
}
.feature-block.call2action .row {
    height: 400px;
}
.feature-block.call2action h4.header > .sub.header, .feature-block.call2action h4.header {
    color: #fff;
}
.video-block {
    background-image: url("../images/index.video.html");
    background-size: cover;
    font-size: 0;
    margin-left: 30px;
    padding: 18px 1px 22px;
}
.video-block video {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.video-block::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.example-block {
    background-position: center bottom;
    background-repeat: no-repeat;
}
.example-block h3.header > .sub.header {
    font-size: 26px;
    padding-top: 5px;
}
.example-block h3.header {
    margin-bottom: 40px;
}
.example-block h4.header > .sub.header {
    font-size: 22px;
    padding-top: 10px;
}
.example-block .row {
    height: 800px;
}
.example-block .row::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.example-block .row .column {
    display: inline-block;
    vertical-align: middle;
}
.example-block.bg1 {
    background-image: url("../images/examples/bg.1.html");
    margin-bottom: 60px;
}
.example-block.bg1 .row {
    height: 550px;
}
.example-block.bg2 {
    background-image: url("../images/examples/bg.2.html");
}
.example-block.bg3 {
    background-image: url("../images/examples/bg.3.html");
    margin-bottom: 60px;
}
.example-block.bg4 {
    background-image: url("../images/examples/bg.9.html");
    margin-bottom: 40px;
}
.example-block.bg5 {
    background-image: url("../images/examples/bg.5.html");
    margin-bottom: 60px;
}
.example-block.bg6 {
    background-image: url("../images/examples/bg.6.html");
    margin-bottom: 60px;
}
.example-block.bg6 .row {
    height: 550px;
}
.example-block.bg7 {
    background-image: url("../images/examples/bg.7.html");
    background-position: center bottom;
    margin-bottom: 60px;
}
.example-block.bg7 .row {
    height: 550px;
}
.example-block.bg8 {
    background-image: url("../images/examples/bg.8.html");
    margin-bottom: 60px;
}
.example-block.bg9 {
    background-image: url("../images/examples/bg.9.html");
}
.example-block.bg9 .row {
    height: 550px;
}
.response-block {
    display: block;
    margin-bottom: 60px;
}
.response-block > .image {
    background-clip: padding-box;
    border-radius: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    width: 80px;
}
.response-block > .image img {
    height: auto;
    width: 100%;
}
.response-block > .container {
    background-color: #fff;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 650px;
}
.response-block > .container > .header {
    padding: 20px;
}
.response-block > .container > .text {
    padding: 0 20px;
}
.response-block > .container > .author {
    background-color: #efefef;
    margin-top: 20px;
    padding: 20px;
}
.response-block > .container::before {
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    top: 30px;
    width: 0;
}
.response-block.left {
    float: none;
    text-align: left;
}
.response-block.left > .container {
    margin-left: 30px;
}
.response-block.left > .container::before {
    border-color: transparent #fff transparent transparent;
    border-width: 10px 15px 10px 0;
    left: -14px;
}
.response-block.right {
    float: none;
    text-align: right;
}
.response-block.right > .container {
    margin-right: 30px;
}
.response-block.right > .container::before {
    border-color: transparent transparent transparent #fff;
    border-width: 10px 0 10px 15px;
    right: -14px;
}
#landing-service-steps {
    background-color: #efefef;
    border-bottom: 1px solid #ccc;
    padding: 80px 0;
}
#landing-service-iphone {
    background: rgba(0, 0, 0, 0) url("../images/landing/service.iphone.png") no-repeat scroll center bottom;
    border-bottom: 1px solid #ccc;
    padding: 80px 0;
}
#landing-service-landing {
    background: rgba(0, 0, 0, 0) url("../images/landing/service.lp.png") no-repeat scroll center bottom;
    border-bottom: 1px solid #ccc;
    padding: 80px 0;
}
#landing-service-people {
    background: rgba(0, 0, 0, 0) url("../images/landing/service.people.png") no-repeat scroll center bottom;
    padding: 80px 0;
}
#landing-editor-sections {
    background: rgba(0, 0, 0, 0) url("../images/landing/editor.sections.jpg") no-repeat scroll 0 100%;
    padding: 0 0 400px;
}
#landing-editor-sections .text {
    padding: 100px 0 0;
    text-align: left;
}
#landing-editor-witgets {
    background: #2b3440 url("../images/landing/editor.witgets.jpg") no-repeat scroll 100% 100%;
    color: #fff;
    padding: 0 0 350px;
}
#landing-editor-witgets .text {
    padding: 120px 0 0;
    text-align: left;
}
#landing-editor-design {
    background: rgba(0, 0, 0, 0) url("../images/landing/editor.design2.jpg") no-repeat scroll center 100%;
    border-bottom: 1px solid #dfdfdf;
    padding: 80px 0 440px;
}
#landing-statistic-sources {
    background: rgba(0, 0, 0, 0) url("../images/landing/statistic.sources.jpg") no-repeat scroll center 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) inset;
    padding: 180px 0;
}
#landing-integrations {
    background: rgba(0, 0, 0, 0) url("../images/landing/integrations2.jpg") no-repeat scroll left top;
}
#landing-integrations .text {
    padding: 400px 0 100px;
}
#landing-ab {
    background: rgba(0, 0, 0, 0) url("../images/landing/statistic.ab.jpg") no-repeat scroll center bottom;
    border-top: 1px solid #dfdfdf;
    padding: 100px 0 360px;
}
#landing-examples {
    background: rgba(0, 0, 0, 0) url("../images/landing/examples.jpg") no-repeat scroll center 80%;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    padding: 100px 0 650px;
}
#landing-button {
    background: rgba(0, 0, 0, 0) url("../images/space/index.jpg") no-repeat scroll center 20% / cover ;
    box-shadow: 0 0 10px -4px #000 inset;
    color: #fff;
    padding: 100px 0;
}
#landing-button .sub.header {
    color: #fff;
}
.grid.socials .background {
    background: rgba(0, 0, 0, 0) url("../images/landing/socials.jpg") no-repeat scroll right top;
    box-shadow: 0 -3px 5px -8px rgba(0, 0, 0, 0.2) inset;
    height: 300px;
}
#sub-sidebar {
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
    color: #fff;
    height: 50px;
    margin: 0;
    padding: 0 10px;
    position: relative;
}
ul.dropdown-list {
    background-clip: padding-box;
    border-radius: 5px;
    display: block;
    font-size: 14px;
    max-height: 250px;
    overflow: auto;
    padding: 10px 0;
}
ul.dropdown-list li {
    box-sizing: border-box;
    float: left;
    padding: 10px 25px;
    white-space: nowrap;
    width: 100%;
}
ul.dropdown-list li a {
    color: #777;
}
ul.dropdown-list li:hover, ul.dropdown-list li.active {
    background-color: #efefef;
    cursor: pointer;
}
ul.links {
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 0;
}
ul.links li {
    border: medium none;
    box-sizing: border-box;
    float: left;
    font-weight: 400;
    padding: 5px 0;
    white-space: nowrap;
    width: 100%;
}
ul.links li a {
    color: rgba(255, 255, 255, 0.5);
}
ul.links li.header {
    color: #fff;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0;
}
ul.links li a:hover {
    color: #fff;
}
ul.list li {
    font-size: 16px;
    line-height: 1.6;
    padding: 5px 0;
}
ul.ordered {
    display: block;
    list-style-position: inside;
    list-style-type: decimal;
    overflow: hidden;
    white-space: normal;
}
ul.ordered li {
    line-height: 1.6;
    padding: 5px 0;
}
ul.ordered.small li {
    padding: 0;
}
ul.carousel {
    display: block;
    overflow: hidden;
}
ul.carousel > li {
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
    float: left;
    font-weight: 300;
    line-height: 1.3em;
    padding: 20px 25px;
    width: 100%;
}
ul.carousel > li .carousel-name {
    font-size: 18px;
    line-height: 1.3em;
}
ul.carousel > li .carousel-text {
    display: none;
    margin-top: 15px;
}
ul.carousel > li:last-child {
    border-bottom: medium none;
}
ul.carousel > li:hover {
    background-color: #ddd;
    cursor: pointer;
}
ul.carousel > li.active:hover, ul.carousel > li.showed:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    cursor: inherit !important;
}
ul.carousel > li.showed .carousel-text {
    display: block;
}
#header {
    clear: both;
    color: #666;
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 100%;
}
body.service #header {
    margin-bottom: 20px;
}
#wrapper {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 5px -4px #ccc;
    display: block;
    margin: 20px 50px;
    min-height: 600px;
}
.wrapper {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 3px 5px -4px #ccc;
    display: block;
    min-height: 200px;
    position: relative;
}
#subfooter {
    border-bottom: 10px solid #5c6166;
    border-top: 1px solid #dfdfdf;
    color: #999;
    display: block;
    float: left;
    padding: 30px 0;
    text-align: center;
    width: 100%;
}
#info-footer {
    background-color: #242627;
    color: rgba(255, 255, 255, 0.6);
    padding: 40px 0;
    text-align: center;
}
#info-footer span {
    display: inline-block;
    vertical-align: middle;
}
#info-footer span.num {
    font-size: 140%;
    font-weight: 300;
    padding: 0 10px 5px;
}
#footer {
    background-color: #2e3234;
    color: rgba(255, 255, 255, 0.3);
    padding: 100px 0;
    text-align: left;
}
#footer.site {
    margin-top: 0;
}
.price-table-block {
    font-weight: 300;
    line-height: 1.6;
    padding: 20px;
    position: relative;
    text-align: left;
}
.price-table-block.active {
    background-clip: padding-box;
    border: 2px solid #009cff;
    border-radius: 5px;
}
.price-table-block.active hr {
    opacity: 0.5;
}
.price-table-block .try {
    margin: 20px 0;
}
.price-table-block .price img {
    width: 100px;
}
.price-table-block .price i {
    font-size: 22px;
    margin-right: 5px;
}
.price-table-block .price .amount {
    font-size: 36px;
}
.price-table-block .item {
    padding: 10px 0;
}
.price-table-block .item > .item {
    padding: 0 0 5px;
}
.price-table-block .item.small {
    padding: 5px 0;
}
.site-block {
    display: inline-block;
    margin: 20px 0;
    text-align: left;
    width: 700px;
}
.site-block .stats {
    margin-top: 5px;
}
.site-block.active {
    outline: 3px solid #009cff;
}
.site-block > .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-site-block {
    border: 2px solid #ddd !important;
    color: #999;
    transition: all 0.35s ease 0s;
}
.new-site-block.create {
    display: inline-block;
    margin: 20px 25px 25px;
    text-align: center;
    vertical-align: top;
    width: 290px;
}
.new-site-block:hover {
    border: 2px solid #999 !important;
    color: #666;
    cursor: pointer;
}
.new-site-block:hover .button {
    background-color: #ccc;
}
.site-full-block .name {
    line-height: 1em;
}
.site-full-block .name .sub.header {
    line-height: 1em;
}
.add-section-block {
    box-sizing: border-box;
    font-size: 0;
    height: auto;
    padding-bottom: 20px;
    padding-right: 20px;
    position: relative;
    text-align: center;
    width: 100%;
}
.add-section-block > .hover {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 20px;
    cursor: pointer;
    display: block;
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 0;
    transition: opacity 0.35s ease 0s;
}
.add-section-block > .hover .delete {
    color: #fff;
    font-size: 18px;
    opacity: 0.5;
    position: absolute;
    right: 5px;
    top: 2px;
}
.add-section-block > .hover .delete:hover {
    opacity: 1;
}
.add-section-block > .hover::before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.add-section-block > img {
    background-color: #ccc;
    display: inline-block;
    height: auto;
    transition: box-shadow 0.35s ease 0s;
    vertical-align: middle;
    width: 100%;
}
.add-section-block:hover {
    z-index: 2;
}
.add-section-block:hover > img {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    z-index: 2;
}
.add-section-block:hover > .hover {
    opacity: 1;
}
.commerce-block {
    margin-bottom: 30px;
    text-align: left;
}
.commerce-block .id {
    float: left;
    padding: 45px 5px 25px 30px;
}
.commerce-block .divided {
    border-right: 1px solid #dfdfdf;
}
.commerce-block > h5.name {
    display: inline-block;
    padding: 23px 20px 17px 25px;
    position: relative;
    vertical-align: middle;
}
.commerce-block > h6.name {
    line-height: 150%;
    padding: 14px 0 13px 30px;
    position: relative;
}
.commerce-block > h6.name .text-hide {
    width: 180px;
}
.commerce-block > h6.name.first {
    padding: 13px 20px 14px 25px;
}
.commerce-block > h5.fixed {
    width: 250px;
}
.commerce-block > h5.fixed .text-hide {
    width: 250px;
}
.commerce-block > h6.fixed {
    width: 260px;
}
.commerce-block > h6.fixed .text-hide {
    width: 260px;
}
.commerce-block > .fields {
    display: inline-block;
    padding: 14px 0 13px 30px;
    position: relative;
    vertical-align: middle;
    width: 260px;
}
.commerce-block > .fields .text-hide {
    width: 180px;
}
.commerce-block > .products {
    border-top: 1px solid #dfdfdf;
    display: block;
    padding: 20px;
    text-align: left;
}
.commerce-block > .products > .image {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
}
.commerce-block > .products > .image > img {
    height: auto;
    max-height: 100px;
    max-width: 50px;
    width: auto;
}
.commerce-block > .products > .name {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    width: 350px;
}
.commerce-block > .products > .name > .header {
    font-size: 20px;
    padding-bottom: 10px;
}
.commerce-block > .products > .name > .params > div {
    font-size: 14px;
    text-transform: capitalize;
}
.commerce-block > .products > .count {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 150px;
}
.commerce-block > .products > .price {
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
    text-align: right;
    vertical-align: middle;
    width: 230px;
}
.commerce-block > .products > .price > .amount {
    display: inline-block;
    font-size: 28px;
    vertical-align: middle;
}
.commerce-block > .products > .price > .currency {
    color: #999;
    display: inline-block;
    font-size: 14px;
    padding-top: 5px;
    text-transform: uppercase;
    vertical-align: middle;
}
.commerce-block .buttons.vertical {
    margin: 0;
    width: 50px;
}
.commerce-block .buttons.vertical .button {
    font-size: 18px !important;
    padding: 15px;
    width: 50px;
}
.commerce-block .buttons.vertical.one .button {
    padding: 39px 15px;
}
.qa-block {
    margin-bottom: 50px;
    text-align: left;
}
.qa-block .question {
    float: left;
    margin-top: 7px;
    padding: 15px 20px;
    width: 80%;
}
.qa-block .answer {
    margin: 0 0 0 20px;
    width: 90%;
}
.qa-block .buttons.vertical {
    margin: 0;
    width: 50px;
}
.qa-block .buttons.vertical .button {
    background-clip: padding-box;
    border-radius: 0 3px 0 0;
    font-size: 18px !important;
    padding: 22px 15px;
    width: 50px;
}
.message-block ul.chat {
    border-bottom: 1px solid #dfdfdf;
    padding: 50px 40px 30px;
}
.message-block ul.chat li {
    float: none;
    margin-bottom: 20px;
}
.message-block ul.chat li .image {
    margin-top: 0;
}
.message-block ul.chat li .text {
    background-color: #efefef;
    display: block;
    line-height: 1.3em;
    margin-top: 1px;
    max-width: 70%;
    padding: 10px 15px;
    position: relative;
    text-align: left;
}
.message-block ul.chat li .time {
    line-height: 0.9em;
    padding-top: 15px;
}
.message-block ul.chat li .time .label {
    padding: 0;
}
.message-block ul.chat li.left .image {
    float: left;
}
.message-block ul.chat li.left .text {
    float: left;
    margin-left: 15px;
}
.message-block ul.chat li.left .text::before {
    border-color: transparent #efefef transparent transparent;
    border-style: solid;
    border-width: 8px 10px 8px 0;
    content: "";
    height: 0;
    left: -8px;
    position: absolute;
    top: 10px;
    width: 0;
}
.message-block ul.chat li.right .image {
    float: right;
}
.message-block ul.chat li.right .text {
    float: right;
    margin-right: 15px;
}
.message-block ul.chat li.right .text::after {
    border-color: transparent transparent transparent #efefef;
    border-style: solid;
    border-width: 8px 0 8px 10px;
    content: "";
    height: 0;
    position: absolute;
    right: -8px;
    top: 10px;
    width: 0;
}
.price-block {
    border: 1px solid #efefef;
    transition: all 0.35s ease 0s;
}
.price-block * {
    transition: all 0.35s ease 0s;
}
.price-block .time {
    border-bottom: 1px solid #efefef;
    padding: 20px 0 15px;
}
.price-block .price {
    line-height: 1em;
    padding: 20px 0;
}
.price-block .price i.fa {
    font-size: 26px;
}
.price-block .price .sub.header {
    font-size: 18px;
}
.price-block:hover {
    border: 1px solid #999;
    cursor: pointer;
}
.price-block:hover .time {
    border-bottom: 1px solid #999;
}
.price-block.active {
    border: 1px solid #00a8ff;
}
.price-block.active .time {
    border-bottom: 1px solid #00a8ff;
}
.tariff-block {
    margin: 0 5px;
}
.tariff-block .name {
    padding: 25px 0 15px;
}
.tariff-block .price {
    line-height: 1em;
    padding: 0 0 20px;
}
.tariff-block .price i.fa {
    font-size: 26px;
}
.tariff-block .price .sub.header {
    font-size: 18px;
}
.tariff-block .item {
    border-top: 1px solid #efefef;
    padding: 15px;
}
.tariff-block .item.empty {
    border: medium none;
    height: 15px;
}
.tariff-block .button {
    background-clip: padding-box;
    border-radius: 0 0 3px 3px;
    font-size: 16px;
    font-weight: 300;
    margin: 15px 0 0;
}
.ctr-arrow-block {
    color: #888;
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    width: 90px;
}
.ctr-arrow-block i {
    color: #999;
    font-size: 28px;
    margin-top: 10px;
}
.ctr-block {
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    width: 160px;
}
.ctr-block .header {
    color: #777;
    line-height: 1em;
}
.ctr-block .header .sub.header {
    font-size: 14px;
    margin-top: 5px;
}
.sms-block {
    overflow: hidden;
    padding: 20px 0 20px 20px;
    width: 785px;
}
.sms-block .segment {
    background-color: #efefef;
    border: 1px solid #efefef;
    float: left;
    margin: 5px 20px 5px 0;
    padding: 25px 0;
    transition: all 0.35s ease 0s;
    width: 175px;
}
.sms-block .segment h4 {
    line-height: 1.5em;
    margin-bottom: 0;
}
.sms-block .segment h4 i {
    font-size: 26px;
}
.sms-block .segment:hover {
    border: 1px solid #999;
    box-shadow: 0 3px 6px #ccc;
    cursor: pointer;
}
table.statistic {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 5px -2px #ccc;
    text-align: left;
    width: 100%;
}
table.statistic .sub.header {
    line-height: 1em;
}
table.statistic tr {
    border-bottom: 1px solid #efefef;
}
table.statistic tr td {
    padding: 20px 25px;
    vertical-align: top;
}
table.statistic tr td a {
    color: #ccc;
    margin-right: 5px;
}
table.statistic tr td a:hover {
    color: #666;
}
table.statistic tr.level.one td:first-child {
    padding-left: 50px;
}
table.statistic tr.level.two td:first-child {
    padding-left: 75px;
}
table.statistic tr.level.three td:first-child {
    padding-left: 100px;
}
table.statistic tr.active {
    border: medium none;
}
table.statistic tr.active td {
    padding: 20px 25px 0;
}
table.statistic tr:last-child {
    border: medium none;
}
#browser {
    display: block;
}
#browser .line {
    background-clip: padding-box;
    background-color: #ddd;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    padding: 10px;
}
#browser .site {
    background-clip: padding-box;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 25px #ddd;
    display: block;
    width: 100%;
}
#browser .circle {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 100%;
    float: left;
    height: 10px;
    margin: 0 5px;
    width: 10px;
}
.integration-button {
    background-clip: padding-box;
    background-color: #fff;
    border: medium none;
    border-radius: 0.25em;
    border-spacing: 0;
    box-shadow: none;
    box-sizing: border-box;
    clear: both;
    color: #666;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px !important;
    padding: 0.75em 1.4em;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.35s ease 0s;
    vertical-align: middle;
}
.integration-button:hover {
    background-color: #ccc;
    color: #666;
}
.integration-button.icon i {
    margin-right: 12px;
}
.integration-button.green {
    background-color: #5bbd72;
    box-shadow: none;
    color: #ffffff;
}
.integration-button.green:hover {
    background-color: #58cb73;
    color: #ffffff;
}
.integration-button.yellow {
    background-color: #009cff;
    box-shadow: none;
    color: #ffffff;
}
.integration-button.yellow:hover {
    background-color: #fff5a5;
    color: #666;
}
.integration-button.red {
    background-color: #d95c5c;
    box-shadow: none;
    color: #ffffff;
}
.integration-button.red:hover {
    background-color: #e75859;
    color: #ffffff;
}
.goal-change {
    background-clip: padding-box;
    border-radius: 0 3px 3px 0;
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 50px;
    z-index: 999;
}
.goal-change i {
    font-size: 18px;
    line-height: 200px;
}
.goal-block {
    background-clip: padding-box;
    border-radius: 3px 0 0 3px;
    position: relative;
    width: 100%;
}
.goal-block tbody .click:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}
.goal-block .item, .goal-block .subitem {
    border-bottom: 1px solid #efefef;
    width: 95%;
}
.goal-block .item .item-row > .source, .goal-block .subitem .item-row > .source {
    background-color: #f7f7f7;
    padding: 15px;
    text-align: center;
    vertical-align: middle;
    width: 50px !important;
}
.goal-block .item .name, .goal-block .subitem .name {
    overflow: hidden;
    padding: 15px 25px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto !important;
}
.goal-block .item .name .button, .goal-block .subitem .name .button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #999;
    cursor: pointer;
    display: inline-block !important;
    margin: 6px 5px 0 0;
    padding: 0;
    vertical-align: top;
}
.goal-block .item .name .button:hover, .goal-block .subitem .name .button:hover {
    color: #333;
}
.goal-block .item .name > .header, .goal-block .subitem .name > .header, .goal-block .item .name > .clearfix > .header, .goal-block .subitem .name > .clearfix > .header {
    margin-left: 5px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goal-block .item .cell, .goal-block .subitem .cell {
    display: table-cell;
    padding: 15px 0;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.goal-block .item .cell h6 div, .goal-block .subitem .cell h6 div {
    display: block;
}
.goal-block .subitem.one .clearfix {
    padding-left: 20px;
}
.goal-block .subitem.two .clearfix {
    padding-left: 40px;
}
.goal-block .subitem.three .clearfix {
    padding-left: 60px;
}
.goal-block .subitem.four .clearfix {
    padding-left: 80px;
}
.goal-block .subitem.five .clearfix {
    padding-left: 100px;
}
.share-block > div {
    display: inline-block;
    vertical-align: middle;
}
.blog-block {
    border-bottom: 1px solid #efefef;
    font-size: 16px;
    line-height: 1.6em;
    padding: 50px;
    text-align: left;
}
.blog-block:last-child {
    border-bottom: medium none;
}
.blog-block .text {
    padding: 0 100px 30px;
}
.blog-block .image {
    background-clip: padding-box;
    background-color: #efefef;
    border-radius: 5px;
    display: block;
    overflow: hidden;
    text-align: center;
}
.blog-block .image img {
    display: inline-block;
    max-width: 100%;
    width: auto;
}
.blog-block ul {
    list-style-position: inside;
    margin: 0.2em 0;
    padding: 0;
}
.blog-block ul li {
    line-height: 1.4em;
    list-style-type: disc;
    margin: 0.6em 0 0.6em 1em;
    padding: 0;
    position: relative;
}
.blog-block ul > ul {
    list-style-type: circle;
    margin: 0.2em 0 1em 1.5em;
}
.blog-block ul > ul > li {
    list-style-type: circle;
}
.blog-block p {
    color: #262626;
    margin: 0;
    padding: 10px 0;
}
.blog-block h2 {
    font-size: 26px;
    font-weight: 300;
    margin-top: 20px;
}
.blog-block h3 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 20px;
}
.blog-block hr {
    border-top: 1px solid #ccc;
    margin-top: 5px;
}
.blog-block a {
    color: #2ba6cb;
}
.blog-block a:hover {
    opacity: 0.5;
}
.blog-block blockquote {
    background-color: #f2f2f2;
    border-left: 7px solid #dfdfdf;
    display: block;
    margin: 10px 0;
    padding: 10px 20px;
}
.blog-block blockquote small {
    color: #999;
    display: block;
    font-style: italic;
}
.blog-block ul {
    list-style-position: inside;
    margin: 0 0 0 20px;
    padding: 0;
}
.blog-block i {
    font-size: 13px;
    font-style: italic;
}
.blog-block table {
    background-color: #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin: 10px 0;
    width: 100%;
}
.blog-block table tr:nth-child(2) {
    background-color: #efefef;
    padding: 20px;
}
.blog-block table tr td {
    padding: 15px;
}
.blog-block table thead tr {
    background-color: #efefef;
    border-bottom: 1px solid #dfdfdf;
}
.blog-block table thead tr td:not(:last-child) {
    border-right: 1px solid #ccc;
}
.feature {
    border-bottom: 1px solid #dfdfdf;
    font-weight: 300;
    line-height: 1.4em;
    padding: 60px 0;
}
.feature .feature-block {
    box-sizing: border-box;
    float: left;
    height: 165px;
    margin-bottom: 20px;
    padding: 10px;
    width: 25%;
}
.feature .feature-block h6.header {
    color: #000;
    margin-bottom: 5px;
}
.feature .feature-block.start {
    text-align: center;
}
.feature .feature-block.small {
    height: auto;
}
.service-advert-block {
    margin-bottom: 20px;
    overflow: hidden;
}
.service-advert-block .logo {
    background-color: #ccc;
    float: left;
    height: 200px;
    width: 200px;
}
.service-advert-block .text {
    float: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7em;
    padding: 45px 40px;
    width: 500px;
}
.service-advert-block .price {
    float: right;
    padding: 45px 30px;
    text-align: center;
    width: 200px;
}
.service-advert-block .price .header {
    margin-bottom: 10px;
}
.service-advert-block .price .header i {
    font-size: 24px;
}
.learning-block {
    background-clip: padding-box;
    border: 1px solid #999;
    border-radius: 5px;
    display: block;
    text-align: left;
}
.learning-block .padding {
    padding: 20px;
}
.learning-block .name {
    color: #fff;
    padding: 28px;
}
.learning-block .name h5 {
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
}
.image-choose-block {
    position: relative;
}
.image-choose-block.one-type .menu {
    display: none;
}
.image-choose-block.one-type .images {
    left: 0;
}
.image-choose-block.column-five .images > div > li {
    width: 20%;
}
.image-choose-block .menu {
    background-color: #f9f9f9;
    height: 100%;
    position: absolute;
    width: 120px;
}
.image-choose-block .menu > li {
    cursor: pointer;
    display: block;
    padding: 15px;
    text-align: center;
    transition: all 0.35s ease 0s;
}
.image-choose-block .menu > li.active {
    background-color: #fff;
}
.image-choose-block .menu > li:hover {
    background-color: #efefef;
}
.image-choose-block .menu > li.active:hover {
    background-color: #fff;
}
.image-choose-block .images {
    box-sizing: border-box;
    height: 100%;
    left: 120px;
    overflow: auto;
    padding-bottom: 20px;
    position: absolute;
    right: 0;
}
.image-choose-block .images div.collection {
    -moz-column-count: 3;
    -moz-column-gap: 0;
    display: none;
}
.image-choose-block .images div.collection.active {
    display: block;
}
.image-choose-block .images div.collection > li {
    box-sizing: border-box;
    cursor: pointer;
    height: auto;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
    transition: all 0.35s ease 0s;
    width: 100%;
}
.image-choose-block .images div.collection > li.active {
    background-color: #ddd;
}
.image-choose-block .images div.collection > li:hover {
    background-color: #efefef;
}
.image-choose-block .images div.collection > li.active:hover {
    background-color: #ddd;
}
.image-choose-block .images div.collection > li > img {
    display: block;
    height: auto;
    vertical-align: middle;
    width: 100%;
}
.image-choose-block .images div.collection > li > i {
    font-size: 52px;
    vertical-align: middle;
}
.image-choose-block .images.fixed div.collection {
    -moz-column-count: auto;
    -moz-column-gap: normal;
}
.image-choose-block .images.fixed div.collection > li {
    float: left;
    width: 33%;
}
.upload-overlay-block {
    background-clip: padding-box;
    background-color: rgba(239, 239, 239, 0.9);
    border: 6px solid rgba(239, 239, 239, 0.9);
    border-radius: 5px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.35s ease 0s;
    z-index: 100;
}
.upload-overlay-block > .progress {
    display: none;
    max-width: 600px;
    padding: 0 40px;
    text-align: left;
}
.upload-overlay-block > .progress > .text {
    margin-bottom: 5px;
    overflow: hidden;
}
.upload-overlay-block > .progress > .text .sub {
    margin-top: 5px;
}
.upload-overlay-block > .text {
    text-align: center;
}
.upload-overlay-block > .text > .image {
    margin-bottom: 20px;
}
.upload-overlay-block > .text > .success {
    display: none;
}
.upload-overlay-block > div {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 99%;
}
.upload-overlay-block.uploading > .progress {
    display: inline-block;
}
.upload-overlay-block.uploading > .text {
    display: none;
}
.upload-overlay-block::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.upload-overlay-block.small {
    border-color: #dfdfdf;
    border-style: solid;
    bottom: auto;
    left: auto;
    margin-bottom: 20px;
    padding: 20px 0;
    position: relative;
    right: auto;
    top: auto;
}
.upload-overlay-block.small > .text .image {
    display: none;
}
.upload-overlay-block.button-only {
    border: medium none !important;
    bottom: auto;
    left: auto;
    padding: 0;
    position: relative;
    right: auto;
    text-align: left;
    top: auto;
}
.upload-overlay-block.button-only > .text {
    text-align: left;
}
.upload-overlay-block.button-only > .text .image {
    display: none;
}
.upload-overlay-block.active {
    border-color: #009cff;
    border-style: solid;
    cursor: pointer;
}
.upload-overlay-block.success {
    border-color: #5bbd72;
    border-style: solid;
}
.upload-overlay-block.success i {
    color: #5bbd72;
}
.upload-overlay-block > input[type="file"] {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}
.drag-drop-overlay {
    border: 10px solid #009cff;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.universal-block {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 1px 5px -2px #ccc;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    transition: all 0.35s ease 0s;
    vertical-align: middle;
    width: 300px;
}
.universal-block.griddy {
    display: inline-block;
    margin: 22px;
}
.universal-block.middle::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.universal-block.middle > .middle {
    display: inline-block;
    vertical-align: middle;
}
.universal-block.transparent {
    background-color: transparent;
    border: medium none;
    box-shadow: none;
}
.universal-block.create {
    background-color: transparent;
    border: 3px dashed #ccc;
    box-shadow: none;
    color: #999;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
}
.universal-block.create .plus {
    font-size: 100px;
    font-weight: 100;
    line-height: 1;
}
.universal-block.create:hover {
    border: 3px dashed #009cff;
    color: #009cff;
    cursor: pointer;
}
.universal-block.empty {
    background-color: transparent;
    border: 3px dashed #ccc;
    text-align: center;
}
.universal-block > .name {
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 20px 10px;
}
.universal-block > .name > .eye {
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 1;
}
.universal-block > .name.big {
    font-size: 84px;
    line-height: 1.1;
    padding: 25px 20px 15px;
    text-align: center;
}
.universal-block > .name.big > .description {
    font-size: 12px;
    text-transform: uppercase;
}
.universal-block > .name.medium {
    display: inline-block;
    font-size: 24px;
    line-height: 1.1;
    padding: 25px 20px 15px;
}
.universal-block > .name.medium > .description {
    font-size: 26px;
    text-transform: uppercase;
}
.universal-block > .stats {
    display: block;
    font-size: 0;
    margin: 20px 0 15px;
    padding: 0 10px;
    text-align: center;
}
.universal-block > .stats > .block {
    display: inline-block;
    vertical-align: middle;
    width: 33%;
}
.universal-block > .stats > .block .digit {
    font-weight: 100;
    line-height: 1;
}
.universal-block > .stats > .block .digit > span {
    font-size: 16px;
    margin: 0 4px;
}
.universal-block > .stats > .block .text {
    font-size: 10px;
    text-transform: uppercase;
}
.universal-block > .stats.auto > .block {
    padding: 0 20px;
    width: auto;
}
.universal-block > .info {
    padding: 10px 20px;
}
.universal-block > .actions {
    padding: 5px 10px;
}
.universal-block > .actions > .link {
    font-size: 12px;
    padding: 11px;
    text-transform: uppercase;
}
.universal-block > .hover-block {
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.9);
    border: 4px solid #009cff;
    border-radius: 10px;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    z-index: 2;
}
.universal-block > .hover-block::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.universal-block > .hover-block > .middle {
    display: inline-block;
    vertical-align: middle;
}
.universal-block:hover > .name > .link {
    opacity: 1;
}
.universal-block.small {
    padding: 15px 20px;
}
.universal-block.small > .name {
    padding: 0;
}
.universal-block.small > .info {
    padding: 0;
}
.universal-block.small > .actions {
    bottom: 0;
    position: absolute;
    right: 0;
}
.universal-block.crm-status {
    margin-bottom: 20px;
}
.universal-block.crm-status.green {
    border-top: 2px solid #5bbd72;
}
.universal-block.crm-status.red {
    border-top: 2px solid #d95c5c;
}
.universal-block.crm-status.yellow {
    border-top: 2px solid #f2c61f;
}
.universal-block.crm-status.blue {
    border-top: 2px solid #009cff;
}
.universal-block.choose:hover, .universal-block.choose.active {
    border-color: #009cff;
    cursor: pointer;
}
.universal-block.choose:hover > .hover-block, .universal-block.choose.active > .hover-block {
    opacity: 1;
    visibility: visible;
}
.universal-block.price {
    padding: 40px 0;
    vertical-align: top;
}
.universal-block.price .label.top {
    background-clip: padding-box;
    border-radius: 0 5px;
}
.universal-block.price > .hover-block {
    background-clip: padding-box;
    background-color: transparent;
    border: 4px solid #009cff;
    border-radius: 10px;
}
.universal-block.price > .function {
    border-bottom: 1px solid #f8f8f8;
    color: #333;
    font-size: 16px;
    font-weight: 100;
    margin: 0 40px;
    padding: 15px 0;
}
.universal-block.price > .function.last-child {
    border-bottom: medium none;
    margin-bottom: 20px;
}
.universal-block.price.action {
    height: 217px;
    margin: 14px;
    padding: 40px 0;
    width: 227px;
}
.universal-block.price.action > .name i {
    margin: 7px 0 3px;
}
.universal-block.price.action.success {
    border: 4px solid #5bbd72;
}
.universal-block.crm-status {
    vertical-align: top;
}
.universal-block.crm-status > .label {
    background-clip: padding-box !important;
    background-color: #fff;
    border-radius: 8px 0 !important;
}
.universal-block.crm-status > .label.success {
    background-color: #009cff;
    color: #fff;
}
.universal-block.crm-status > .label.fail {
    background-color: #d95c5c;
    color: #fff;
}
.universal-block.crm-status.green > .label.success {
    background-color: #5bbd72;
}
.universal-block.crm-status.green > .label.updating {
    border-left: 2px solid #5bbd72;
    border-top: 2px solid #5bbd72;
}
.universal-block.crm-status.red > .label.success {
    background-color: #d95c5c;
}
.universal-block.crm-status.red > .label.updating {
    border-left: 2px solid #d95c5c;
    border-top: 2px solid #d95c5c;
}
.universal-block.crm-status.yellow > .label.success {
    background-color: #f2c61f;
}
.universal-block.crm-status.yellow > .label.updating {
    border-left: 2px solid #f2c61f;
    border-top: 2px solid #f2c61f;
}
.universal-block.crm-status.blue > .label.success {
    background-color: #009cff;
}
.universal-block.crm-status.blue > .label.updating {
    border-left: 2px solid #009cff;
    border-top: 2px solid #009cff;
}
.upload-block {
    background-clip: padding-box;
    border: 3px solid #ccc;
    border-radius: 3px;
    color: #999;
    position: relative;
    text-align: center !important;
    transition: all 0.35s ease 0s;
    vertical-align: top;
}
.upload-block i {
    transition: all 0.35s ease 0s;
}
.upload-block > .progress {
    background-color: rgba(239, 239, 239, 0.8);
    bottom: 0;
    display: none;
    left: 0;
    padding: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.upload-block.upload {
    border-color: #efefef !important;
}
.upload-block.upload > .progress {
    display: block;
}
.upload-block.active, .upload-block:hover {
    border-color: #009cff;
    border-style: solid;
}
.upload-block.active i, .upload-block:hover i {
    color: #009cff;
}
.upload-block.success {
    border-color: #5bbd72;
    border-style: solid;
}
.upload-block.success i {
    color: #5bbd72;
}
.upload-block input[type="file"] {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}
.upload-block-small {
    background-color: #dfdfdf;
    color: #999;
    overflow: hidden;
    position: relative;
    text-align: left;
    transition: all 0.35s ease 0s;
}
.upload-block-small i {
    transition: all 0.35s ease 0s;
}
.upload-block-small > .progress {
    background-color: rgba(239, 239, 239, 0.8);
    bottom: 0;
    display: none;
    left: 0;
    padding: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.upload-block-small > .result {
    background-color: #ccc;
    display: none;
    float: left;
    height: 70px;
    text-align: center;
    width: 70px;
}
.upload-block-small > .result::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.upload-block-small > .result img {
    display: inline-block;
    height: auto;
    max-height: 60px;
    max-width: 90%;
    vertical-align: middle;
    width: auto;
}
.upload-block-small > .text {
    float: left;
    margin-left: 10px;
    width: auto;
}
.upload-block-small > .text > div > i, .upload-block-small > .text > div > p {
    vertical-align: middle;
}
.upload-block-small > .text > div > p {
    margin-left: 5px;
}
.upload-block-small.upload {
    border-color: #efefef !important;
}
.upload-block-small.upload > .progress {
    display: block;
}
.upload-block-small.active, .upload-block-small:hover {
    border-color: #009cff;
    border-style: solid;
}
.upload-block-small.active i, .upload-block-small:hover i {
    color: #009cff;
}
.upload-block-small.success {
    border-color: #5bbd72;
    border-style: solid;
}
.upload-block-small.success i {
    color: #5bbd72;
}
.upload-block-small input[type="file"] {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20;
}
.input-add-block {
    float: left;
    margin: 0 5px 15px 0;
    text-align: center;
    width: 75px;
}
.input-add-block .segment {
    background-clip: padding-box;
    background-color: #ddd;
    border-radius: 5px;
    color: #666;
    font-size: 22px;
    padding: 18px 5px;
    transition: all 0.35s ease 0s;
    width: 75px;
}
.input-add-block .name {
    font-size: 12px;
    font-style: italic;
    padding-top: 2px;
}
.input-add-block:hover {
    cursor: pointer;
}
.input-add-block:hover .segment {
    background-color: #333;
    color: #fff;
}
#witget-form-inputs {
    border: 1px solid #ccc;
    display: inline-block;
    margin-top: 20px;
    padding: 25px 10px;
    width: auto;
}
#witget-form-inputs .text-wide > .button {
    padding: 0.75em 0;
    text-align: center;
    width: 100%;
}
#witget-form-inputs .text-left {
    text-align: left;
}
#witget-form-inputs .text-right {
    text-align: right;
}
#witget-form-inputs .text-center {
    text-align: center;
}
#witget-form-inputs .input .settings {
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -10px;
    transition: all 0.35s ease 0s;
}
#witget-form-inputs .input:hover {
    outline: 2px solid #009cff;
    outline-offset: 8px;
}
#witget-form-inputs .input:hover .settings {
    opacity: 1;
}
#witget-form-inputs .input.fluid {
    display: inline-block;
    float: none;
    vertical-align: bottom;
}
#learning-text {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.6;
    text-align: left;
}
#learning-text p {
    margin: 0;
    overflow: inherit;
    padding: 10px 0;
}
#learning-text h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 20px;
}
#learning-text h2 {
    font-size: 26px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-top: 40px;
}
#learning-text h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 20px;
}
#learning-text em {
    font-style: italic;
}
#learning-text hr {
    border-top: 1px solid #ccc;
    margin-top: 5px;
}
#learning-text img {
    display: inline-block;
    margin: 10px 0;
    max-width: 100%;
}
#learning-text .no {
    font-size: 20px;
    font-style: italic;
    margin-top: 20px;
}
#learning-text .yes {
    font-size: 20px;
    font-style: italic;
    margin-top: 20px;
}
#learning-text .quote {
    font-family: Georgia;
    font-size: 30px;
    line-height: 1.5;
    margin: 20px 0;
    text-align: center;
}
#learning-text .example {
    color: #5b6166;
    font-size: 20px;
    font-style: italic;
    margin-top: 20px;
}
#learning-text p img {
    float: left;
    margin: 20px;
    max-width: 100%;
}
#learning-text .img, #learning-text .size-full {
    margin: 10px -100px;
    text-align: center;
    width: 937px;
}
#learning-text .img img {
    border: 0 solid #b6b6b6;
    margin: 0;
}
#learning-text .size-full {
    background-clip: padding-box;
    border: 3px solid #efefef;
    border-radius: 5px;
    height: auto !important;
    margin: 50px -100px;
    max-width: none;
    width: 937px !important;
}
#learning-text li > .size-full {
    margin: 20px -120px;
}
#learning-text blockquote {
    border-left: 5px solid #5bbd72;
    color: #5bbd72;
    display: block;
    margin: 10px 0;
    padding: 5px 20px;
}
#learning-text blockquote small {
    color: #999;
    display: block;
    font-style: italic;
}
#learning-text ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0 0 0 20px;
    padding: 0;
}
#learning-text ol {
    list-style-position: inside;
    list-style-type: decimal;
    margin: 0 0 0 20px;
    padding: 0;
}
#learning-text i {
    font-size: 16px;
    font-style: italic;
}
#learning-text .font-grey {
    color: #6a6a6a;
}
#learning-text table {
    background-color: #f9f9f9;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin: 10px -100px;
    width: 937px;
}
#learning-text table tr:nth-child(2) {
    background-color: #efefef;
    padding: 20px;
}
#learning-text table tr td {
    padding: 15px;
}
#learning-text table thead tr {
    background-color: #efefef;
    border-bottom: 1px solid #dfdfdf;
}
#learning-text table thead tr td:not(:last-child) {
    border-right: 1px solid #ccc;
}
#learning-text a {
    color: #398bce;
    text-decoration: underline;
}
#learning-text a:visited {
    color: #398bce;
    text-decoration: none;
}
#learning-text a:focus {
    color: #398bce !important;
}
#learning-text a:hover {
    color: #195383 !important;
}
#learning-text a.button {
    text-decoration: none;
}
#learning-text a.button:link {
    color: #ffffff;
    margin-bottom: 50px;
    margin-top: 30px;
}
#learning-text a.button:visited {
    color: #ffffff;
}
#learning-text a.button:focus {
    color: #ffffff !important;
}
#learning-text a.button:hover {
    color: #ffffff !important;
}
#witget-info-name {
    color: #999;
    font-family: "Gotham","Roboto",arial,sans-serif;
    font-weight: 100;
    line-height: 1em;
}
#witget-controls {
    background-color: #d8d8d8;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    z-index: 9999;
}
#witget-controls > .button {
    background-clip: padding-box;
    border-radius: 0;
    font-size: 16px;
    padding: 20px 35px;
}
#witget-controls > .button.grey {
    background-color: transparent;
}
#witget-controls > .button.grey:hover {
    background-color: #ccc;
}
#witget-content {
    line-height: 1.4em;
}
#witget-tabs > .button {
    background-color: transparent;
    border-bottom: 2px solid #dfdfdf;
    font-size: 16px;
    font-weight: 300;
    margin: 0 15px 0 0;
    padding: 15px 10px 8px;
}
#witget-tabs > .button.active, #witget-tabs > .button.hover {
    border-bottom: 2px solid #999;
    color: #666;
}
#witget-tabs.small > .button {
    font-size: 14px;
    margin: 0 !important;
    padding: 15px 15px 8px;
}
#witget-icons-cats {
    display: block;
    height: 387px;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-transform: capitalize;
}
#witget-icons-choose {
    overflow-y: scroll;
    padding: 20px;
}
#witget-icons-choose > div {
    display: none;
}
#witget-icons-choose > .active {
    display: block;
}
#witget-icons-choose > div > .image {
    float: left;
    height: 130px;
    overflow: hidden;
    transition: all 0.35s ease 0s;
    width: 16.6667%;
}
#witget-icons-choose > div > .image::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
#witget-icons-choose > div > .image > img {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    width: 80px;
}
#witget-icons-choose > div > .image:hover {
    background-color: #efefef;
    cursor: pointer;
}
#witget-icons-choose > div.ten > .image {
    height: 80px;
    width: 10%;
}
#witget-icons-choose > div.ten > .image > img {
    width: 40px;
}
#drop-popup {
    max-width: 450px;
    z-index: 4000 !important;
}
#drop-popup .tipsy-inner {
    max-width: 100%;
}
.tipsy {
    font-size: 12px;
    padding: 5px;
    position: absolute;
    z-index: 9999;
}
.tipsy-tooltip {
    font-size: 12px;
    padding: 5px;
    position: absolute;
    z-index: 9999;
}
.tipsy-inner {
    background-color: #5c6166;
    color: #cbd3dc;
    max-width: 200px;
    padding: 7px 13px 8px;
    text-align: center;
}
.tipsy-tooltip.white .tipsy-inner {
    background-color: #fff;
    color: #666;
}
.tipsy-tooltip .tipsy-inner {
    box-shadow: 0 1px 7px #999;
}
.tipsy-inner {
    border-radius: 3px;
    opacity: 1;
}
.tipsy-arrow {
    border: 5px dashed #5c6166;
    height: 0;
    line-height: 0;
    position: absolute;
    width: 0;
}
.tipsy-arrow-n {
    border-bottom-color: #5c6166;
}
.tipsy-arrow-s {
    border-top-color: #5c6166;
}
.tipsy-arrow-e {
    border-left-color: #5c6166;
}
.tipsy-arrow-w {
    border-right-color: #5c6166;
}
.tipsy-tooltip.white .tipsy-arrow-n {
    border-bottom-color: #fff;
}
.tipsy-tooltip.white .tipsy-arrow-s {
    border-top-color: #fff;
}
.tipsy-tooltip.white .tipsy-arrow-e {
    border-left-color: #fff;
}
.tipsy-tooltip.white .tipsy-arrow-w {
    border-right-color: #fff;
}
.tipsy-n .tipsy-arrow {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: medium none;
    left: 50%;
    margin-left: -5px;
    top: 0;
}
.tipsy-nw .tipsy-arrow {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: medium none;
    left: 10px;
    top: 0;
}
.tipsy-ne .tipsy-arrow {
    border-bottom-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: medium none;
    right: 10px;
    top: 0;
}
.tipsy-s .tipsy-arrow {
    border-bottom: medium none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}
.tipsy-sw .tipsy-arrow {
    border-bottom: medium none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    bottom: 0;
    left: 10px;
}
.tipsy-se .tipsy-arrow {
    border-bottom: medium none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-style: solid;
    bottom: 0;
    right: 10px;
}
.tipsy-e .tipsy-arrow {
    border-bottom-color: transparent;
    border-left-style: solid;
    border-right: medium none;
    border-top-color: transparent;
    margin-top: -5px;
    right: 0;
    top: 50%;
}
.tipsy-w .tipsy-arrow {
    border-bottom-color: transparent;
    border-left: medium none;
    border-right-style: solid;
    border-top-color: transparent;
    left: 0;
    margin-top: -5px;
    top: 50%;
}
.lb-v-dummy {
    display: block;
    height: 1px;
    width: 100%;
}
.lb-h-dummy {
    display: block;
    height: 100%;
    width: 1px;
}
.lb-clear {
    clear: both;
}
.lb-wrap {
    overflow: auto;
    position: relative;
    z-index: 0;
}
.lb-v-scrollbar {
    background: #cfcfcf none repeat scroll 0 0;
    border-radius: 7px;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 7px;
    z-index: 1;
}
.lb-h-scrollbar {
    background: #cfcfcf none repeat scroll 0 0;
    border-radius: 7px;
    bottom: 2px;
    height: 7px;
    left: 2px;
    opacity: 0.3;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.lb-v-scrollbar-slider {
    background: #000 none repeat scroll 0 0;
    border-radius: 7px;
    height: 50px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
}
.lb-h-scrollbar-slider {
    background: #000 none repeat scroll 0 0;
    border-radius: 7px;
    height: 7px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
}
.cropper-container {
    -moz-user-select: none;
    direction: ltr !important;
    overflow: hidden;
    position: relative;
}
.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0deg !important;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
}
.cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.cropper-drag-box {
    background-color: #fff;
    opacity: 0;
}
.cropper-modal {
    background-color: #000;
    opacity: 0.5;
}
.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid rgba(102, 153, 255, 0.75);
    overflow: hidden;
    width: 100%;
}
.cropper-dashed {
    border: 0 dashed #fff;
    display: block;
    opacity: 0.5;
    position: absolute;
}
.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.3333%;
    left: 0;
    top: 33.3333%;
    width: 100%;
}
.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.3333%;
    top: 0;
    width: 33.3333%;
}
.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: 0.75;
    position: absolute;
    top: 50%;
    width: 0;
}
.cropper-center::before, .cropper-center::after {
    background-color: #fff;
    content: " ";
    display: block;
    position: absolute;
}
.cropper-center::before {
    height: 1px;
    left: -2px;
    top: 0;
    width: 5px;
}
.cropper-center::after {
    height: 5px;
    left: 0;
    top: -2px;
    width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
    display: block;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    width: 100%;
}
.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0;
}
.cropper-line {
    background-color: #69f;
}
.cropper-line.line-e {
    cursor: e-resize;
    right: -3px;
    top: 0;
    width: 5px;
}
.cropper-line.line-n {
    cursor: n-resize;
    height: 5px;
    left: 0;
    top: -3px;
}
.cropper-line.line-w {
    cursor: w-resize;
    left: -3px;
    top: 0;
    width: 5px;
}
.cropper-line.line-s {
    bottom: -3px;
    cursor: s-resize;
    height: 5px;
    left: 0;
}
.cropper-point {
    background-color: #69f;
    height: 5px;
    opacity: 0.75;
    width: 5px;
}
.cropper-point.point-e {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
}
.cropper-point.point-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
}
.cropper-point.point-w {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
}
.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
}
.cropper-point.point-ne {
    cursor: ne-resize;
    right: -3px;
    top: -3px;
}
.cropper-point.point-nw {
    cursor: nw-resize;
    left: -3px;
    top: -3px;
}
.cropper-point.point-sw {
    bottom: -3px;
    cursor: sw-resize;
    left: -3px;
}
.cropper-point.point-se {
    bottom: -3px;
    cursor: se-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
}
.cropper-point.point-se::before {
    background-color: #69f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
}
@media (min-width: 768px) {

.cropper-point.point-se {
    height: 15px;
    width: 15px;
}
}
@media (min-width: 992px) {
.cropper-point.point-se {
    height: 10px;
    width: 10px;
}
}
@media (min-width: 1200px) {
.cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
}
}
.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-invisible {
    opacity: 0;
}
.cropper-hide {
    height: auto !important;
    left: 0;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    opacity: 0;
    position: fixed;
    top: 0;
    width: auto !important;
    z-index: -1;
}
.cropper-hidden {
    display: none !important;
}
.cropper-move {
    cursor: move;
}
.cropper-crop {
    cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
    cursor: not-allowed;
}
.dropdown-input > .input > .label.start {
    background-image: url("../images/editor/colorpicker.png");
    background-position: -80px 0;
    position: relative;
    width: 40px;
}
.dropdown-input > .input > .label.start > .color {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.image-position {
    -moz-user-select: none;
    position: relative;
    text-align: center;
}
.image-position > .circle {
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0.4);
    border: 3px solid #fff;
    border-radius: 100%;
    box-shadow: 0 5px 15px #000;
    cursor: move;
    height: 15px;
    left: 10px;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    top: 10px;
    width: 15px;
    z-index: 100;
}
.image-position img {
    display: inline-block;
    height: auto;
    max-height: 150px;
    max-width: 100%;
    width: auto;
}
.colorPicker {
    padding: 15px;
}
.colorPicker .circle {
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    cursor: move;
    height: 12px;
    left: 70px;
    margin-left: -7px;
    margin-top: -7px;
    position: absolute;
    top: 70px;
    width: 12px;
}
.colorPicker .line {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.5);
    cursor: move;
    height: 4px;
    left: 0;
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 70px;
}
.colorPicker .hue {
    background-image: url("../images/editor/colorpicker.png");
    background-position: 0 0;
    float: left;
    height: 150px;
    margin-left: 1px;
    position: relative;
    width: 20px;
}
.colorPicker .opacity {
    background-image: url("../images/editor/colorpicker738d738d.png?1212123");
    background-position: -60px 0;
    float: left;
    height: 150px;
    margin-left: 1px;
    position: relative;
    width: 20px;
}
.colorPicker .color {
    background-color: red;
    background-image: url("../images/editor/colorpicker.png");
    background-position: -120px 0;
    float: left;
    height: 150px;
    position: relative;
    width: 150px;
}

.modal2 .modal {    width: 50%;}
/*queries*/
@media (max-width:760px) {
	#modal_form {
    width: 90%;
    left: 55%;
}