/*Header redefined styles*/
html, body {
    height      : 100%;
    font-family : Open Sans, Arial, Helvetica, sans-serif !important;
}
.page {
    min-height : 100%;
    height     : auto;
    margin     : 0 auto -86px; /*Hook for footer to be always bottom*/
    padding    : 0 0 86px; /*Hook for footer to be always bottom*/
}
.navbar {
    padding-top    : 0 !important;
    padding-bottom : 0 !important;
}
.navbar .container {
    position : relative;
}
.navbar .container .dropdown-toggle::after {
    content : none !important;
}
.navbar.header_container .lang-dropdown-wrapper .dropdown-menu {
    top                : 70px;
    right              : -5px;
    left               : auto;
    border-radius      : 0;
    display            : block;
    opacity            : 0;
    visibility         : hidden;
    height             : auto;
    background         : #131924;
    -webkit-transition : visibility 0s, opacity 0.3s ease-out;
    -moz-transition    : visibility 0s, opacity 0.3s ease-out;
    -o-transition      : visibility 0s, opacity 0.3s ease-out;
    transition         : visibility 0s, opacity 0.3s ease-out;
}
.navbar.header_container .lang-dropdown-wrapper:hover .dropdown-menu {
    visibility       : visible;
    opacity          : 1;
    transition-delay : 0s;
}
.navbar.header_container .menuLang__wrapper--border {
    margin-top : -1px;
    padding    : 6px 12px 5px;
}
/*Header redefined styles*/
.container {
    max-width : 970px !important;
}
.customBreadCrumbs {
    position      : relative;
    width         : 940px;
    min-height    : 50px;
    margin        : 0 auto;
    border-bottom : 2px solid #E4E6EA;
    font-size     : 12px !important;
}
.customBreadCrumbs ul {
    margin      : 0;
    list-style  : none;
    padding     : 22px 0 15px 0;
    display     : inline-block;
    line-height : 1.4;
}
.customBreadCrumbs li {
    float     : left;
    font-size : 13px;
    color     : #333333;
}
.customBreadCrumbs li:first-child {
    list-style : none;
}
.customBreadCrumbs li a {
    font-size       : 12px !important;
    color           : #777777;
    text-decoration : underline;
}
.customBreadCrumbs li a:hover {
    text-decoration  : none;
    background-color : transparent;
}
.customBreadCrumbs .lastCrumb {
    font-weight : 400;
    position    : relative;
    top         : 2px;
    font-size   : 12px !important;
    color       : #333;
}
.customBreadCrumbs li.arrow {
    margin            : 6px 10px;
    width             : 0;
    height            : 0;
    border-style      : solid;
    border-width      : 4px 0 4px 5px;
    border-color      : transparent transparent transparent #777777;
    -webkit-transform : rotate(360deg);
}
.section {
    width : 100%;
}
.section-body-wrapper {
    padding : 30px 0 80px 0;
    margin  : 0 auto;
    width   : 940px;
}
.section-body {
    display         : flex;
    justify-content : space-between;
}
.section-body--left {
    max-width : 602px;
}
.section-body--right {
    margin-left : 35px;
    width       : 100%;
    max-width   : 302px;
}
.section--1 h1 {
    margin      : 5px 0 30px 0;
    font-weight : 600;
    font-size   : 36px;
    color       : #000000;
}
.section--1 h2 {
    margin      : 5px 0 30px 0;
    font-weight : 600;
    font-size   : 28px;
    color       : #000000;
}
.section--1 p {
    line-height : 1.6;
    font-size   : 16px;
    color       : #000000;
    text-align  : left;
}
.upper {
    text-transform : uppercase;
}
/*Left*/
.lc-form {
    border           : 1px solid #dedee2;
    position         : relative;
    padding          : 60px 45px 50px 45px;
    margin           : 30px 0 30px 0;
    background-color : #f7f8f9;
}
.lc-form label {
    margin-bottom : 14px;
    font-weight   : 700;
    font-size     : 14px;
    color         : #333333;
}
.lc-form .white-control {
    border           : 1px solid #dedee2;
    border-radius    : 0;
    padding          : 20px 15px;
    font-size        : 15px;
    font-weight      : 400;
    color            : #333333 !important;
    background-color : #ffffff !important;
}
.lc-form .white-control:focus {
    border           : 1px solid #dedee2;
    background-color : #ffffff !important;
    box-shadow       : none;
}
.help-text {
    font-size : 16px;
}
.help-text span {
    color : #000000;
}
.lc-form .button-row {
    display     : flex;
    margin-top  : 15px;
    align-items : center;
}
.lc-form .reset-code,
.lc-form .reset-code:hover,
.lc-form .reset-code:active,
.lc-form .reset-code:focus,
.lc-form .reset-code:visited {
    margin-left     : 50px;
    font-size       : 14px;
    font-weight     : 600;
    color           : #777777;
    text-decoration : none;
    text-transform  : uppercase;
    background      : none !important;
}
.lc-form .reset-code:hover {
    color : #343a40;
}
.lc-form .btn-email {
    outline        : none;
    border-radius  : unset;
    padding        : 14px 10px;
    min-width      : 240px;
    border         : none;
    margin         : 0;
    text-transform : uppercase;
    cursor         : pointer;
    color          : #ffffff;
    font-size      : 12px;
    font-weight    : 700;
    background     : #254275;
}
.lc-form .btn-email:active,
.lc-form .btn-email:hover,
.lc-form .btn-email:focus {
    outline    : none;
    border     : none;
    background : #223464;
    box-shadow : none;
}
.lc-form .btn-email:not(:disabled):not(.disabled):active {
    background-color : #254275;
    border           : none;
}
.lc-form .btn-primary:before {
    background : #254275;
}
/*Left*/
/*Right*/
.right-form {
    padding          : 40px 25px 40px 34px;
    margin           : 10px 0 0 0;
    border           : 1px solid #dedee2;
    background-color : #f7f8f9;
}
.right-form h3 {
    margin         : 0 0 10px 0;
    font-weight    : 700;
    font-size      : 16px;
    color          : #000000;
    text-transform : uppercase;
}
.right-form p {
    margin-right : 52px;
    font-size    : 14px;
}
.section-body--right-inner {
    margin     : 20px 0;
    background : url('/images/lostcode/support-girl.png') right top no-repeat transparent;
}
.right-form .btn-support {
    outline        : none;
    border-radius  : unset;
    padding        : 14px 10px;
    min-width      : 160px;
    border         : none;
    margin         : 0;
    text-transform : uppercase;
    cursor         : pointer;
    color          : #ffffff;
    font-size      : 12px;
    font-weight    : 700;
    background     : #254275;
}
.right-form a.btn.btn-support:hover,
.right-form a.btn.btn-support:active,
.right-form a.btn.btn-support:focus {
    outline    : none;
    border     : none;
    background : #223464;
    box-shadow : none;
}
.right-form .btn-support:before {
    background : #254275;
}
/*Right*/
#overlay-wrapper {
    display : none;
}
#overlay {
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background      : rgba(51, 51, 51, 0.2);
}
.lc-form .text-pot {
    display : none !important;
}
.lc-form .invalid-feedback {
    margin-top : 10px;
    font-size  : 13px;
}
.lc-modal .modal-content {
    border-radius : 0;
}
.lc-modal .close {
    font-size   : 32px;
    font-weight : normal;
    outline     : none;
}
.lc-modal .close:focus,
.lc-modal .close:active {
    outline : none;
}
.lc-modal .modal-header {
    padding : 2px 7px 0 0;
    border  : none;
}
.lc-modal .modal-body {
    padding : 0 50px 70px 50px;
}
.lc-modal h1 {
    margin      : 10px 0 20px 0;
    font-weight : 700;
    font-size   : 30px;
    color       : #333333;
}
.lc-modal h1 img {
    margin-right : 20px;
}
.lc-modal p {
    line-height : 1.5;
    font-size   : 16px;
    color       : #000000;
    text-align  : left;
}
.lc-modal p .lc {
    font-weight : 700;
}
.lc-modal p a {
    color           : #234fa8;
    text-decoration : underline;
}
.lc-modal p a:hover {
    text-decoration : none;
}
@media screen and (max-width : 940px) {
    .section-body-wrapper,
    .customBreadCrumbs {
        width : auto;
    }
}
@media screen and (max-width : 768px) {
    .section-body {
        flex-direction : column;
    }
    .customBreadCrumbs, .section--1 {
        padding-left  : 10px;
        padding-right : 10px;
    }
    .section-body--right {
        margin-top : 40px;
        align-self : center;
    }
    .lc-form .button-row {
        justify-content : center;
    }
}