.hidden,
.hidden2{
    display: none !important;
}

html,
body,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
input,
select,
textarea,
form,
fieldset,
button,
img,
table,
th,
td,
blockquote,
embed,
iframe {
    margin: 0;
    padding: 0;
}


/* LOGIN */

* {
    font-family: 'PT Serif', 'Times New Roman', Times, serif;
    color: #40433F;
}
h2 {
    font-weight: 700;
    font-size: 20px;
}

.normal_body {
    display: flex;
    width: 100%;
    height: 100vh;
    background: #F4F4F4;
}

.content_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}


.content{
    background: #F4F4F4;
}

/* Notification */

#login_section #notification.wrong,
#login_section #epfication.wrong {
    padding: 0 0 0 28px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9844 7V4.98438H9.01562V7H10.9844ZM10.9844 15.0156V9.01562H9.01562V15.0156H10.9844ZM2.92188 2.96875C4.89062 1 7.25 0.015625 10 0.015625C12.75 0.015625 15.0938 1 17.0312 2.96875C19 4.90625 19.9844 7.25 19.9844 10C19.9844 12.75 19 15.1094 17.0312 17.0781C15.0938 19.0156 12.75 19.9844 10 19.9844C7.25 19.9844 4.89062 19.0156 2.92188 17.0781C0.984375 15.1094 0.015625 12.75 0.015625 10C0.015625 7.25 0.984375 4.90625 2.92188 2.96875Z' fill='%23CD4343'/%3E%3C/svg%3E%0A") no-repeat;
    margin-bottom:20px;
    line-height: 24px;
}

#login_section #notification.wrong li {
    list-style-type: none;
    color: #000000;
    font-size:14px;
}

.very_wrong {
    display: none;
}


/****************************************************************************************************/


/* Header */

.header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 35px;
}


/* Language */

#lang_menu {
    display: flex;
    flex-direction: column;
    position: relative;
}

#lang_menu span {
    color: #282623;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
}

#lang_menu span img {
    position: relative;
    margin-left:8px ;
    vertical-align: middle;
}

#lang_menu .lang-selector {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 1.8rem;
    box-shadow: 0 0 5px -2px #A2A2A2;
    border-radius: 5px;
    background-color: #FFF;
}

.rotate { transform: rotate(180deg); }

/*#lang_menu:hover .lang-selector { display: flex; }*/

#lang_menu .lang-selector li {
    display: flex;
}

#lang_menu .lang-selector li a {
    padding: 1rem;
    cursor: pointer;
    text-decoration: none;
    font-size: 17px;
}

#lang_menu .lang-selector li a:hover {
    color:#282623;
    font-size: 17px;
}

#lang_menu .lang-selector li:hover,
#lang_menu .lang-selector:hover li:first-child:hover {
    display: flex;
}

#lang_menu .lang-selector li:last-child {
    border-top: solid 1px rgb(232, 236, 231);
}


/****************************************************************************************************/


/* Content */

.content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 5vh 5vw;
}

.login-content {
    display: flex;
    width: 100%;
}


/** Form **/

.form_login {
    display: flex;
    margin-right: 3em;
    flex: 0 1 35%;
    flex-direction: column;
}

#login_form {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}


/* Input */

#login_form .input span {
    color: rgb(0, 70, 90);
    font-weight: bold;
    margin-bottom: 10px;
}

#login_form .input {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 22px;
}

#login_form .input .field,
.googleSelect {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}

#login_form .input .field input,
.googleSelect > .dropDown > select {
    border: solid 1px #41564F;
    color: rgb(0, 70, 90);
    border-radius: 5px;
    padding: 12px 19px;
    font-size: 17px;
    min-width: 0;
    background: transparent;
}
.googleSelect > .dropDown > select{
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.984375 0.984375H11.0156L6 6L0.984375 0.984375Z' fill='%23B27E54'/%3E%3C/svg%3E%0A");
    background-position: 99% 50%;
}
option {
    background: #FFFFFF;
    font-weight: 400;
    font-size:17px;
    line-height: 24px;
    color:#40433F;
    font-family: 'PT Serif';
}
option:checked,option:hover {
    background: #f4f4f4!important; /*#F7FAF5*/
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}
/*input:focus-visible { outline: none; }*/

.googleSelect>.dropDown>select {
    display: flex;
    flex: 1;
}

#login_form .input .googleSelect .dropDown {
    display: flex;
}


/* hint */

