/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{height:100%;font-family:sans-serif;font-size: 62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}body{padding:0;margin:0;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


.prettydropdown,
.prettydropdown * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.prettydropdown {
    position: relative;
    min-width: 72px; /* 70px + borders */
    display: inline-block;
}
.prettydropdown.loading {
    min-width: 0;
}
.prettydropdown ul,
.prettydropdown li {
    -webkit-transition: all .1.4s ease-out;
    -moz-transition: all .1.4s ease-out;
    -ms-transition: all .1.4s ease-out;
    -o-transition: all .1.4s ease-out;
    transition: all .1.4s ease-out;
}
.prettydropdown > ul {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    text-align: left;
    border: .1rem solid #a1a1a1;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    outline: 0;
    list-style-type: none;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.prettydropdown.loading > ul {
    visibility: hidden;
    white-space: nowrap;
}
.prettydropdown > ul:focus, 
.prettydropdown:not(.disabled) > ul:hover {
    border-color: #fff;
}
.prettydropdown:not(.disabled) > ul.active {
    width: auto;
    max-height: none !important;
    border-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99;
}
.prettydropdown > ul.active:focus {
    outline: none;
}
.prettydropdown > ul.active.reverse {
    top: auto;
    bottom: 0;
}
.prettydropdown > ul > li {
    position: relative;
    min-width: 70px;
    height: 48px; /* 50px - borders */
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
    display: none;
    line-height: 46px; /* 48px - borders */
    margin: 0;
    padding-left: 0.8rem;
    color: #a1a1a1;
}
.prettydropdown.loading > ul > li {
    min-width: 0;
    display: block;
    padding-right: 0.8rem;
}
.prettydropdown > ul:not(.active) > li:not(.selected):first-child {
    visibility: hidden; /* Prevent FOUC */
}
.prettydropdown > ul.active {
    background-color: #fff;
}
.prettydropdown > ul > li:first-child, 
.prettydropdown > ul.active > li {
    display: block;
}
.prettydropdown > ul.active > li:not(.label):hover, 
.prettydropdown > ul.active > li.hover:not(.label), 
.prettydropdown > ul.active > li:first-child:hover:after {
    background: #f2f2f2;
    color: #212121;
}
.prettydropdown > ul.active > li.nohover {
    background: inherit !important;
    color: #a1a1a1 !important;
}
.prettydropdown > ul:not(.active) > li {
    color: #fff !important;
}
.prettydropdown > ul > li.selected:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 1;
    width: 2.4rem;
    height: 2.4rem;
    margin: auto 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTU5IDFMMzAgMzAgMSAxIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center center;
}
.prettydropdown > ul.active > li:before {
    display: none;
}
.prettydropdown > ul:not(.active) > li > span.checked {
    display: none;
}

/* Multi-Select */
.prettydropdown.multiple > ul > li.selected {
    overflow: hidden;
    padding-right: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prettydropdown > ul > li > span.checked {
    clear: both;
    float: right;
    font-weight: bold;
    margin-right: 0.8rem;
}

/* Option Groups */
.prettydropdown > ul > li.label {
    cursor: default;
    font-weight: bold;
}
.prettydropdown > ul > li.label:first-child,
.prettydropdown.classic > ul > li.label ~ li.selected{
    border-top: none;
}
.prettydropdown > ul > li.label ~ li:not(.label):not(.selected),
.prettydropdown.classic > ul.active > li.label ~ li:not(.label) {
    padding-left: 1.6rem;
}

/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
    position: absolute;
    top: 0;
    display: block;
}

/* Disabled */
.prettydropdown.disabled, .prettydropdown > ul > li.disabled {
    opacity: 0.3;
}
.prettydropdown.disabled > ul > li, .prettydropdown > ul > li.disabled {
    cursor: not-allowed;
}

/* Divider Lines */
.prettydropdown.multiple > ul > li.selected + li, .prettydropdown.multiple > ul.reverse > li.selected,
.prettydropdown > ul > li.label, .prettydropdown > ul > li.label ~ li.selected {
    border-top-color: #dedede;
}





/* ==[ default element ]== */

body {
    height: 100%;
    font-size: 1.6rem;
    line-height: 1.4;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #535353;
    overflow-y: scroll;
}
ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
p {
    margin: 0 0 1.6rem;
}
a {
    text-decoration: none;
    -webkit-transition: all .1.4s ease-out;
    -moz-transition: all .1.4s ease-out;
    -ms-transition: all .1.4s ease-out;
    -o-transition: all .1.4s ease-out;
    transition: all .1.4s ease-out;
}
a:hover,
a:focus,
a:active {
    color: #fffc00;
}
img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

/* ==[ utility class ]== */

/*** padding ***/
._pb1_ {
    padding-bottom: 1rem !important;
}
._pb2_ {
    padding-bottom: 2rem !important;
}
._pt1_ {
    padding-top: 1rem !important;
}
._pt2_ {
    padding-top: 2rem !important;
}
._py1_ {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
._py2_ {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}
/*** transition ***/
.__tweening__ {
    text-decoration: none;
    -webkit-transition: all .1.4s ease-out;
    -moz-transition: all .1.4s ease-out;
    -ms-transition: all .1.4s ease-out;
    -o-transition: all .1.4s ease-out;
    transition: all .1.4s ease-out;
}

/* ==[ clearfix ]== */

.__clr__:before,
.app:before,
.app-sidebar:before,
[class*="__submit"]:before {
    content: ' ';
    display: table;
}
.__clr__:after,
.app:after,
.app-sidebar:after,
[class*="__submit"]:after {
    content: ' ';
    display: table;
    clear: both;
}


/* ============================
   FORM
   ============================ */

form [class*="__input"] {
    padding-bottom: 3rem;
}
[class*="__submit"] > * {
    float: right;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a1a1a1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a1a1a1;
    opacity: 1
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a1a1a1;
}
input::placeholder,
textarea::placeholder {
    color: #a1a1a1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    background-color: red !important;
    border: 1px solid #fff;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

/* ==[ label ]== */

label {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #fff;
}

/* ==[ input ]== */

input {
    display: block;
    width: 100%;
    height: 5rem;
    padding: 0 1.2rem;
    margin: 0;
    font-size: 1.7rem;
    line-height: 5rem;
    font-weight: 400;
    background: transparent;
    color: #fff;
    border: .1rem solid #a1a1a1;
    outline: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    -ms-transition: all .14s ease-out;
    -o-transition: all .14s ease-out;
    transition: all .14s ease-out;
}
input[disabled] {
    opacity: .5;
    cursor: default;
    pointer-events: none;
}
input:focus {
    border-color: #fff;
    outline: 0;
}
.__lazy-check__ {
    position: relative;
}
.__lazy-check__ svg {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 10;
    width: 3rem;
    height: 3rem;
    margin: auto 0;
    opacity: 0;
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    -ms-transition: all .14s ease-out;
    -o-transition: all .14s ease-out;
    transition: all .14s ease-out;
}
.__lazy-check-active__ svg {
    opacity: 1;
}
.__lazy-check__ input {
    padding-right: 5rem;
}
/*** password visibility ***/
.__pwd-eye__ {
    position: relative;
}
.__pwd-eye__ input {
    padding-right: 5rem;
}
.form--signup__input-pwd-eye {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 5rem;
    height: 5rem;
    margin: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDQ4djQ4SDB6bTAgMGg0OHY0OEgwem0wIDBoNDh2NDhIMHptMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTI0IDE0YzUuNTIgMCAxMCA0LjQ4IDEwIDEwIDAgMS4yOS0uMjYgMi41Mi0uNzEgMy42NWw1Ljg1IDUuODVjMy4wMi0yLjUyIDUuNC01Ljc4IDYuODctOS41LTMuNDctOC43OC0xMi0xNS0yMi4wMS0xNS0yLjggMC01LjQ4LjUtNy45NyAxLjRsNC4zMiA0LjMxYzEuMTMtLjQ0IDIuMzYtLjcxIDMuNjUtLjcxek00IDguNTVsNC41NiA0LjU2LjkxLjkxQzYuMTcgMTYuNiAzLjU2IDIwLjAzIDIgMjRjMy40NiA4Ljc4IDEyIDE1IDIyIDE1IDMuMSAwIDYuMDYtLjYgOC43Ny0xLjY5bC44NS44NUwzOS40NSA0NCA0MiA0MS40NiA2LjU1IDYgNCA4LjU1ek0xNS4wNiAxOS42bDMuMDkgMy4wOWMtLjA5LjQzLS4xNS44Ni0uMTUgMS4zMSAwIDMuMzEgMi42OSA2IDYgNiAuNDUgMCAuODgtLjA2IDEuMy0uMTVsMy4wOSAzLjA5QzI3LjA2IDMzLjYgMjUuNTggMzQgMjQgMzRjLTUuNTIgMC0xMC00LjQ4LTEwLTEwIDAtMS41OC40LTMuMDYgMS4wNi00LjR6bTguNjEtMS41N2w2LjMgNi4zTDMwIDI0YzAtMy4zMS0yLjY5LTYtNi02bC0uMzMuMDN6IiBmaWxsPSIjYTFhMWExIi8+PC9zdmc+) no-repeat center center;
    background-size: 3rem 3rem;
    cursor: pointer;
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    -ms-transition: all .14s ease-out;
    -o-transition: all .14s ease-out;
    transition: all .14s ease-out;
}
.form--signup__input-pwd-eye.__open__ {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0yNCA5QzE0IDkgNS40NiAxNS4yMiAyIDI0YzMuNDYgOC43OCAxMiAxNSAyMiAxNSAxMC4wMSAwIDE4LjU0LTYuMjIgMjItMTUtMy40Ni04Ljc4LTExLjk5LTE1LTIyLTE1em0wIDI1Yy01LjUyIDAtMTAtNC40OC0xMC0xMHM0LjQ4LTEwIDEwLTEwIDEwIDQuNDggMTAgMTAtNC40OCAxMC0xMCAxMHptMC0xNmMtMy4zMSAwLTYgMi42OS02IDZzMi42OSA2IDYgNiA2LTIuNjkgNi02LTIuNjktNi02LTZ6IiBmaWxsPSIjYTFhMWExIi8+PC9zdmc+);
}

/* ==[ select ] == */

select {
    display: block;
    width: 100%;
    height: 5rem;
    padding: 0 1.2rem;
    margin: 0;
    font-size: 1.7rem;
    line-height: 5rem;
    font-weight: 400;
    background: transparent;
    color: #fff;
    border: .1rem solid #a1a1a1;
    outline: 0;
    -webkit-border-radius: .3rem;
    border-radius: .3rem;
}
select option {
    color: #212121;
}

/* ==[ button ]== */

button,
[type="button"],
[type="submit"] {
    position: relative;
    display: block;
    width: 17rem;
    min-height: 4.8rem;
    padding: 1.4rem 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .1rem;
    background-color: #bd1b21;
    color: #FFF;
    border: 0;
    outline: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    border-radius: 4rem;
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    -ms-transition: all .14s ease-out;
    -o-transition: all .14s ease-out;
    transition: all .14s ease-out;
}
button > * {
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    -ms-transition: all .14s ease-out;
    -o-transition: all .14s ease-out;
    transition: all .14s ease-out;
}
button:hover {
    background-color: #212121;
    color: #FFF;
}
button:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -3rem;
    bottom: 0;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin: auto 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZmlsbD0iI0ZGRiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYwIDEyOC40TDE5Mi4zIDk2IDM1MiAyNTYgMTkyLjMgNDE2IDE2MCAzODMuNiAyODcuMyAyNTZ6Ii8+PC9zdmc+) no-repeat right center;
    background-size: 2.4rem 2.4rem;
    vertical-align: middle;
    -webkit-transition: all .21s ease-out;
    -moz-transition: all .21s ease-out;
    -ms-transition: all .21s ease-out;
    -o-transition: all .21s ease-out;
    transition: all .21s ease-out;
}
button:hover:after {
    right: 1.5rem;
}
button[disabled] {
    cursor: default;
}
/*** idle ***/
.btn--idle {
    display: none;
}
button:hover .btn--idle {
    padding-right: 1rem;
}
/*** busy ***/
.btn--busy {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 3rem;
    height: 3rem;
    margin: auto;
}
/*** state ***/
button[data-state="busy"] {
    width: 4.8rem !important;
    height: 4.8rem;
    padding: 0;
    font-size: 0;
    line-height: 0;
    background-color: #212121;
    cursor: default;
    pointer-events: none;
}
button[data-state="idle"] .btn--idle,
button[data-state="busy"] .btn--busy {
    display: block;
}
button[data-state="busy"] .btn--idle,
button[data-state="idle"] .btn--busy,
button[data-state="busy"]:after {
    display: none;
}
/*** __complementary__ ***/
button.__complementary__ {
    background-color: #212121;
    color: #FFF;
    border:1px solid rgba(158, 152, 152, 0.3)
}
button.__complementary__:after {
    left: -3rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzUyIDEyOC40TDMxOS43IDk2IDE2MCAyNTZsMTU5LjcgMTYwIDMyLjMtMzIuNEwyMjQuNyAyNTZ6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) no-repeat right center;
}
button.__complementary__:hover:after {
    left: 1.5rem;
}
button.__complementary__:hover .btn--idle {
    padding-right: 0;
    padding-left: 1rem;
}

