@charset "UTF-8";

.five-four > .content,
.four-three > .content,
.one-one > .content,
.sixteen-nine > .content,
.sixteen-ten > .content {
    bottom: 0;
    top: 0;
    overflow: hidden;
    left: 0;
    right: 0;
}

.five-four:before,
.four-three:before,
.one-one:before,
.sixteen-nine:before,
.sixteen-ten:before {
    content: '';
}

a,
body {
    color: #333;
}

pre,
table {
    table-layout: fixed;
}

.txt-left,
caption,
code,
hr,
table,
thead {
    text-align: left;
}

.invisible,
td:empty {
    visibility: hidden;
}

a,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0;
}

.one-one {
    position: relative;
}

.one-one:before {
    padding-top: 100%;
    display: block;
    width: 100%;
}

.one-one > .content {
    position: absolute;
}

.four-three {
    position: relative;
}

.four-three:before {
    padding-top: 75%;
    display: block;
    width: 100%;
}

.four-three > .content {
    position: absolute;
}

.five-four {
    position: relative;
}

.five-four:before {
    padding-top: 80%;
    display: block;
    width: 100%;
}

.five-four > .content {
    position: absolute;
}

.sixteen-nine {
    position: relative;
}

.sixteen-nine:before {
    padding-top: 56.25%;
    display: block;
    width: 100%;
}

.sixteen-nine > .content {
    position: absolute;
}

.sixteen-ten,
figure,
sub,
sup {
    position: relative;
}

.sixteen-ten:before {
    padding-top: 62.5%;
    display: block;
    width: 100%;
}

.sixteen-ten > .content {
    position: absolute;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote,
q {
    quotes: none;
}

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

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
    line-height: 0px;
}

body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: "Titillium Web", 'Trebuchet MS', sans-serif;
    font-size: 16px;
    line-height: 22px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 0px;
    padding: 0;
    color: #333;
    font-weight: 400;
    display: block;
    position: relative;
}

blockquote a,
code,
figcaption span {
    display: inline-block;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
    color: inherit;
}

.txt-bold,
b,
caption,
dt,
strong,
thead {
    font-weight: 700;
}

.h1,
h1 {
    font-size: 28px;
    line-height: 30px;
}

.h2,
h2 {
    font-size: 28px;
    line-height: 30px;
}

.h3,
h3 {
    font-size: 23px;
    line-height: 25px;
}

.h4,
h4 {
    font-size: 18px;
    line-height: 20px;
}

.h5,
h5 {
    font-size: 16px;
    line-height: 18px;
}

.h6,
h6 {
    font-size: 12px;
    line-height: 14px;
}

p {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 21px;
}

em {
    font-style: italic;
}

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

.icon,
.inline-btn-group,
code,
img,
td.align-vertical {
    vertical-align: middle;
}

sup {
    top: -5px;
}

sub {
    bottom: -5px;
}

pre {
    margin: 0 0 50px;
    padding: 0;
    display: table;
    width: 100%;
}

pre code {
    padding: 20px;
    overflow: auto;
    width: 100%;
}

code {
    margin: 0;
    padding: 0 3px;
    font-family: "Titillium Web", 'Trebuchet MS', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #F1F1F1;
    background-color: #111;
    border: 1px solid #111;
    overflow: hidden;
    white-space: pre;
}

.inline-btn-group,
.txt--noWrap,
.txt--truncate {
    white-space: nowrap;
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 1px dotted #999;
    cursor: help;
}

address {
    margin: 26px 0;
    padding: 0;
    display: block;
    font-style: normal;
    line-height: 20px;
}

hr {
    margin: 20px 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #D6D6D6;
    height: 1px;
    width: 100%;
    display: block;
}

dl,
ol,
ul {
    margin: 20px 0 20px 20px;
    display: block;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 10px 0 20px 20px;
}

ol {
    padding-left: 10px;
}

li {
    margin: 0 0 10px;
    padding: 0;
}

ul.circle ul.square,
ul.square,
ul.square ul {
    list-style: square;
}

ul.circle,
ul.circle ul,
ul.square ul.circle {
    list-style: circle;
}

ul.disc,
ul.disc ul {
    list-style: disc;
}

ul.circle li,
ul.disc li,
ul.square li {
    margin: 0 0 5px;
    padding: 0;
    line-height: 18px;
    background: 0 0;
}

thead,
tr {
    background-color: #FFF;
}

dl {
    margin-left: 0;
    padding: 0;
}

dt {
    margin: 0;
}

.dl-inline dt,
dd {
    margin: 0 0 20px;
}

.dl-inline dt {
    float: left;
    width: 30%;
    clear: left;
}

.img-max,
.overall,
caption,
table {
    width: 100%;
}

.dl-inline dd {
    margin-left: 30%;
}

blockquote,
figcaption {
    margin: 0;
    padding: 0;
}

figure {
    margin: 56px 0;
    padding: 10px 0 10px 20px;
    border-left: 2px solid #26343E;
    top: 0;
    left: 0;
}

blockquote p {
    margin: 0 0 10px;
    padding: 0;
    font-style: italic;
}

figcaption:before {
    content: '\2014';
    display: block;
}

figcaption {
    font-size: 14px;
}

figcaption span {
    padding: 0 5px;
    background-color: #26343E;
    color: #FFF;
    /*border-radius:3px*/
    ;
}

/*Anulado a la espera de problemas*/
/*
a{text-decoration:underline;transition:color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s;-moz-transition:color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s;-webkit-transition:color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s;-o-transition:color .33s cubic-bezier(.33,0,.2,1) 0s,fill .33s cubic-bezier(.33,0,.2,1) 0s,background .33s cubic-bezier(.33,0,.2,1) 0s}
*/

a:focus {
    -moz-outline-style: none;
}

.overall {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

.img-left {
    float: left;
    margin: 0 30px 30px 0;
    border: none;
}

.img-right {
    float: right;
    margin: 0 0 30px 30px;
    border: none;
}

.img-max {
    height: auto;
}

.media {
    position: relative;
    margin: 0 0 15px;
    padding-bottom: 51%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    border: 1px solid #ccc;
}

table,
td,
thead {
    border: none;
}

.media embed,
.media iframe,
.media object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon,
.message,
fieldset,
td {
    position: relative;
}

table,
tbody,
td,
th,
tr {
    display: block;
    text-align: left;
}

table {
    margin: 0 0 40px;
    overflow: visible;
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    margin: 0 0 10px;
    display: block;
}

tr {
    padding: 3px;
    border-bottom: 4px solid #EEE;
    min-height: 35px;
    transition: background .33s cubic-bezier(.33, 0, .2, 1) 0s;
}

thead {
    padding: 10px;
    display: none;
}

td {
    padding: 6px 10px 6px 0;
    min-width: 60px;
    background-color: transparent;
    word-wrap: break-word;
    top: 0;
    left: 0;
}

td:empty {
    display: none;
}

td[data-title]:before {
    padding: 0 10px 0 0;
    content: attr(data-title) ": ";
    color: #26343E;
    display: block;
    font-weight: 700;
}

.icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    top: -2px;
}