.hint_icon {
    display: flex;
    width: 1rem;
    height: 1rem;
    margin-bottom: .7rem;
    position: relative;
    background-size: 1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.65625 5V3.65625H6.34375V5H7.65625ZM7.65625 10.3438V6.34375H6.34375V10.3438H7.65625ZM2.28125 2.3125C3.59375 1 5.16667 0.34375 7 0.34375C8.83333 0.34375 10.3958 1 11.6875 2.3125C13 3.60417 13.6562 5.16667 13.6562 7C13.6562 8.83333 13 10.4062 11.6875 11.7188C10.3958 13.0104 8.83333 13.6562 7 13.6562C5.16667 13.6562 3.59375 13.0104 2.28125 11.7188C0.989583 10.4062 0.34375 8.83333 0.34375 7C0.34375 5.16667 0.989583 3.60417 2.28125 2.3125Z' fill='%23D6B4B0'/%3E%3C/svg%3E");
}

.hint_icon .hint {
    display: none;
    flex-direction: row;
    background: white;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 16px -2px #A2A2A2;
    box-shadow: 0 0 16px -2px #A2A2A2;
    z-index: 2;
    position: absolute;
    top: 15px;
    padding: 1em;
    min-width: 200px;
    left: -7em;
    font-size: 14px;
}

.hint_icon:hover .hint,
.hint_icon .hint:hover {
    display: flex;
}

.hint_icon .hint p {
    display: flex;
    flex-direction: column;
}


/* Info */

.info {
    display: flex;
    padding-left: 4.5rem;
    flex: 2 1 0;
    flex-direction: column;
    border-left: 1px solid rgb(218, 222, 217);
    line-height: 24px;
}


/** Security **/

.security_feature {
    display: flex;
    margin-bottom: 3em;
    padding-top: 25px;
}

.security_img,
.support_img {
    margin-right: 2.7rem;
    width: 53px;
}

.security_info {
    display: flex;
    flex-direction: column;
    word-break: break-word;
}

.security_info h2 {
    color: #282623;
    margin-bottom: 10px;
}

.security_info p {
    display: block;
    overflow-wrap: break-word;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
}
.security_info p.phone {
    font-size: 17px;
    padding-bottom:8px;
}

.security_info a,
.security_info:hover a,
.security_info:focus a {
    color: #B27E54;
    text-decoration: none;
    cursor: pointer;
    line-height: 24px;
    font-size: 14px;
    padding-bottom:8px;
}

.security_info p img {
    height: 1.3rem;
    width: 1.3rem;
}


/** Support **/

.support_contacts {
    display: flex;
}

.support_info {
    display: flex;
    flex-direction: column;
}


/* Button */

.buttons .input_button {
    display: flex;
    margin-top: 10px;
}
.buttons .input_button_m {
    display: flex;
    margin-top: 25px;
    justify-content: center;
}

#login_section .input_button {
    display: flex;
    flex: 0 50%;
    justify-content: center;
    align-items: center;
}

.button1,
.button1:hover,
.button1:focus,
.button-cancel,
.button-cancel:hover,
.button-cancel:focus {
    display: flex;
    justify-content: center;
    text-decoration: none;
    font-size: 19px;
    line-height: 20px;
    flex: 1;
    cursor: pointer;
}

.button1,
.button1:hover,
.button1:focus {
    padding: 13px 43px 15px 43px;
    font-weight: bold;
    border-radius: 99999px;
    background: #B27E54;
    color: #fff;
}

.button1:hover,
.button1:focus {
    background: #40433F;
}

#login_form .button1 span {
    cursor: pointer;
}

#login_form .button1 span span {
    font-weight: 700;
    cursor: pointer;
    color: #fff;
}

.button-cancel,
.button-cancel:hover {
    padding: 15px 0 0 0;
}

.button-cancel>span {
    font-weight: 200;
    font-size: 1.2rem;
    line-height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9844 1.42188L8.40625 7L13.9844 12.5781L12.5781 13.9844L7 8.40625L1.42188 13.9844L0.015625 12.5781L5.59375 7L0.015625 1.42188L1.42188 0.015625L7 5.59375L12.5781 0.015625L13.9844 1.42188Z' fill='%23B27E54'/%3E%3C/svg%3E%0A")no-repeat left 1px;
    padding: 0 18px;
}

.backlinkText,
.backlinkText:hover,
.backlinkText:focus {
    display: flex;
    color: #B27E54;
    cursor: pointer;
    font-size: 14px;
    text-decoration:none;
    font-weight: 400;
    line-height: 24px;
}



/****************************************************************************************************/


/* Footer */
/* Footer */

.footer {
    display: flex;
    justify-content: space-around;
    font-weight: 700;
    background: #41564F;
    padding: 7vh 2vw;
}