/* ==[ error ]== */

.err-list {
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
[class^="err-list--"] {
    position: relative;
    display: none;
    padding: .8rem 1rem .8rem 3.2rem;
    margin-top: .5rem;
    background-color: rgba(255, 0, 0, .5);
    border: .1rem solid rgba(255, 0, 0, .5);
}
[class^="err-list--"]:before {
    content: ' ';
    position: absolute;
    top: .7rem;
    left: .5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjYiIGN5PSIyNCIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNyA1YzAgMS4xMDUtLjg5NSAxLTIgMXMtMiAuMTA1LTItMSAuODk1LTIgMi0yIDIgLjg5NSAyIDJ6IiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iNCIgY3k9IjI0IiByPSIyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE2LjgzNiA0LjIxTDE1IDRsLTEuODM2LjIxTDIuMyAyMi45NDggNC4xNDQgMjZoMjEuNzEybDEuODQ0LTMuMDUyTDE2LjgzNiA0LjIxem0tLjYyNCA3LjE1bC0uMiA2LjQ3M2gtMi4wMjRsLS4yLTYuNDczaDIuNDI0em0tMS4yMDkgMTAuODI5Yy0uODI4IDAtMS4zMjMtLjQ0MS0xLjMyMy0xLjE4MiAwLS43NTUuNDk0LTEuMTk2IDEuMzIzLTEuMTk2LjgyMiAwIDEuMzE2LjQ0MSAxLjMxNiAxLjE5NiAwIC43NDEtLjQ5NCAxLjE4Mi0xLjMxNiAxLjE4MnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat 0 0;
    background-size: 2rem 2rem;
    opacity: .5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* ==[ other element styling ]== */

form p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #fff;
}
form a {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #FFF;
}
form a:hover,form a:focus,form a:active{
    color: #FFF;
}
legend {
    display: table;
    padding: 0;
}
fieldset {
    min-width: 0;
    padding: 0.01em 0 0 0;
    margin: 0;
    border: 0;
}
body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
}