.icon--size-xl {
    height: 36px;
    width: 36px;
}

.icon--size-l {
    height: 26px;
    width: 26px;
}

.icon--size-m {
    height: 16px;
    width: 16px;
}

.icon--size-s {
    height: 10px;
    width: 10px;
}

.icon--onLeft {
    margin-right: 6px;
}

.icon--onRight {
    margin-left: 6px;
}

.message {
    margin: 0 0 20px;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 16px;
    color: #111;
    letter-spacing: .5px;
    background-color: #eeeeee;
    /*border-radius:3px;*/
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.no-padding,
fieldset,
form {
    padding: 0;
}

.label,
input,
label,
select,
textarea {
    box-sizing: border-box;
    font-size: 14px;
}

.message--color-positive {
    background-color: #E9522C;
}

.message--color-info {
    border-width: 1px;
    background-color: #ffffff;
    color: #ff0000;
    border: solid 1px;
    font-family: 'Titillium Web', 'Trebuchet MS', sans-serif;
    font-weight: 600;
    font-style: normal;

}

.message--color-warning {
    background-color: #FFC82C;
    color: #444;
}

.message--color-negative {
    background-color: #E74C3C;
    color: #ffffff;
}

.txt--fontSize-xxl {
    font-size: 46px;
    line-height: 50px;
}

.txt--fontSize-xl {
    font-size: 33px;
    line-height: 35px;
}

.txt--fontSize-l {
    font-size: 28px;
    line-height: 30px;
}

.txt--fontSize-m {
    font-size: 23px;
    line-height: 25px;
}

.txt--fontSize-s {
    font-size: 18px;
    line-height: 20px;
}

.txt--fontSize-xs {
    font-size: 16px;
    line-height: 18px;
}

.txt--fontSize-xxs {
    font-size: 12px;
    line-height: 14px;
}

.txt--lineHeight-xxl {
    line-height: 50px;
}

.txt--lineHeight-xl {
    line-height: 35px;
}

.txt--lineHeight-l {
    line-height: 30px;
}

.txt--lineHeight-m {
    line-height: 25px;
}

.txt--lineHeight-s {
    line-height: 20px;
}

.txt--lineHeight-xs {
    line-height: 18px;
}

.txt--lineHeight-xxs,
fieldset small {
    line-height: 14px;
}

.txt--truncate {
    text-overflow: ellipsis;
    overflow: hidden;
}

.txt--fontWeight-300 {
    font-weight: 300;
}

.txt--fontWeight-500 {
    font-weight: 500;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-clear {
    clear: both;
}

.txt-right {
    text-align: right;
}

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

.txt-justify {
    text-align: justify;
}

.rounded {
    border-radius: 50%;
}

.radius,
.select:after {
    /*border-radius:3px*/
    ;
}

.no-margin {
    margin: 0;
}

.no-indent {
    margin-left: 0;
    padding-left: 0;
}

.no-bullet {
    list-style: none;
}

.no-styling {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inline {
    display: inline;
}

.block,
.show {
    display: block;
}

.hidden,
.hide,
.invisible {
    display: none;
}

::-ms-clear,
::ms-reveal {
    display: none;
}

.visible {
    display: block;
    visibility: visible;
}

.hide-mobile,
.show-screen,
.show-tablet {
    display: none;
}

@media (min-width:768px) {
    .hide-mobile {
        display: inherit;
    }

    .hide-tablet,
    .show-mobile {
        display: none;
    }

    .show-tablet {
        display: inherit;
    }

    table {
        display: table;
        table-layout: auto;
    }

    caption {
        display: table-caption;
    }

    tbody,
    thead {
        display: table-row-group;
    }

    tr {
        padding: 0;
        border-width: 1px;
        display: table-row;
    }

    td,
    th {
        padding: 10px;
        display: table-cell;
    }

    td[data-title]:before {
        display: none;
    }
}

@media (min-width:960px) {
    tr:hover {
        background-color: #F9F9F9;
    }

    .hide-mobile,
    .hide-tablet {
        display: inherit;
    }

    .hide-screen,
    .show-mobile,
    .show-tablet {
        display: none;
    }

    .show-screen {
        display: inherit;
    }
}

.btn,
.checkbox > span label,
.radio > span label,
.select optgroup option,
.select select,
form,
form .message,
input,
label,
select,
textarea {
    font-family: "Titillium Web", 'Trebuchet MS', sans-serif;
    font-weight: 400;
}

form {
    margin: 0 0 0px;
    display: inline-block;
    width: 100%;
}

form :last-child {
    margin-bottom: 0;
}

fieldset {
    margin: 0px 0 0px;
    text-align: left;
    display: block;
    top: 10px;
    left: 0;
}

fieldset small {
    margin: 0 0 10px;
    display: block;
}

fieldset .btn {
    margin-bottom: 0;
}

.label,
label {
    margin: 0;
    padding: 0 0 6px;
    width: 100%;
    display: block;
    line-height: 18px;
    color: #555;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

label.checkbox,
label.radio {
    text-align: left;
    width: auto;
}

.select,
input,
select,
textarea {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    height: 35px;
}

/*para Mercado Pago*/
.input {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    height: 35px;
}

input {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    height: 30px;
}

.label + p,
fieldset .label + p,
label + p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 18px;
    color: #AAA;
}

input,
select,
textarea {
    border-color: #BBB;
    margin: 0 0 5px 0;
    padding: 0 10px;
    line-height: 30px;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    overflow: hidden;
    left: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}



.radio > span,
.select {
    box-sizing: border-box;
}

textarea {
    padding: 0 0 0 10px;
    resize: none;
    min-height: 100px;
    overflow-y: auto;
}

.checkbox,
.radio,
.select {
    overflow: hidden;
}

input[type=search] {
    -webkit-padding-start: 0;
}

.select {
    margin: 0;
    padding: 0;
    right: 0;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/*.select:after{margin:0;padding:0;content:'';background-color: transparent /*#FFF*/
/*;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlFNERGRkExNTgwMTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzlFNERGRkIxNTgwMTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUU0REZGODE1ODAxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUU0REZGOTE1ODAxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PksuSU4AAADRSURBVHjaxNPNCkFBFMDxeyWPwDtYWLCwkZWQKFE+yhPwFLyCvRVWLJTIV8ra1sbSkhQlRXT91SwG9+rqklO/1XTOzJwzo2qaplgJm2IxLBewl8rVr5yghuAHeVlU5AJO9BAwkZxDAy65QAZzdOF/k5xGHS0U5QJHxLHAAF6d5ASa6KCA6/MUDohhiSE80lpU7DpCHhejMe4RxgpjuBFCG1NxhfPDGHWOukMEE9EXB2ZI4fTyDgyatRE797FFUvRJMVvgHmv4fv6U1b//xpsAAwDgFiuTckGaBAAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:10px;background-position:center;color:#999;line-height:38px;text-align:center;width:25px;height:28px;position:absolute;top:1px;right:1px;pointer-events:none}*/

.select:after {
    margin: 0;
    padding: 0;
    content: '';
    background-color: #FFF;
    background-image: url(../images/bg-select-desktop.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    color: #999;
    line-height: 38px;
    text-align: center;
    width: 25px;
    height: 28px;
    position: absolute;
    top: 1px;
    right: 1px;
    pointer-events: none;
}

.select optgroup[label],
.select option,
.select select {
    line-height: 0px;
    font-size: 14px;
}

.radio,
.radio > span label,
.select select {
    width: 100%;
    display: block;
}

.select select {
    padding: 0px 0px 0px;
    background-color: transparent
        /* background-color:#FFF*/
    ;
    -webkit-padding-before: 0;
    -webkit-padding-start: 10px;
    height: 30px;
    float: left;
    color: #555;
    border: 1px solid #BBB;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.select option {
    padding: 10px;
    border-bottom: 1px solid #F3F3F3;
}

.select optgroup {
    padding: 0;
    color: #000;
    background-color: #FFF;
}

.checkbox input + label:before,
.radio input + label:before {
    height: 20px;
    color: #CCC;
    cursor: pointer;
    left: 0;
    top: 0;
    content: '';
    border-radius: 3px;
}

.select optgroup[label] {
    padding-top: 10px;
    background-color: #FFF;
    font-weight: 400;
    font-style: normal;
}

.select optgroup option:first-child {
    margin: 10px 0 0;
    border-top: 1px solid #F2F2F2;
}

.radio {
    padding: 8px 0 0;
}

.radio > span {
    margin: 0 0 10px;
    padding: 0 20px 0 0;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.radio > span label {
    margin: 0;
    padding: 2px 0 0 32px;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    position: relative;
    left: 0;
    top: 0;
}

.radio input {
    display: none;
}

.radio input + label:before {
    margin: 0;
    position: absolute;
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.radio input:checked + label:before,
.radio input[type=radio]:checked + label:before {
    border: 6px solid #444444;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.checkbox {
    padding: 8px 0 0;
    width: 100%;
    display: block;
}

.checkbox > span {
    margin: 0 0 10px;
    padding: 0 20px 0 0;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.checkbox > span label {
    padding: 2px 0 0 32px;
    width: 100%;
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    float: none;
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.checkbox input {
    display: none;
}

.checkbox input + label:before {
    margin: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0IxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4Q0MxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkMxNjBDNjBFMTYxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDQTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFgne4AAADHSURBVHjaYvj//z8DGdgFiL8BcSM5mlWA+N1/CPhDqmY+IL72HwE6SNHMBMSbkDRvBImRYkArkuYLQMwDEidWcziS5hdALAeTAxFsQGyAR7MhNMRB4DsQWyDLg4j1UMkSLJrFgfghku2R6GoYkEwHgTAkSZDLDiHJNWNzIYiIQFL0E4htoZIzkcRXAjEjLgNAOB9J8Wcg3ofEPwPEXLjCCFc0wcATIJbEF0PIHJAT5yJpBoWNEaEoRhdgBuIV0OgKICaNAAQYAPD/2FJuxgMsAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 1px;
    background-position: center;
    position: absolute;
    background-color: #FFF;
    border-width: 1px;
    /*border-radius:3px;*/
    border-style: solid;
    display: inline-block;
    width: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.checkbox input:checked + label:before {
    background-color: #444444;
    content: '';
    background-size: 10px;
    border-color: #a9a2a0;
    color: #FFF;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
}

.toggle {
    margin: 0 0 6px;
    padding: 2px;
    border: 0px solid #BBB;
    width: auto;
    display: inline-block;
    /*border-radius:3px*/
    ;
}

.toggle > span {
    margin: 0;
    padding: 0;
    min-width: 100px;
}

.toggle > span label {
    padding: 2px 20px;
    text-align: center;
}

.toggle input + label:before {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 24px;
    /*border-radius:3px;*/
    position: absolute;
    z-index: 2;
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.toggle input:checked + label:before {
    background-color: #6A8092;
    content: '';
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.toggle span span {
    position: relative;
    z-index: 9;
}

.radio.toggle input:checked + label:before {
    border: none;
}

.radio.toggle input:checked + label {
    color: #FFF;
}

.toggle .positive input:checked + label:before {
    background-color: #E9522C;
}

.toggle .info input:checked + label:before {
    background-color: #E9522C;
}

.toggle .warning input:checked + label:before {
    background-color: #FAA31B;
}

.toggle .negative input:checked + label:before {
    background-color: #E74C3C;
}

.switch > span {
    display: inline-block;
    width: auto;
}

.switch > span label {
    padding: 0 0 0 46px;
}

.switch input + label:before {
    content: '';
    background: 0 0;
    background-color: #c0c2c3;
    display: block;
    width: 36px;
    height: 20px;
    border: none;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.switch input + label:after {
    content: '';
    background-color: #fff;
    display: block;
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 3px;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 6;
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.switch input:checked + label:before {
    background-color: #3498db;
}

.switch input:checked + label:after {
    left: 18px;
}

.switch--right {
    width: auto;
}

.switch--right > span label {
    width: auto;
    padding: 0 46px 0 0;
}

.switch--right > span label:before {
    left: auto;
    right: 0;
}

.switch--right > span label:after {
    left: auto;
    right: 18px;
}

.switch--right input:checked + label:after {
    left: auto;
    right: 2px;
}

form .invalid .message,
form .invalid input:checked + label:before,
form.invalid .message {
    border-color: #E74C3C;
    background-color: #E74C3C;
}

.checkbox.switch input:checked + label:before {
    left: 50%;
}

.btn,
.toggle--has-labels label span,
input.btn {
    position: relative;
    left: 0;
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    text-align: center;
}

.toggle--has-labels label {
    width: auto;
}

.toggle--has-labels label span {
    margin: 0;
    padding: 0;
    height: 26px;
    width: 50%;
    display: block;
    float: left;
    line-height: 26px;
    top: 0;
    z-index: 9;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.inline-parent .inline-child .message,
.inline-parent .select,
.inline-parent input,
.inline-parent select,
.inline-parent textarea {
    width: 100%;
}

.toggle--has-labels input + label span:first-child,
.toggle--has-labels input:checked + label span:last-child {
    color: #FFF;
}

.toggle--has-labels input + label span:last-child,
.toggle--has-labels input:checked + label span:first-child {
    color: #555;
}

.inline-parent {
    display: flex;
}

.inline-parent .inline-child {
    margin: 0 20px 5px 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.inline-parent .inline-child:last-child {
    margin-right: 0;
}

.inline-parent .inline-child--grid-1 {
    flex: 0 0 calc(10% - 10px);
}

.inline-parent .inline-child--grid-2 {
    flex: 0 0 calc(20% - 10px);
}

.inline-parent .inline-child--grid-3 {
    flex: 0 0 calc(30% - 10px);
}

.inline-parent .inline-child--grid-4 {
    flex: 0 0 calc(40% - 10px);
}

.inline-parent .inline-child--grid-5 {
    flex: 0 0 calc(50% - 10px);
}

.inline-parent .inline-child--grid-6 {
    flex: 0 0 calc(60% - 10px);
}

.inline-parent .inline-child--grid-7 {
    flex: 0 0 calc(70% - 10px);
}

.inline-parent .inline-child--grid-8 {
    flex: 0 0 calc(80% - 10px);
}

.inline-parent .inline-child--grid-9 {
    flex: 0 0 calc(90% - 10px);
}

.flex-grow {
    flex-grow: 1;
}

.inline-btn-group {
    padding: 0 0 0 10px;
    width: 1%;
    display: table-cell;
}

.has-inline-elements {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.has-inline-elements .select,
.has-inline-elements input,
.has-inline-elements select,
.has-inline-elements textarea {
    width: 100%;
}

.input--grid-1 {
    width: calc(10% - 10px);
}

.input--grid-2 {
    width: calc(20% - 10px);
}

.input--grid-3 {
    width: calc(30% - 10px);
}

.input--grid-4 {
    width: calc(40% - 10px);
}

.input--grid-5 {
    width: calc(50% - 10px);
}

.input--grid-6 {
    width: calc(60% - 10px);
}

.input--grid-7 {
    width: calc(70% - 10px);
}

.input--grid-8 {
    width: calc(80% - 10px);
}

.input--grid-9 {
    width: calc(90% - 10px);
}


/* form .message{display:none} */

form fieldset .message {
    margin: 0;
    border-radius: 0 0 3px 3px;
    top: -2px;
}

form .checkbox + .message,
form .radio + .message {
    margin: 10px 0 0;
}

form .invalid input:checked + label,
form .invalid > label {
    color: #E74C3C;
}

form .invalid input,
form .invalid select,
form .invalid textarea {
    border-color: #E74C3C;
}

form .invalid .message,
form.invalid .message {
    display: block;
}

.btn,
.btn-group,
form .valid .message,
form.valid .message,
input.btn {
    display: inline-block;
}

form .valid .message,
form .valid input:checked + label:before,
form.valid .message {
    border-color: #29B765;
    background-color: #29B765;
}

form .valid input:checked + label,
form .valid > label {
    color: #E9522C;
}

form .valid input,
form .valid select,
form .valid textarea {
    border-color: #E9522C;
}

input:not(:focus):invalid {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input:focus:invalid::-webkit-input-placeholder {
    color: #E74C3C;
    opacity: 1;
}

input:focus:invalid:-moz-placeholder {
    color: #E74C3C;
    opacity: 1;
}

input:focus:invalid::-moz-placeholder {
    color: #E74C3C;
    opacity: 1;
}

input:focus:invalid:-ms-input-placeholder {
    color: #E74C3C;
    opacity: 1;
}

:disabled {
    cursor: not-allowed;
}

:disabled::-webkit-input-placeholder {
    color: #111;
    opacity: 1;
}

:disabled:-moz-placeholder {
    color: #111;
    opacity: 1;
}

:disabled::-moz-placeholder {
    color: #111;
    opacity: 1;
}

:disabled:-ms-input-placeholder {
    color: #BBB;
    opacity: 1;
}

fieldset:disabled {
    opacity: 1;
}

fieldset:disabled input[type=radio] {
    background-color: transparent;
}

::-webkit-input-placeholder {
    color: #BBB;
}

:-moz-placeholder {
    color: #BBB;
}

::-moz-placeholder {
    color: #BBB;
}

:-ms-input-placeholder {
    color: #BBB;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #111;
    outline: transparent 0;
    box-shadow: none;
}

:focus::-webkit-input-placeholder {
    outline: 0;
}

:focus:-moz-placeholder {
    outline: 0;
}

:focus::-moz-placeholder {
    outline: 0;
}

:focus:-ms-input-placeholder {
    outline: 0;
}

.labels-inline label {
    padding: 5px 16px 0 0;
    float: left;
    width: 30%;
    text-align: right;
}

.labels-inline .message,
.labels-inline .select,
.labels-inline .toggled,
.labels-inline input,
.labels-inline textarea {
    width: 70%;
    float: right;
}

.labels-inline button:first-of-type {
    margin-left: 30%;
}

.labels-inline .checkbox,
.labels-inline .radio {
    margin-left: 30%;
    width: 70%;
}

.labels-inline .checkbox input,
.labels-inline .radio input {
    width: auto;
}

.labels-inline .toggled label {
    width: 50px;
}

.labels-hidden label {
    display: none;
}

button,
input.btn {
    padding: 0;
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    -webkit-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

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

.btn,
input.btn {
    margin: 0 5px 10px 0;
    padding: 0 15px;
    background: #26343E;
    border: none;
    font-size: 14px;
    line-height: 40px;
    color: #FFF;
    fill: #FFF;
    /*border-radius:3px;*/
    height: 40px;
    min-width: 40px;
    vertical-align: top;
    text-decoration: none;
    width: auto;
    letter-spacing: 0;
    top: 0;
    cursor: pointer;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.btn:last-child {
    margin-right: 0;
}

.btn[disabled] {
    cursor: not-allowed;
    opacity: .4;
}

.btn:hover,
input.btn:hover {
    background-color: #6A8092;
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.btn:hover[disabled] {
    background-color: #1A2730;
}

.btn + .btn {
    margin-left: 5px;
}

.btn.btn--size-xs {
    padding: 0 10px;
    line-height: 20px;
    height: 20px;
    min-width: 20px;
    font-size: 13px;
}

.btn.btn--size-s {
    padding: 0 10px;
    /*line-height:30px;*/
    height: 30px;
    min-width: 30px;
    font-size: 13px;
}

.btn.btn--size-m {
    padding: 0 15px;
    line-height: 40px;
    min-height: 40px;
    min-width: 40px;
    font-size: 14px;
}

.btn.btn--size-l {
    padding: 0 20px;
    line-height: 50px;
    min-height: 50px;
    min-width: 50px;
    font-size: 20px;
}

.btn.btn--size-xl {
    padding: 0 25px;
    line-height: 60px;
    min-height: 60px;
    min-width: 60px;
    font-size: 20px;
}

.btn--width-100 {
    margin: 0 0 10px;
    width: 100%;
}

.btn--width-50 {
    margin: 0 0 10px;
    width: 50%;
}

.btn--color-default,
.btn--color-default:hover[disabled] {
    background-color: #26343E;
    border-color: #26343E;
}

.btn--color-default:hover {
    background-color: #6A8092;
    border-color: #6A8092;
}

.btn--color-positive,
.btn--color-positive:hover[disabled] {
    background-color: #E9522C;
    border-color: #E9522C;
}

.btn--color-positive:hover {
    background-color: #219358;
    border-color: #219358;
}

.btn--color-info,
.btn--color-info:hover[disabled] {
    background-color: #E9522C;
    border-color: #E9522C;
}

.btn--color-info:hover {
    background-color: #206FA4;
    border-color: #206FA4;
}

.btn--color-warning,
.btn--color-warning:hover[disabled] {
    background-color: #FFC82C;
    border-color: #FFC82C;
}

.btn--color-warning:hover {
    background-color: #F8B700;
    border-color: #F8B700;
}

.btn--color-negative,
.btn--color-negative:hover[disabled] {
    background-color: #E74C3C;
    border-color: #E74C3C;
}

.btn--color-negative:hover {
    background-color: #B93D30;
    border-color: #B93D30;
}

.btn--color-none,
.btn--color-none:hover,
.btn--color-none:hover[disabled] {
    background-color: transparent;
    border-color: transparent;
    color: #26343E;
    fill: #26343E;
}

.btn--style-ghost {
    background-color: transparent;
    color: #26343E;
    fill: #26343E;
    border: 1px solid #BBB;
}

.btn--style-ghost:hover {
    background-color: #26343E;
    color: #FFF;
    fill: #FFF;
}

.btn--style-link {
    background-color: transparent;
    color: #26343E;
    fill: #26343E;
    border: none;
}

.btn--style-link:hover {
    background-color: transparent;
    text-decoration: underline;
}

.btn--hoverColor-positive:hover {
    border-color: #E9522C;
    background-color: #E9522C;
    color: #FFF;
    fill: #FFF;
}

.btn--hoverColor-info:hover {
    border-color: #E9522C;
    background-color: #3498DB;
    color: #FFF;
    fill: #FFF;
}

.btn--hoverColor-warning:hover {
    border-color: #FFC82C;
    background-color: #FFC82C;
    color: #FFF;
    fill: #FFF;
}

.btn--hoverColor-negative:hover {
    border-color: #E74C3C;
    background-color: #E74C3C;
    color: #FFF;
    fill: #FFF;
}

.btn-group {
    margin: 0 0 10px;
    border: 1px solid #BBB;
    /*border-radius:3px;*/
    overflow: hidden;
}

.btn-group .btn {
    margin: 0;
    float: left;
    border-radius: 0;
    border-right: 1px solid #BBB;
    color: #26343E;
    background-color: transparent;
}

.btn-group .btn:hover {
    background-color: #26343E;
    border-color: #26343E;
    color: #FFF;
}

.btn-group .btn:last-of-type {
    border: none;
}

.btn--state-failure,
.btn--state-loading,
.btn--state-successful {
    padding-left: 40px;
    cursor: default;
}

.btn--state-loading:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlFNEUwMDIxNTgwMTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUI1RjY4RkExN0E3MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUU0RTAwMDE1ODAxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUU0RTAwMTE1ODAxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnkuZ4IAAAEESURBVHjapNOxasJQFMbxGBRxEBWhqA8gOEhxULDg0EF8gw4dunRuH8TFwU0n6SgFh3bUNxCKHa3oJG7SDhZBjP8TjyLB4RoP/AK5OefL5YbYjuNYHgW0McYaW8zQQcXbH5CLVgwtPGCNPn4QQA4VhPGOZ/y6U5qUwLezr4bee3d2g6b2SG/cfbk+7OmDxzODXk/a+3kIqOpC3WD4oKEzNbl5wwqxCwISesBdm2O4x+B4KGa11Jk7CUhjYl1eU2QkYIOIjwD5pBsJGKPkI6CIkQR84FYXTKuMvDvLSWbwjyGCBl8ghC/8ISU7mOMVWSQN3h7VvhcsTv8FX2VbV9bVATsBBgCjV1NeIGkV2gAAAABJRU5ErkJggg==);
    animation: spinner .8s linear .2s infinite;
}

.btn--state-successful:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0IxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4Q0MxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkMxNjBDNjBFMTYxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDQTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFgne4AAADHSURBVHjaYvj//z8DGdgFiL8BcSM5mlWA+N1/CPhDqmY+IL72HwE6SNHMBMSbkDRvBImRYkArkuYLQMwDEidWcziS5hdALAeTAxFsQGyAR7MhNMRB4DsQWyDLg4j1UMkSLJrFgfghku2R6GoYkEwHgTAkSZDLDiHJNWNzIYiIQFL0E4htoZIzkcRXAjEjLgNAOB9J8Wcg3ofEPwPEXLjCCFc0wcATIJbEF0PIHJAT5yJpBoWNEaEoRhdgBuIV0OgKICaNAAQYAPD/2FJuxgMsAAAAAElFTkSuQmCC);
}

.btn--state-failure:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0YxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4RDAxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUJFMThDRDE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDRTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlaiBEoAAAEWSURBVHjaYvr//z8DJZiJAQKqgPgtEDszEAZxQPweiEPAPKhJx/5DwFcgtsVjYwQQ/4GqXQYSg0moA/ELqMQnILbEojkYSfM1IBZDNgCEdYD4FVTBByA2QZLzA+KfULnbQCwFk0O3RR+I30IVvgNiAyD2QNJ8F4hlkPVg86cJ1AUg8AYaLiDwCIgV0NXjCixQGHz8jwCPgVgFXzRiA4xo/L/YFGEzwBSItwMxLxC/AeJvQCwDxHuBWBZDNZqTDKCB9x8amCC+CxB/Q4oBaVxhgC8aPZFi4joQi6MboAHEL6EKPuJISP5IhlwGYlFkA04TmZRDkFLjEuRYWAvE74DYF4gP44mZNUAcC81Mm8FRBXYGBQAgwADmMFste788IAAAAABJRU5ErkJggg==);
}

.btn--state-failure:before,
.btn--state-loading:before,
.btn--state-successful:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    color: #FFF;
    line-height: 16px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    top: calc(50% - 8px);
    left: 15px;
}

.btn--state-loading,
.btn--state-loading:hover {
    background-color: #26343E;
    border-color: #26343E;
}

.btn--state-successful,
.btn--state-successful:hover {
    background-color: #E9522C;
    border-color: #E9522C;
}

.btn--state-failure,
.btn--state-failure:hover {
    background-color: #E74C3C;
    border-color: #E74C3C;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spinner {
    0% {
        -ms-transform: rotate(0);
    }

    100% {
        -ms-transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -o-transform: rotate(0);
    }

    100% {
        -o-transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width:767px) {

    .labels-inline .message,
    .labels-inline .select,
    .labels-inline .toggled,
    .labels-inline input,
    .labels-inline label,
    .labels-inline textarea {
        float: none;
        width: 100%;
    }

    .h2,
    h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .labels-inline label {
        padding: 0 0 6px;
        text-align: left;
    }

    .labels-inline button:first-of-type {
        margin-left: 0;
    }

    .labels-inline .checkbox,
    .labels-inline .radio {
        margin-left: 0;
        width: 100%;
    }

    .inline-parent {
        display: block;
    }

    .inline-parent .inline-child,
    .inline-parent .inline-child:last-child {
        margin-right: 0;
    }

    .inline-parent .inline-child--width-1,
    .inline-parent .inline-child--width-2,
    .inline-parent .inline-child--width-3,
    .inline-parent .inline-child--width-4,
    .inline-parent .inline-child--width-5,
    .inline-parent .inline-child--width-6,
    .inline-parent .inline-child--width-7,
    .inline-parent .inline-child--width-8,
    .inline-parent .inline-child--width-9 {
        width: 100%;
    }
}

.row,
.row--width-fluid {
    margin: 0 auto;
    padding: 0 15px;
    -moz-box-sizing: border-box;
    display: flex;
}

.row {
    flex-direction: row;
    flex: 0 1 auto;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.row--width-fluid {
    flex-direction: row;
    flex: 0 1 auto;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

.row .row,
.row .row [class^=grid]:only-child {
    padding: 0;
}

.row--align-left {
    justify-content: flex-start;
}

.row--align-center {
    justify-content: center;
}

.row--align-right {
    justify-content: flex-end;
}

.row .row {
    width: 100%;
}

.row .row [class^=grid]:first-child {
    padding-left: 0;
}

.row .row [class^=grid]:last-child {
    padding-right: 0;
}

.grid,
.grid-1,
.grid-10,
.grid-11,
.grid-12,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9 {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row--order-reverse {
    flex-direction: column-reverse;
}

.grid--order-first {
    order: -1;
}

.grid--order-last {
    order: 1;
}

.grid-1-mobile {
    flex-basis: 8.33333%;
}

.grid-2-mobile {
    flex-basis: 16.66667%;
}

.grid-3-mobile {
    flex-basis: 25%;
}

.grid-4-mobile {
    flex-basis: 33.33333%;
}

.grid-5-mobile {
    flex-basis: 41.66667%;
}

.grid-6-mobile {
    flex-basis: 50%;
}

.grid-7-mobile {
    flex-basis: 58.33333%;
}

.grid-8-mobile {
    flex-basis: 66.66667%;
}

.grid-9-mobile {
    flex-basis: 75%;
}

.grid-10-mobile {
    flex-basis: 83.33333%;
}

.grid-11-mobile {
    flex-basis: 91.66667%;
}

.grid-12-mobile {
    flex-basis: 100%;
}

@media (min-width:768px) {
    .row {
        width: 768px;
    }

    .grid,
    .grid-1,
    .grid-10,
    .grid-11,
    .grid-12,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9 {
        padding: 0 14.55px;
    }

    .grid {
        flex: 1 1 0%;
    }

    .grid-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .grid-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .grid-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .grid-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .grid-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .grid-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .grid-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .grid-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .grid-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .grid-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .grid-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .grid-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .grid--offset-1 {
        margin-left: 8.33333%;
    }

    .grid--offset-2 {
        margin-left: 16.66667%;
    }

    .grid--offset-3 {
        margin-left: 25%;
    }

    .grid--offset-4 {
        margin-left: 33.33333%;
    }

    .grid--offset-5 {
        margin-left: 41.66667%;
    }

    .grid--offset-6 {
        margin-left: 50%;
    }

    .grid--offset-7 {
        margin-left: 58.33333%;
    }

    .grid--offset-8 {
        margin-left: 66.66667%;
    }

    .grid--offset-9 {
        margin-left: 75%;
    }

    .grid--offset-10 {
        margin-left: 83.33333%;
    }

    .grid--offset-11 {
        margin-left: 91.66667%;
    }

    .row--order-reverse {
        flex-direction: row-reverse;
    }

    .grid--order-first {
        order: -1;
    }

    .grid--order-last {
        order: 1;
    }
}

@media (min-width:960px) {
    .row {
        width: 960px;
    }

    .grid,
    .grid-1,
    .grid-10,
    .grid-11,
    .grid-12,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9 {
        padding: 0 16px;
    }
}

@media (min-width:1199px) {
    .row {
        width: 1200px;
    }

    .grid,
    .grid-1,
    .grid-10,
    .grid-11,
    .grid-12,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9 {
        padding: 0 20px;
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .grid-1-tablet {
        max-width: 8.33333%;
        flex-basis: 8.33333%;
    }

    .labels-inline .message,
    .labels-inline .select,
    .labels-inline .toggled,
    .labels-inline input,
    .labels-inline textarea {
        width: 50%;
        float: right;
    }

    .grid-2-tablet {
        max-width: 16.66667%;
        flex-basis: 16.66667%;
    }

    .grid-3-tablet {
        max-width: 25%;
        flex-basis: 25%;
    }

    .grid-4-tablet {
        max-width: 33.33333%;
        flex-basis: 33.33333%;
    }

    .grid-5-tablet {
        max-width: 41.66667%;
        flex-basis: 41.66667%;
    }

    .grid-6-tablet {
        max-width: 50%;
        flex-basis: 50%;
    }

    .grid-7-tablet {
        max-width: 58.33333%;
        flex-basis: 58.33333%;
    }

    .grid-8-tablet {
        max-width: 66.66667%;
        flex-basis: 66.66667%;
    }

    .grid-9-tablet {
        max-width: 75%;
        flex-basis: 75%;
    }

    .grid-10-tablet {
        max-width: 83.33333%;
        flex-basis: 83.33333%;
    }

    .grid-11-tablet {
        max-width: 91.66667%;
        flex-basis: 91.66667%;
    }

    .grid-12-tablet {
        max-width: 100%;
        flex-basis: 100%;
    }

    .grid--order-first-tablet,
    .grid--order-last-tablet {
        order: inherit;
    }
}

@media only screen and (max-width:767px) {
    .row--order-reverse-mobile {
        flex-direction: inherit;
    }

    .grid--order-first-mobile,
    .grid--order-last-mobile {
        order: inherit;
    }
}

.columns {
    margin-left: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    align-content: flex-end;
}

.columns + * {
    margin-top: 1rem;
}

.column {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    width: 100%;
}

.column:first-child {
    border-top-color: transparent;
}

.bottom-border {
    border-bottom: 1px solid #e5e5e5;
}

.borderless li {
    border-color: transparent;
}

@media (min-width:768px) {
    .column {
        padding: 20px 2%;
        border-right: 1px solid #d4d4d4;
    }
}

@media only screen and (max-width:767px) {
    .columns-2-mobile .column {
        padding: 20px;
        width: 50%;
        border-right: 1px solid #E5E5E5;
    }

    .columns-2-mobile .column:nth-child(-n+2) {
        border-top-color: transparent;
    }

    .columns-2-mobile .column:nth-child(2n+1) {
        padding-left: 0;
    }

    .columns-2-mobile .column:nth-child(2n+2) {
        padding-right: 0;
        border-right-color: transparent;
    }

    .column {
        border-top: 1px solid #bbb;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {

    .labels-inline .message,
    .labels-inline .select,
    .labels-inline .toggled,
    .labels-inline input,
    .labels-inline textarea {
        width: 50%;
        float: right;
    }

    .hide-screen {
        display: none;
    }

    .show-mobile {
        display: none;
    }

    .columns-2-tablet .column:nth-child(-n+2),
    .columns-3-tablet .column:nth-child(-n+3),
    .columns-4-tablet .column:nth-child(-n+4),
    .columns-5-tablet .column:nth-child(-n+5),
    .columns-6-tablet .column:nth-child(-n+6) {
        border-top-color: transparent;
    }

    .columns-1-tablet .column {
        padding: 20px 0;
        border-right-color: transparent;
    }

    .columns-2-tablet .column:nth-child(2n+1),
    .columns-3-tablet .column:nth-child(3n+1),
    .columns-4-tablet .column:nth-child(4n+1),
    .columns-5-tablet .column:nth-child(5n+1),
    .columns-6-tablet .column:nth-child(6n+1) {
        padding-left: 0;
    }

    .columns-2-tablet .column:nth-child(2n+2),
    .columns-3-tablet .column:nth-child(3n+3),
    .columns-4-tablet .column:nth-child(4n+4),
    .columns-5-tablet .column:nth-child(5n+5),
    .columns-6-tablet .column:nth-child(6n+6) {
        padding-right: 0;
        border-right-color: transparent;
    }

    .columns-2-tablet .column {
        width: 50%;
    }

    .columns-3-tablet .column {
        width: 34.666%;
    }

    .columns-3-tablet .column:nth-child(3n+1),
    .columns-3-tablet .column:nth-child(3n+3) {
        width: 32.666%;
    }

    .columns-4-tablet .column {
        width: 26%;
    }

    .columns-4-tablet .column:nth-child(4n+1),
    .columns-4-tablet .column:nth-child(4n+4) {
        width: 24%;
    }

    .columns-5-tablet .column {
        width: 20.777%;
    }

    .columns-5-tablet .column:nth-child(5n+1),
    .columns-5-tablet .column:nth-child(5n+5) {
        width: 18.777%;
    }

    .columns-6-tablet .column {
        width: 17.333%;
    }

    .columns-6-tablet .column:nth-child(6n+1),
    .columns-6-tablet .column:nth-child(6n+6) {
        width: 15.333%;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .labels-inline .message,
    .labels-inline .select,
    .labels-inline .toggled,
    .labels-inline input,
    .labels-inline textarea {
        width: 50%;
        float: right;
    }

    .show-mobile {
        display: none;
    }

    .hide-screen {
        display: none;
    }

    .columns-2-desktop .column:nth-child(-n+2),
    .columns-3-desktop .column:nth-child(-n+3),
    .columns-4-desktop .column:nth-child(-n+4),
    .columns-5-desktop .column:nth-child(-n+4),
    .columns-6-desktop .column:nth-child(-n+6) {
        border-top-color: transparent;
    }

    .columns-1-desktop .column {
        padding: 20px 0;
        border-right-color: transparent;
    }

    .columns-2-desktop .column:nth-child(2n+1),
    .columns-3-desktop .column:nth-child(3n+1),
    .columns-4-desktop .column:nth-child(4n+1),
    .columns-5-desktop .column:nth-child(4n+1),
    .columns-6-desktop .column:nth-child(6n+1) {
        padding-left: 0;
    }

    .columns-2-desktop .column:nth-child(2n+2),
    .columns-3-desktop .column:nth-child(3n+3),
    .columns-4-desktop .column:nth-child(4n+4),
    .columns-5-desktop .column:nth-child(4n+4),
    .columns-6-desktop .column:nth-child(6n+6) {
        padding-right: 0;
        border-right-color: transparent;
    }

    .columns-2-desktop .column {
        width: 50%;
    }

    .columns-3-desktop .column {
        width: 34.666%;
    }

    .columns-3-desktop .column:nth-child(3n+1),
    .columns-3-desktop .column:nth-child(3n+3) {
        width: 32.666%;
    }

    .columns-4-desktop .column {
        width: 26%;
    }

    .columns-4-desktop .column:nth-child(4n+1) {
        padding-left: 0;
    }

    .columns-4-desktop .column:nth-child(4n+4) {
        padding-right: 0;
        border-right-color: transparent;
    }

    .columns-4-desktop .column:nth-child(-n+4) {
        border-top-color: transparent;
    }

    .columns-4-desktop .column:nth-child(4n+1),
    .columns-4-desktop .column:nth-child(4n+4) {
        width: 24%;
    }

    .columns-5-desktop .column {
        width: 26%;
    }

    .columns-5-desktop .column:nth-child(4n+1),
    .columns-5-desktop .column:nth-child(4n+4) {
        width: 24%;
    }

    .columns-6-desktop .column {
        width: 17.333%;
    }

    .columns-6-desktop .column:nth-child(6n+1),
    .columns-6-desktop .column:nth-child(6n+6) {
        width: 15.333%;
    }
}

@media only screen and (min-width:1200px) {

    .show-mobile {
        display: none;
    }

    .hide-screen {
        display: none;
    }

    .columns-2-desktop .column:nth-child(-n+2),
    .columns-3-desktop .column:nth-child(-n+3),
    .columns-4-desktop .column:nth-child(-n+4),
    .columns-5-desktop .column:nth-child(-n+5),
    .columns-6-desktop .column:nth-child(-n+6) {
        border-top-color: transparent;
    }

    .columns-1-desktop .column {
        padding: 20px 0;
        border-right-color: transparent;
    }

    .columns-2-desktop .column:nth-child(2n+1),
    .columns-3-desktop .column:nth-child(3n+1),
    .columns-4-desktop .column:nth-child(4n+1),
    .columns-5-desktop .column:nth-child(5n+1),
    .columns-6-desktop .column:nth-child(6n+1) {
        padding-left: 0;
    }

    .columns-2-desktop .column:nth-child(2n+2),
    .columns-3-desktop .column:nth-child(3n+3),
    .columns-4-desktop .column:nth-child(4n+4),
    .columns-5-desktop .column:nth-child(5n+5),
    .columns-6-desktop .column:nth-child(6n+6) {
        padding-right: 0;
        border-right-color: transparent;
    }

    .columns-2-desktop .column {
        width: 50%;
    }

    .columns-4-desktop .column {
        width: 26%;
    }

    .columns-4-desktop .column:nth-child(4n+1) {
        padding-left: 0;
    }

    .columns-4-desktop .column:nth-child(4n+4) {
        padding-right: 0;
        border-right-color: transparent;
    }

    .columns-4-desktop .column:nth-child(-n+4) {
        border-top-color: transparent;
    }

    .columns-4-desktop .column:nth-child(4n+1),
    .columns-4-desktop .column:nth-child(4n+4) {
        width: 24%;
    }

    .columns-5-desktop .column {
        width: 20.777%;
    }

    .columns-5-desktop .column:nth-child(5n+1),
    .columns-5-desktop .column:nth-child(5n+5) {
        width: 18.777%;
    }
}

/**********************checkbox-all***********************/
.checkbox-all {
    margin-top: 0px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.checkbox-all input {
    display: none;
}

.checkbox-all > span:first-child label {
    margin: 0;
}

.checkbox-all > span label {
    margin: 6px 0 0;
    padding: 0 0 0 30px;
    width: 100%;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    float: none;
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.checkbox-all input + label:before {
    margin: 0;
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCRTE4Q0IxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCRTE4Q0MxNTc5MTFFNjlCOTU5QjY1QkU5MkYyMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkMxNjBDNjBFMTYxMUU2OUI5NTlCNjVCRTkyRjIwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUJFMThDQTE1NzkxMUU2OUI5NTlCNjVCRTkyRjIwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuFgne4AAADHSURBVHjaYvj//z8DGdgFiL8BcSM5mlWA+N1/CPhDqmY+IL72HwE6SNHMBMSbkDRvBImRYkArkuYLQMwDEidWcziS5hdALAeTAxFsQGyAR7MhNMRB4DsQWyDLg4j1UMkSLJrFgfghku2R6GoYkEwHgTAkSZDLDiHJNWNzIYiIQFL0E4htoZIzkcRXAjEjLgNAOB9J8Wcg3ofEPwPEXLjCCFc0wcATIJbEF0PIHJAT5yJpBoWNEaEoRhdgBuIV0OgKICaNAAQYAPD/2FJuxgMsAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 1px;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    color: #ccc;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.checkbox-all input:checked + label:before {
    background-color: #111;
    content: '';
    background-size: 10px;
    border-color: #111;
    color: #fff;
    transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.switch-all > span {
    display: inline-block;
    width: auto;
}

.switch-all > span label {
    padding: 0 0 0 46px;
}

#pref-copy .switch-all > span label {
    padding: 0 0 0px 45px;
    float: left;
    text-align: left;
    width: 100%;
}

.switch-all input + label:before {
    content: '';
    background: 0 0;
    background-color: #bbb;
    display: block;
    width: 40px;
    height: 24px;
    border: none;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.switch-all input + label:after {
    content: '';
    background-color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 2px;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 6;
    transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -moz-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -webkit-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
    -o-transition: all .2s cubic-bezier(.33, 0, .2, 1) 0s;
}

.switch-all input:checked + label:before {
    background-color: #111;
}

.switch-all input:checked + label:after {
    left: 18px;
}

.switch--right-all {
    width: auto;
}

.switch--right-all > span label {
    width: auto;
    padding: 0 46px 0 0;
}

.switch--right-all > span label:before {
    left: auto;
    right: 0;
}

.switch--right-all > span label:after {
    left: auto;
    right: 18px;
}

.switch--right-all input:checked + label:after {
    left: auto;
    right: 2px;
}

/**********************end checkbox-all***********************/