.footer img {
    margin: 0 8px;
}
.external_links a.facebook,.external_links a.linkedin{
    padding-right:24px;
}
.footer .phone,
.footer .link,
.footer .mail,
.footer .copyrights {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .phone p,
.footer a,
.footer a:visited,
.footer a:hover,
.footer .external_links img {
    color:#F4F4F4;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
}

.footer .copyrights {
    color:#f4f4f4;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}
.footer .phone p:last-child{
    font-weight: 200;
    color: #F4F4F4;;
    margin-left: 1rem;
}

.footer a,
.footer a:hover,
.footer .external_links img {
    cursor: pointer;
}

.external_links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .info,
.footer .info a {
    color: rgb(255, 255, 255);
    font-size: .8rem;
}
.empty_template_body form > div{
    display: flex;
    flex: 1;
}
.empty_template_body .search .btn_2{
    flex: 1;
    margin: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_items{
    display: flex;
    margin-bottom: 5rem;
}

/****************************************************************************************************/


/* Cookie */

#cookie_cont {
    position: absolute;
    bottom: 5vh;
    right: 7vw;
    height: 400px;
    width: 250px;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 5px -2px #A2A2A2;
    border-radius: 5px;
    padding: 44px;
}

#cookie_cont img {
    height: 72px;
    margin-bottom: 1em;
}

.cookie_info {
    text-align: center;
    font-weight: 200;
    display: flex;
    flex-direction: column;
}

.cookie_link,
.cookie_link:hover,
.cookie_link:focus {
    font-weight: 200;
    color: #B27E54;
    margin: 1em;
    text-align: center;
    cursor: pointer;
    text-decoration:none;
}

.cookie_btn span span,
.cookie_btn:hover span span,
.cookie_btn:focus span span {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

#login_form .input label {
    color: #41564F;
    font-size: 14px;

}

#newRegistration{
    padding-bottom:25px;
}
/****************************************************************************************************/

@media(max-width: 1000px) {
    .login-content,
    .buttons,
    .security_feature,
    .support_contacts,
    .footer {
        flex-direction: column;
    }
    .form_login {
        margin-right: 0;
    }

    .hint_icon .hint {
        left: auto;
        right: 0;
    }
    #login_section .input_button {
        flex: 1;
    }
    .info {
        border-left: none;
        border-top: 1px solid rgb(218, 222, 217);
        padding: 0;
    }
    .security_feature {
        margin: 0;
    }
    .security_img,
    .support_img {
        margin: 2rem .3rem;
    }
    .security_info>*,
    .support_info>* {
        margin: .3em 0;
    }
    .footer {
        padding: 2em;
        align-items: flex-start;
        justify-content: space-around;
    }
    .footer>* {
        margin: 0.5em 0;
    }
    #cookie_cont {
        width: 100%;
        bottom: 0;
        right: 0;
        padding: 40px 0;
    }
    .cookie_info {
        padding: 0 30px;
    }
    .cookie_btn_div {
        padding: 0 72px;
    }
    .header>img {
        height: 60px;
        object-fit: cover;
        object-position: 0 0;
    }
    .backlinkText,
    .backlinkText:hover,
    .backlinkText:focus {
        margin-bottom: 0px;
    }
}

.ep-loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border: 10px solid;
    border-color: rgb(178, 126, 84, 0.15) rgb(178, 126, 84, 0.25) rgb(178, 126, 84, 0.35) rgb(178, 126, 84, 0.5);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.d4m-main {text-align:center;padding-bottom:20px;}
.ep-bottom {text-align:center;margin-top:40px;}
.ep-main {float:left;width:70%;text-align:center;}
.ep-right {float:left;width:30%;margin-top:7px;text-align:center;position:relative;}
.ep-right2 {display:none;background-color:#e5e5e5;float:left;width:70%;text-align:center;margin-top:20px}
.ep-bottom {float:left;width:70%;text-align:center;margin-top:40px;}
@media only screen and (max-width: 620px) {
    .ep-right {display:none;}
    .ep-right2 {display:block;border-radius:7px;}
    .ep-main, .ep-bottom, .ep-right2 {width: 100%;}
    .hide_on_mobile { display: none !important; }

    #login_form .input .field input, .googleSelect > .dropDown > select {
        padding: 0.5rem;
    }
    #login_form .input { margin-bottom: 12px; }
    .content { margin-bottom: 0px; flex-grow: 0; }
    .footer { position: fixed; bottom: 0; width: 100%; }
}

.footer a:hover {
    text-decoration: underline;
}
*:focus {
    outline: 3px solid #2488f5;
    outline-offset: 2px;
}