._visuallyhidden_ { 
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}

/* ============================
   APP
   ============================ */

.app {
    height: 100%;
}


/* ============================
   SIDEBAR
   ============================ */

.app-sidebar {
    position: relative;
    z-index: 3;
    padding: 1.2rem 1.6rem 1.8rem;
    text-align: center;
    background: #ddd url(aside-backdrop.jpg) no-repeat center center;
    background-size: cover;
}
.app-sidebar p {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.4;
}

/* ==[ app-sidebar--overlay ]== */

.app-sidebar--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(255, 255, 255, .75);
    -webkit-box-shadow: inset 0 0 7rem rgba(200, 200, 200, .5);
    -moz-box-shadow: inset 0 0 7rem rgba(200, 200, 200, .5);
    box-shadow: inset 0 0 7rem rgba(200, 200, 200, .95);
}

/* ==[ app-sidebar--overlay ]== */

._app-sidebar {
    position: relative;
    z-index: 5;
}
/*** app-sidebar__desc ***/
.app-sidebar__desc {
    display: none;
    padding-bottom: 2.4rem;
    margin-top: 4.2rem;
    margin-bottom: 3rem;
    border-bottom: .1rem solid #6e6d6d;
}
/*** app-sidebar__branding ***/
.app-sidebar__branding-link {
    display: block;
    max-width: 82%;
    margin: 0 auto;
}
.app-sidebar__branding-logo {
    width: 100%;
    max-width: 30rem;
    margin: 0 auto;
}

