/*@import url("//fonts.googleapis.com/css?family=Open+Sans:400,500");*/
.jlc-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 270px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    font-family: Hind, sans-serif;
}
.jlc-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jlc-wrapper a {
    color: #0088fb;
}
.jlc-wrapper .jlc-error {
    padding-bottom: 7px;
    color: red;
    font-size: 14px;
}
.jlc-wrapper .jlc-error.user-exist {
    color: #f70;
}
.jlc-wrapper .jlc-cover {
    position: relative;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    height: 65px;
}
.jlc-wrapper .jlc-cover.is_active .jlc-btn {
    display: none;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.jlc-wrapper .jlc-cover .jlc-btn {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: inline-block;
    height: 65px;
    margin: 0;
    padding: 0 1em;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 0px;
    outline: none;
    background: none;
    background-color: #0088fb;
    font-family: Hind, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 65px;
    width: 100%;
}
.jlc-wrapper .jlc-cover .jlc-btn:hover,
.jlc-wrapper .jlc-cover .jlc-btn:focus {
    background-color: #1694ff;
}
.jlc-wrapper .jlc-cover .jlc-sbmt {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    padding: 0;
    background-color: #5e6981;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuMTcxIDUxMi4xNzEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MDkuMDM1IDI0OC4yMTJsLTIxMy41MDQtMjEyLjhjLTMuMDUxLTMuMDI5LTcuNTk1LTMuOTA0LTExLjYyNy0yLjMwNGExMC42NyAxMC42NyAwIDAwLTYuNTcxIDkuODU2djExNy4zMzNIMTAuNjY3QzQuNzc5IDE2MC4yOTggMCAxNjUuMDc2IDAgMTcwLjk2NHYxNzAuNjY3YzAgNS44ODggNC43NzkgMTAuNjY3IDEwLjY2NyAxMC42NjdoMjY2LjY2N3YxMTYuODg1YzAgNC4zMDkgMi42MDMgOC4xOTIgNi41OTIgOS44NTYgMS4zMjMuNTU1IDIuNzA5LjgxMSA0LjA3NS44MTEgMi43NzMgMCA1LjUwNC0xLjA4OCA3LjU1Mi0zLjExNWwyMTMuNTA0LTIxMy40MTlhMTAuNjU1IDEwLjY1NSAwIDAwMy4xMTUtNy41NTIgMTAuNjgyIDEwLjY4MiAwIDAwLTMuMTM3LTcuNTUyeiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
}
.jlc-wrapper .jlc-cover .jlc-sbmt:not([disabled]) {
    cursor: pointer;
}
.jlc-wrapper .jlc-cover .jlc-input {
    width: calc(100% - 65px);
    padding-right: 15px;
    padding-left: 15px;
    color: #000;
    background-color: transparent;
    font-family: Hind, sans-serif;
    font-size: 16px;
}
.jlc-wrapper .jlc-cover .jlc-input::-webkit-input-placeholder {
    color: #5e6981;
}
.jlc-wrapper .jlc-cover .jlc-input::-moz-placeholder {
    color: #5e6981;
}
.jlc-wrapper .jlc-cover .jlc-input:-ms-input-placeholder {
    color: #5e6981;
}
.jlc-wrapper .jlc-cover .jlc-input::-ms-input-placeholder {
    color: #5e6981;
}
.jlc-wrapper .jlc-cover .jlc-input::placeholder {
    color: #5e6981;
}
.jlc-wrapper .jlc-cover.jlc-cover--medium .jlc-input,
.jlc-wrapper .jlc-cover.jlc-cover--short .jlc-input {
    padding-right: 10px;
    padding-left: 10px;
}
.jlc-wrapper .jlc-cover .jlc-input,
.jlc-wrapper .jlc-cover .jlc-sbmt {
    height: 65px;
    margin: 0;
    border: 0;
    border-radius: 0px;
    outline: none;
}
.jlc-wrapper .jlc-cover .jlc-form .jlc-input-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0px;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: 25px;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
}
.jlc-wrapper .jlc-cover .jlc-form.jlc-form__valid .jlc-sbmt {
    background-color: #0088fb;
}
.jlc-wrapper .jlc-cover .jlc-form.jlc-form__sending .jlc-sbmt {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibGRzLXNwaW5uZXIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHN0eWxlPSJiYWNrZ3JvdW5kOjAgMCI+PHJlY3QgeD0iNDUiIHk9IjciIHJ4PSIxOCIgcnk9IjIuOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI2IiBmaWxsPSIjZmZmIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjg3NXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ1IiB5PSI3IiByeD0iMTgiIHJ5PSIyLjgiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyNiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PHJlY3QgeD0iNDUiIHk9IjciIHJ4PSIxOCIgcnk9IjIuOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI2IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA1MCA1MCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuNjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PHJlY3QgeD0iNDUiIHk9IjciIHJ4PSIxOCIgcnk9IjIuOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI2IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcmVjdD48cmVjdCB4PSI0NSIgeT0iNyIgcng9IjE4IiByeT0iMi44IiB3aWR0aD0iMTAiIGhlaWdodD0iMjYiIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA1MCkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iLTAuMzc1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PHJlY3QgeD0iNDUiIHk9IjciIHJ4PSIxOCIgcnk9IjIuOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI2IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjI1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PHJlY3QgeD0iNDUiIHk9IjciIHJ4PSIxOCIgcnk9IjIuOCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI2IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InJvdGF0ZSgyNzAgNTAgNTApIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49Ii0wLjEyNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9yZWN0PjxyZWN0IHg9IjQ1IiB5PSI3IiByeD0iMTgiIHJ5PSIyLjgiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyNiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1IDUwIDUwKSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMXMiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3JlY3Q+PC9zdmc+");
    -webkit-background-size: 40px 40px;
    background-size: 40px;
}
.jlc-wrapper .jlc-cover .jlc-form.jlc-form__succeed {
    background-image: none;
}
.jlc-wrapper .jlc-cover .jlc-form.jlc-form__succeed .jlc-sbmt {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NDIuNTMzIiBoZWlnaHQ9IjQ0Mi41MzMiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00MzQuNTM5IDk4LjQ5OWwtMzguODI4LTM4LjgyOGMtNS4zMjQtNS4zMjgtMTEuNzk5LTcuOTkzLTE5LjQxLTcuOTkzLTcuNjE4IDAtMTQuMDkzIDIuNjY1LTE5LjQxNyA3Ljk5M0wxNjkuNTkgMjQ3LjI0OGwtODMuOTM5LTg0LjIyNWMtNS4zMy01LjMzLTExLjgwMS03Ljk5Mi0xOS40MTItNy45OTItNy42MTYgMC0xNC4wODcgMi42NjItMTkuNDE3IDcuOTkyTDcuOTk0IDIwMS44NTJDMi42NjQgMjA3LjE4MSAwIDIxMy42NTQgMCAyMjEuMjY5YzAgNy42MDkgMi42NjQgMTQuMDg4IDcuOTk0IDE5LjQxNmwxMDMuMzUxIDEwMy4zNDkgMzguODMxIDM4LjgyOGM1LjMyNyA1LjMzMiAxMS44IDcuOTk0IDE5LjQxNCA3Ljk5NCA3LjYxMSAwIDE0LjA4NC0yLjY2OSAxOS40MTQtNy45OTRsMzguODMtMzguODI4TDQzNC41MzkgMTM3LjMzYzUuMzI1LTUuMzMgNy45OTQtMTEuODAyIDcuOTk0LTE5LjQxNy4wMDQtNy42MTEtMi42NjktMTQuMDg0LTcuOTk0LTE5LjQxNHoiLz48L3N2Zz4=");
}
.jlc-wrapper .jlc-cover .jlc-form.jlc-form__succeed .jlc-input {
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.jlc-wrapper .jlc-cover .jlc-terms-label {
    margin-top: 0.6em;
    font-size: 11px;
    vertical-align: baseline;
    display: none;
    color: #5e6981;
    line-height: 1.4;
}
.jlc-wrapper .jlc-cover .jlc-terms-label input {
    margin: 1px 0 0;
    float: left;
}
.jlc-wrapper .jlc-cover .jlc-terms-label span {
    display: table-cell;
    padding-left: 0.3em;
}
.jlc-wrapper .jlc-cover .jlc-terms-label span a {
    color: inherit;
    text-decoration: underline;
}
.jlc-wrapper .jlc-cover.is_active .jlc-terms-label {
    display: inline-block;
}