/* ==[ app-sidebar__social ]== */

.app-sidebar__social {
    display: none;
}
.app-sidebar__social-list {
    font-size: 0;
}
.app-sidebar__social-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 .2rem;
}
.app-sidebar__social-link {
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
@media screen and (max-width: 599px) {
.app-sidebar__desc {
    display: block;

}

aside#app-sidebar {
    padding: 40px 20px;
}
.app-sidebar__social {
    display: block;
}
}
@media screen and (min-width: 600px) {

   .app-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 4.8rem 1.6rem;
}
    .app-sidebar p {
        font-size: 1.5rem;
    }
    /*** app-sidebar__branding ***/
    .app-sidebar__branding-link {
        max-width: 92%;
    }
    /*** app-sidebar__desc ***/
    .app-sidebar__desc {
        display: block;
        margin-top: 2.2rem;
    }
    /*** app-sidebar__social ***/
    .app-sidebar__social {
        display: block;
    }

}


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

    .app-sidebar p {
        font-size: 1.7rem;
    }

    /*** app-sidebar__desc ***/
    .app-sidebar__desc {
        margin-top: 2.7rem;
    }

}

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

    .app-sidebar p {
        font-size: 1.9rem;
    }
    /*** app-sidebar__branding ***/
    .app-sidebar__branding-link {
        max-width: 82%;
    }
    /*** app-sidebar__desc ***/
    .app-sidebar__desc {
        margin-top: 3rem;
    }


}

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

    .app-sidebar {
        width: 30%;

    }
    .app-sidebar p {
        font-size: 2rem;
        line-height: 1.3;
    }
    /*** app-sidebar__desc ***/
    .app-sidebar__desc {
        margin-top: 3.4rem;
    }

}

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

    .app-sidebar {
        padding-right: 2.4rem;
        padding-left: 2.4rem;
    }
    .app-sidebar p {
        font-size: 2.1rem;
    }

}


/* =====================================
     main-form
     ===================================== */

.app__main--form {
    position: relative;
    z-index: 2;
    padding: 4rem 1.6rem 4.8rem;
    background: #ddd url(login.jpg) no-repeat center bottom;
    background-size: cover;
}

/* ==[ main-form--overlay ]== */

.app__main--form-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(25, 19, 19, 0.75);
}

/* ==[ _main-form ]== */

._app__main--form {
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 50rem;
    margin: 0 auto;
}
/*** main-form__header ***/
.app__main--form__header-title {
    margin: 0 0 3.6rem;
    font-size: 2.9rem;
    line-height: 1.1;
    font-weight: 400;
    color: #d4d4d4;
}
.app__main--form__header-title strong {
    font-weight: 700;
}

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

    /*** main-form__header ***/
    .app__main--form__header-title {
        margin-bottom: 4rem;
    }

}

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

   .app__main--form {
    width: 60%;
    min-height: 100%;
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    margin-left: 40%;
}


    /* =====================
       Strip Error
       ===================== */

    body.page-signup .error-strip {
        left: 40%;
    }

}

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

    /*** main-form__header ***/
    .app__main--form__header-title {
        margin-bottom: 5rem;
    }

}

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

    .app__main--form {
        padding-top: 10rem;
        padding-bottom: 7.8rem;

    }

}

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

    .app__main--form {
        width: 70%;
        margin-left: 30%;
    }


    /* =====================
       Strip Error
       ===================== */

    body.page-signup .error-strip {
        left: 30%;
    }

}

/* ==[ app__main--form-compliment ]== */

.form--signup__input .braintree-heading{
    color: #FFF;
}
.app__main--form-compliment {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 50rem;
    padding-top: 3.2rem;
    margin: 0 auto;
    text-align: center;
}
.app__main--form-compliment p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
    color: #c1c1c1;
}
.app__main--form-compliment a {
    color: #fff;
    border-bottom: 1px solid;
}
.app__main--form-compliment a:hover {
    color: #FFFF;

}

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

    .app__main--form-compliment {
        position: absolute;
        top: 1.6rem;
        right: 0;
        left: 0;
        z-index: 3;
        padding-top: 0;
        text-align: right;
    }

}

/* ========================================
     Signup Form
     ======================================== */

#form--signup p {
    margin: 0 0 3.2rem;
    font-size: 1.7rem;
    line-height: 1.4;
    color: #f2f2f2;
}
#form--signup fieldset {
    display: none;
}
#form--signup fieldset.__active__ {
    display: block;
}

/* ===[ form--signup__step1 ] === */

#form--signup__submit-step1-btn {
    width: 11rem;
}

/* ===[ form--signup__step2 ] === */

.form--signup__step2-title {
    margin: 0 0 1.2rem;
    font-size: 2.2rem;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
}
/*** buttons ***/
#form--signup__submit-btn {
    width: 23rem;
}
#form--signup__submit-goback-btn {
    width: 14rem;
}
.form--signup__step2 button.__complementary__ {
    float: left;
}
/*** subscription ***/
.form--signup__input.-subscription.__disabled__ .prettydropdown {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.err-list--required .__refresh__ {
    cursor: pointer;
}

/***  stripe ***/

#card-element.__disabled__ {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.StripeElement {
    background-color: transparent;
    height: 5rem;
    padding: 1.6rem 1.2rem 1rem;
    border: 1px solid #a1a1a1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}
.StripeElement--focus {
    border-color: #fff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}
.StripeElement--invalid {
    border-color: #a1a1a1;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}
/***  stripe error ***/
#card-errors {
    position: relative;
    display: none;
    padding: .8rem 1rem .8rem 3.2rem;
    margin-top: .5rem;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400;
    background-color: rgba(255, 0, 0, .5);
    color: #fff;
    border: .1rem solid rgba(255, 0, 0, .5);
}
#card-errors:before {
    content: ' ';
    position: absolute;
    top: .7rem;
    left: .5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjYiIGN5PSIyNCIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNyA1YzAgMS4xMDUtLjg5NSAxLTIgMXMtMiAuMTA1LTItMSAuODk1LTIgMi0yIDIgLjg5NSAyIDJ6IiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iNCIgY3k9IjI0IiByPSIyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE2LjgzNiA0LjIxTDE1IDRsLTEuODM2LjIxTDIuMyAyMi45NDggNC4xNDQgMjZoMjEuNzEybDEuODQ0LTMuMDUyTDE2LjgzNiA0LjIxem0tLjYyNCA3LjE1bC0uMiA2LjQ3M2gtMi4wMjRsLS4yLTYuNDczaDIuNDI0em0tMS4yMDkgMTAuODI5Yy0uODI4IDAtMS4zMjMtLjQ0MS0xLjMyMy0xLjE4MiAwLS43NTUuNDk0LTEuMTk2IDEuMzIzLTEuMTk2LjgyMiAwIDEuMzE2LjQ0MSAxLjMxNiAxLjE5NiAwIC43NDEtLjQ5NCAxLjE4Mi0xLjMxNiAxLjE4MnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat 0 0;
    background-size: 2rem 2rem;
    opacity: .5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.StripeElement--invalid + #card-errors {
    display: block;
}
.CardBrandIcon-container #shape {
    opacity: 1;
}


/* =======================================
   Error Strip
   ======================================= */

.error-strip {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
}
.error-strip__list-item {
    position: relative;
    display: none;
    padding: 1.3rem 4.2rem 1.3rem 1.6rem;
    font-size: 1.6rem;
    line-height: 1.1;
    font-weight: 400;
    background-color: #cc0000;
    color: #ffbaba;
}
.success{
    background: green;
    color:#fff;
}
/*** error-strip__hide ***/
.error-strip__hide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 4.2rem;
    background-color: #990000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}






/* form */

.module-form .input-wrapper {
    padding-bottom: 3rem;
}
.module-form label {
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #fff;
}
.module-form input {
    height: 5rem;
    padding: 0 1.2rem;
    font-size: 1.7rem;
    line-height: 5rem;
    font-weight: 400;
    background: none;
    color: #fff;
    border: .1rem solid #a1a1a1;
    outline: 0;
}
.module-form input[disabled] {
    opacity: .5;
}
.module-form input:focus {
    border-color: #fff;
}
.module-form .input-status,
.subscription-plan .input-status {
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 400;
    background-color: rgba(255, 0, 0, .5);
    color: #fff;
}
.module-form .input-status li,
.subscription-plan .input-status li {
    position: relative;
    display: none;
    padding: .8rem 1rem .8rem 3.2rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    background-color: rgba(255, 0, 0, .5);
    border: .1rem solid rgba(255, 0, 0, .5);
}
.module-form .input-status li:before,
.subscription-plan .input-status li:before {
    content: ' ';
    position: absolute;
    top: .7rem;
    left: .5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMjYiIGN5PSIyNCIgcj0iMiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNyA1YzAgMS4xMDUtLjg5NSAxLTIgMXMtMiAuMTA1LTItMSAuODk1LTIgMi0yIDIgLjg5NSAyIDJ6IiBmaWxsPSIjZmZmIi8+PGNpcmNsZSBjeD0iNCIgY3k9IjI0IiByPSIyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE2LjgzNiA0LjIxTDE1IDRsLTEuODM2LjIxTDIuMyAyMi45NDggNC4xNDQgMjZoMjEuNzEybDEuODQ0LTMuMDUyTDE2LjgzNiA0LjIxem0tLjYyNCA3LjE1bC0uMiA2LjQ3M2gtMi4wMjRsLS4yLTYuNDczaDIuNDI0em0tMS4yMDkgMTAuODI5Yy0uODI4IDAtMS4zMjMtLjQ0MS0xLjMyMy0xLjE4MiAwLS43NTUuNDk0LTEuMTk2IDEuMzIzLTEuMTk2LjgyMiAwIDEuMzE2LjQ0MSAxLjMxNiAxLjE5NiAwIC43NDEtLjQ5NCAxLjE4Mi0xLjMxNiAxLjE4MnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat 0 0;
    background-size: 2rem 2rem;
    opacity: .5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.module-form .action-wrapper {
    text-align: right;
}
.module-form .form-action-button,
#payment-form button,
.payment-form-wrapper .btn-go-back {
    width: 16rem;
    height: 4.8rem;
    padding: 0;
    font-size: 1.6rem;
    line-height: 1;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .1rem;
    background-color: #8dc63f;
    color: #212121;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    border-radius: 4rem;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#payment-form button {
    position: relative;
    float: right;
    width: 24rem;
    margin-top: 3rem;
    overflow: hidden;
}
.payment-form-wrapper .btn-go-back {
    position: relative;
    float: left;
    width: 14rem;
    padding-left: 1.2rem;
    margin-top: 3rem;
    line-height: 4.8rem;
    background-color: #212121;
    color: #8dc63f;
    overflow: hidden;
}
.module-form .form-action-button:hover {
    width: 18.2rem;
    padding-right: 1.2rem;
    background-color: #212121;
    color: #8dc63f;
}
#payment-form button:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -3rem;
    bottom: 0;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin: auto 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZmlsbD0iIzhkYzYzZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYwIDEyOC40TDE5Mi4zIDk2IDM1MiAyNTYgMTkyLjMgNDE2IDE2MCAzODMuNiAyODcuMyAyNTZ6Ii8+PC9zdmc+) no-repeat right center;
    background-size: 2.4rem 2.4rem;
    vertical-align: middle;
    transition: all .3s ease-out;
}
#payment-form button:hover:after {
    right: 1.5rem;
}
.payment-form-wrapper .btn-go-back:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 1.5rem;
    bottom: 0;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin: auto 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzUyIDEyOC40TDMxOS43IDk2IDE2MCAyNTZsMTU5LjcgMTYwIDMyLjMtMzIuNEwyMjQuNyAyNTZ6IiBmaWxsPSIjOGRjNjNmIi8+PC9zdmc+) no-repeat right center;
    background-size: 2.4rem 2.4rem;
    vertical-align: middle;
    transition: all .3s ease-out;
}
.payment-form-wrapper .btn-go-back:hover:after {
    left: 1.5rem;
}
#payment-form button:hover {
    padding-right: 1.2rem;
    background-color: #212121;
    color: #8dc63f;
}
.payment-form-wrapper .btn-go-back:hover {
    padding-left: 1.2rem;
    background-color: #212121;
    color: #8dc63f;
}
.module-form button.status-processing,
.module-form button.status-processing:hover {
    width: 4.8rem;
    padding: 0;
    background: rgba(15, 15, 15, .5);
    cursor: default;
}

/* .active */

.module-form .form-action-button .active {
    display: inline-block;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    background: none no-repeat right center;
    background-size: 2.4rem 2.4rem;
}
.module-form .form-action-button:hover .active {
    display: inline-block;
    padding-right: 2.2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgZmlsbD0iIzhkYzYzZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYwIDEyOC40TDE5Mi4zIDk2IDM1MiAyNTYgMTkyLjMgNDE2IDE2MCAzODMuNiAyODcuMyAyNTZ6Ii8+PC9zdmc+) no-repeat right center;
    background-size: 2.4rem 2.4rem;
}
.module-form button.status-processing .active,
.module-form button.status-processing:hover .active {
    display: none;
}

/* .processing */

.module-form .form-action-button .processing {
    display: none;
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto;
}
.module-form button.status-processing .processing {
    display: block;
}




/*
 * .form-bread-crumb
 */

.form-bread-crumb {
    /*padding-bottom: 1rem;*/
    margin: 0 0 3rem;
    border-bottom: .3rem solid #fff;
}
.form-bread-crumb ul:before {
    content: ' ';
    display: table;
}
.form-bread-crumb ul:after {
    content: ' ';
    display: table;
    clear: both;
}
.form-bread-crumb li {
    position: relative;
    float: left;
    padding-right: 2.3rem;
    padding-bottom: 1rem;
    padding-left: 2.3rem;
}
.form-bread-crumb li:first-child {
    padding-left: 0;
}
.form-bread-crumb li + li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: '>';
    display: block;
    width: 5%;
    font-size: 2rem;
    line-height: 2.6rem;
    text-align: center;
    color: #FFF;
}
.form-bread-crumb li a {
    display: block;
    height: 2.6rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
}
.form-bread-crumb li.active a {
    color: #FFF;
}
.form-bread-crumb li.active:after {
    content: ' ';
    position: absolute;
    right: 2.3rem;
    bottom: -.3rem;
    left: 0;
    display: block;
    height: .3rem;
    background: #212121;
}
.form-bread-crumb li + li.active:after {
    right: 2.3rem;
    left: 2.3rem;
}

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

    .section-input {
        width: 60%;
        min-height: 100%;
        margin-left: 40%;
    }

}

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

    .form-bread-crumb li a {
        font-size: 1.6rem;
    }

}

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

    .section-input {
        width: 70%;
        margin-left: 30%;
    }

}

/*
 * stripe styling
 */

.payment-form-wrapper {
    display: none;
}
#payment-form:before {
    content: ' ';
    display: table;
}
#payment-form:after {
    content: ' ';
    display: table;
    clear: both;
}


/* error */

#payment-form .form-header .form-title {
    margin: 0 0 1rem;
    font-size: 1.9rem;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
}
#payment-form .form-header .inline-price.active {
    display: inline-block;
    padding: .1rem .5rem;
    font-size: 1.8rem;
    background-color: #8dc63f;
    color: #212121;
    vertical-align: middle;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
}
#payment-form .form-header p {
    margin: 0;
    font-size: 1.9rem;
    line-height: 1.3;
    font-weight: 300;
    color: #e5e5e5;
}
#payment-form .form-header p strong {
    font-weight: 700;
}

.payment-form-wrapper .grp-btn:before {
    content: ' ';
    display: table;
}
.payment-form-wrapper .grp-btn:after {
    content: ' ';
    display: table;
    clear: both;
}
.payment-form-wrapper .btn-go-back {
    float: left;
    display: block;
    margin-top: 3rem;
}
.payment-form-wrapper .payment-rel-info {
    margin-top: 1.6rem;
}
.payment-form-wrapper .payment-rel-info li {
    position: relative;
    padding-left: 2.6rem;
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;
}
.payment-form-wrapper .payment-rel-info li + li {
    margin-top: 1.6rem;
}
.payment-form-wrapper .payment-rel-info li:before {
    content: ' ';
    position: absolute;
    top: .2rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTQgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMyLjAyOSAxNS4wMTRWMi45NjdMNTIgMjMuMDQ2bC0xOS45NzEgMjAuMDhWMzEuMDc4UzE0LjI5NCAyNi43ODcgMi4xOCA0Ny4xNDJjMCAwLTMuMDIxLTE1LjUzNiAxMC41MDktMjYuNzk0IDAgMCA2LjEyOS01LjczMiAxOS4zNC01LjMzNHoiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PC9zdmc+) no-repeat center center;
    background-size: 2rem 2rem;
}

/*
 * .subscription-plan
 */

.subscription-plan {
    padding-top: 1.8rem;
    padding-bottom: 3rem;
    margin-top: 2rem;
}
.subscription-plan label,
.payment-details-label {
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: #fff;
}
.payment-details-label {
    padding-bottom: 1rem;
}
.subscription-plan input {
    display: block;
    width: 100%;
    height: 5rem;
    padding: 0 1.2rem;
    font-family: inherit;
    font-size: 1.7rem;
    line-height: 5rem;
    font-weight: 400;
    background: none;
    color: #fff;
    border: .1rem solid #a1a1a1;
    outline: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.subscription-plan input[disabled] {
    opacity: 1;
    cursor: pointer;
}
.subscription-plan input:focus {
    border-color: #fff;
}
.subscription-plan .input-sub-outer {
    position: relative;
    cursor: pointer;
}
.subscription-plan .input-sub-outer:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 5rem;
    height: 5rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg1MHY1MEgweiIvPjxwYXRoIGQ9Ik00Ny4yNSAxNWwtMi4wODYtMi4wODZMMjUgMzMuMDc4IDQuODM2IDEyLjkxNCAyLjc1IDE1IDI1IDM3LjI1eiIgZmlsbD0iI2ExYTFhMSIvPjwvc3ZnPg==) no-repeat center center;
    background-size: 2.4rem 2.4rem;
}
/*
 * #submit-signup-data
 */

#submit-signup-data .processing {
    display: none;
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto;
}
#submit-signup-data[disabled],
#submit-signup-data[disabled]:hover {
    width: 4.8rem;
    padding: 0;
    background: rgba(15, 15, 15, .5);
    cursor: default;
}
#submit-signup-data[disabled]:after,
#submit-signup-data[disabled] .idle {
    display: none;
}
#submit-signup-data[disabled] .processing {
    display: block;
}

/*
 * popup
 */

.popup-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: none;
}
.popup-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(60, 60, 60, .72);
}
/* content */
.popup-content {
    position: relative;
    top: 50%;
    z-index: 2;
    width: 100%;
    max-width: 48rem;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    transform: translateY(-50%);
    -webkit-box-shadow: 1rem 1rem 2rem rgba(34, 34, 34, .5);
    -moz-box-shadow: 1rem 1rem 2rem rgba(34, 34, 34, .5);
    box-shadow: 1rem 1rem 2rem rgba(34, 34, 34, .5);
}
/* .popup-header */
.popup-header {
    padding: 2rem 2.4rem;
    background-color: #fffc00;
}
.popup-header p {
    margin: 0;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
    color: #212121;
}
/* .popup-body */
.popup-body {
    padding-top: 0;
}
.select-subs-plan-list li {
    position: relative;
    padding: 2rem 2.4rem 1.6rem 5.6rem;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 700;
    color: #464646;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.select-subs-plan-list > li + li {
    border-top: .1rem solid #e4e4e4;
}
.select-subs-plan-list > li:hover {
    background-color: #f7f7f7;
}
.popup-body li .pictorial {
    position: absolute;
    top: 1.8rem;
    left: 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDBDNC41IDAgMCA0LjUgMCAxMHM0LjUgMTAgMTAgMTAgMTAtNC41IDEwLTEwUzE1LjUgMCAxMCAwem0wIDE4Yy00LjQgMC04LTMuNi04LThzMy42LTggOC04IDggMy42IDggOC0zLjYgOC04IDh6IiBmaWxsPSIjZTRlNGU0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center center;
    background-size: contain;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.popup-body li.active .pictorial {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIHdpZHRoPSIyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgNWMtMi44IDAtNSAyLjItNSA1czIuMiA1IDUgNSA1LTIuMiA1LTUtMi4yLTUtNS01em0wLTVDNC41IDAgMCA0LjUgMCAxMHM0LjUgMTAgMTAgMTAgMTAtNC41IDEwLTEwUzE1LjUgMCAxMCAwem0wIDE4Yy00LjQgMC04LTMuNi04LThzMy42LTggOC04IDggMy42IDggOC0zLjYgOC04IDh6IiBmaWxsPSIjOGRjNjNmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-size: contain;
}
.popup-body li.active {
    background-color: #f7f7f7;
}
/* .list-inner-content */
.list-inner-content:before {
    content: ' ';
    display: table;
}
.list-inner-content:after {
    content: ' ';
    display: table;
    clear: both;
}
.list-inner-content .name {
    float: left;
    width: 35%;
    text-align: left;
    text-transform: capitalize;
    padding: 0;
}
.list-inner-content .limit {
    float: left;
    width: 25%;
    text-align: center;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0;
}
.list-inner-content .plan {
    float: left;
    width: 40%;
    text-align: right;
    padding: 0;
}
.list-inner-content .plan em {
    font-weight: 400;
    font-style: normal;
    color: #767676;
}
/* .tariff-header */
.tariff-header:before {
    content: ' ';
    display: table;
}
.tariff-header:after {
    content: ' ';
    display: table;
    clear: both;
}
.tariff-header {
    padding-right: 2.4rem;
    padding-left: 5.6rem;
    background-color: #212121;
    cursor: default;
}
.tariff-header li {
    float: left;
    width: 35%;
    padding: 1.4rem 0;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: #e4e4e4;
}
.tariff-header li.limit {
    float: left;
    width: 25%;
    text-align: center;
}
.tariff-header li.plan {
    float: left;
    width: 40%;
    text-align: right;
}
/* .popup-footer */
.popup-footer {
    padding: 1.6rem 2.4rem;
    text-align: right;
    border-top: .1rem solid #e4e4e4;
}
.popup-footer .btn-save {
    display: inline-block;
    width: 12rem;
    padding: 1.2rem;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .1rem;
    border: .1rem solid #212121;
    cursor: pointer;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    border-radius: 3rem;
}
.popup-footer .btn-save:hover {
    background-color: #212121;
    color: #8dc63f;
}


.loginTrue-area p {
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 3400;
    color: #fff;
}
.loginTrue-area [type="button"] {
    display: inline-block;
    width: auto;
}
.loginTrue-area [type="button"]:after {
    display: none;
}

.form-login__reset-pwd p a{
    border-bottom: 1px solid ;
}


/*Social Icon*/
i.fa.fa-linkedin.fa-2x {
    background: #007ab9;
    border-radius: 100px;
    line-height: 35px;
    text-align: center;
    font-size: 21px;
    width: 35px;
    height: 35px;
    margin-right: 0px;
    color: #fff;
    display: block;
}
i.fa.fa-instagram.fa-2x {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    border-radius: 100px;
    line-height: 35px;
    text-align: center;
    font-size: 21px;
    width: 35px;
    height: 35px;
    margin-right: 0px;
    color: #fff;
    display: block;
}

i.fa.fa-twitter.fa-2x {
    background: #55acef;
    border-radius: 100px;
    line-height: 35px;
    text-align: center;
    font-size: 21px;
    width: 35px;
    height: 35px;
    margin-right: 0px;
    color: #fff;
    display: block;
}

i.fa.fa-facebook.fa-2x {
    background: #3b5999;
    border-radius: 100px;
    line-height: 35px;
    text-align: center;
    font-size: 21px;
    width: 35px;
    height: 35px;
    margin-right: 0px;
    color: #fff;
    display: block;
}

ul.ftr_wid {
    padding-left: 0px !important;
}

ul.ftr_wid li {
    display: inline-block;
    vertical-align: top;
    margin: 0 .2rem;
}

/*Social Icon Over here*/



/*checkbox design */

.trial-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.trial-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 1px solid #747474;
}

/* On mouse-over, add a grey background color */
.trial-check:hover input ~ .checkmark {
    background-color: transparent;
    border: 1px solid #747474;
}

/* When the checkbox is checked, add a blue background */
.trial-check input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid #747474;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.trial-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.trial-check .checkmark:after {
    left: 9px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.register-content{
    color:#fff;
    font-size: 22px;
}
.login-nav a{
    position: relative;
    display: block;
    width: 17rem;
    min-height: 4.8rem;
    padding: 1.4rem 1.6rem;
    font-size: 1.6rem;
    line-height: 2rem;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .1rem;
    background-color: #bd1b21;
    color: #FFF;
    border: 0;
    outline: 0;
    overflow: hidden;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    border-radius: 4rem;
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    -ms-transition: all .14s ease-out;
    -o-transition: all .14s ease-out;
    transition: all .14s ease-out;
}

.login-nav a:hover{
    background-color: #212121;
    color: #FFF;
}

.certificate-view{
    margin:5rem 0;
}

.certificate-view h2{
    margin: 5rem 1rem;

}

.certificate-view button{
    font-weight: 500;
    font-size: 17px;
}