@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'MainFont';
    src: url(../fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

a.no_underline:active, a.no_underline:hover, a.no_underline:link, a.no_underline:visited {
    text-decoration: none !important;
}

#loading {
    position: absolute;
    z-index: 8999;
    display: none;
    margin-top: -44px;
    width: 43px;
    height: 11px;
    background: url(../img/jquery/wait.gif) center center no-repeat
}

textarea:focus, input:focus, select:focus, button:focus { outline: none }

.aleft { text-align: left !important }
.aright { text-align: right !important }
.acenter { text-align: center !important }

img { border: 0; }
form { padding: 0; border: 0; margin: 0; }

.hidden { display: none !important; }

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

* {
    margin: 0;
    padding: 0;
}

html {
    min-width: 100%;
    height: 100%;
}

body {
    min-width:100%;
    height:100%;
    margin: 0; 
    padding: 0;
    font: normal 14px 'MainFont', Verdana;
    color: #000;
    margin: 0;
    background-color: #fff;
    position: relative;
}

body.dark { background-color: #292929; color: #a2a2a2 }

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

#top_line {
    height: 75px;
    background: linear-gradient(to right, #ED2847, #FF7043);
}

#top_line > div {
    max-width: 1223px;
    height: 75px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

#top_line > div > div { 
    flex: 0 0 auto; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-wrap: nowrap; 
    position: relative;
    height: 75px 
}

#top_logo {
    flex: 0 0 auto;
    width: 211px;
    height: 54px;
    background: url(../img/main/logo.svg) center center no-repeat
}

body.lv #top_logo { width: 134px; background-image: url(../img/main/logo_lv.png) }
body.gr #top_logo { width: 131px; background-image: url(../img/main/logo_gr.png) }
body.si #top_logo { width: 131px; background-image: url(../img/main/logo_si.png) }
body.hr #top_logo { width: 137px; background-image: url(../img/main/logo_hr.png) }
body.rs #top_logo { width: 136px; background-image: url(../img/main/logo_rs.png) }

#top_search {
    flex: 0 0 auto;
    width: 223px;
    height: 45px;
    border-radius: 5px;
    border: 1px solid rgba(194,194,194,0.3);
    background: rgba(255,255,255,0.3);
    margin: 0 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding-left: 10px;
    box-sizing: border-box
}

body.dark #top_search { background-color: #C63944; border-color: #E65964 }

#top_search_input {
    flex: 1 1 auto;
    width: 100%;
    height: 31px;
    font: bold 16px/31px 'MainFont';
    color: #f2f2f2;
    border: none;
    background: transparent;
    text-align: center
}

#top_search_input::placeholder { color: #fff }
#top_search_input:focus::placeholder { color: transparent }

#top_search_btn {
    flex: 0 0 auto;
    width: 31px;
    height: 31px;
    background: url(../img/main/search.svg) center center no-repeat;
    margin: 0 10px
}

#top_search_btn.processing { background: url(../img/loading_24x24.gif) center center no-repeat }

#top_new_ad_btn {
    flex: 0 0 auto;
    min-width: 192px;
    height: 45px;
    background-color: #FFC6B4;
    border-radius: 5px;
    border: 2px solid rgba(255,255,255,0.4);
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font: bold 16px/41px 'MainFont';
    text-decoration: none
}

body.dark #top_new_ad_btn { background-color: #FB9787; border-color: #FBB9B4 }

#top_new_ad_btn:before { content: '+'; margin-right: 7px }

#top_register_btn {
    flex: 0 0 auto;
    min-width: 192px;
    height: 45px;
    background-color: #36B73A;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: center;
    color: #fff;
    font: bold 16px/45px 'MainFont';
    text-decoration: none;
    margin-left: 38px
}

body.dark #top_register_btn { background-color: #237025 }

#top_login_btn, #top_profile_btn {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 27px 0 47px;
    background: url(../img/main/auth.svg) left center no-repeat, url(../img/main/down.svg) right center no-repeat;
    text-decoration: none;
    color: #fff;
    font: bold 16px/32px 'MainFont';
    margin-left: 33px
}

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

#top_login_btn.sel + #auth_form { display: block }

#auth_form {
    display: none;
    position: absolute;
    top: 75px;
    right: -187px;
    width: 375px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px;
    z-index: 11
}

body.dark #auth_form { background-color: #404040 }

@media(max-width: 1600px) { 
    #auth_form { right: 0 } 
}


input.auth_input {
   height: 50px;
   width: 100%;
   border: 1px solid rgba(109, 109, 109, 0.33);
   border-radius: 5px;
   box-sizing: border-box;
   display: block;
   padding: 0 12px;
   margin-bottom: 10px ;
   font: normal 18px 'MainFont';
   color: #666 
}

div.auth_input {
   height: 48px;
   border: 1px solid rgba(109, 109, 109, 0.33);
   border-radius: 5px;
   margin-bottom: 10px;
   position: relative
}

div.auth_input > input {
   height: 48px;
   width: 100%;
   background: transparent;
   border: none;
   border-radius: 5px;
   font: normal 18px/48px 'MainFont';
   color: #666;
   padding: 0 50px 0 12px;
   box-sizing: border-box
}

body.dark input.auth_input { color: #a2a2a2; background-color: #404040 }
body.dark div.auth_input > input { color: #a2a2a2 }
body.dark div.auth_input { background-color: #404040 }

input.auth_input::placeholder, div.auth_input > input::placeholder { color: #a2a2a2 }
input.auth_input:focus::placeholder, div.auth_input > input:focus::placeholder { color: transparent }

body.dark input.auth_input::placeholder, body.dark div.auth_input > input::placeholder { color: #fff }

div.auth_input > .psw_eye {
    position: absolute;
    width: 26px;
    height: 20px;
    top: 14px;
    right: 12px;
    background: url(../img/eye.svg) center center no-repeat
}

div.auth_input > .psw_eye.sel { background: url(../img/eye_off.svg) center center no-repeat }


#btn_login {
    display: block;
    margin: 20px auto 0 auto;
    width: 237px;
    height: 45px;
    border: none;
    border-radius: 5px;
    background: linear-gradient(to right, #ED3554, #FF7043); 
    color: #fff;
    font: bold 16px/45px 'MainFont';
    text-align: center
}

#btn_login.processing { font-size: 0 }
#btn_login.processing:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 11px;
    background: url(../img/jquery/wait.gif) center center no-repeat
}

#auth_forgot {
    display: block;
    margin: 16px auto 0 auto;
    text-align: center;
    color: #FF7043;
    font: normal 18px 'MainFont';
    text-decoration: none
}

#auth_register {
    display: block;
    margin: 25px auto 0 auto;
    text-align: center;
    color: #FF7043;
    font: normal 15px 'MainFont';
    text-decoration: underline;
    text-underline-offset: 3px;
}

#auth_register > span { color: #434343; text-decoration: underline; text-underline-offset: 3px; }

body.dark #auth_register > span { color: #c5c5c5 }

.auth_error {
    text-align: center;
    color: red;
    font: normal 14px 'MainFont';
    margin: 10px 0
}

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

#top_profile_btn.sel + #profile_menu_cont { display: block }

#profile_menu_cont {
    display: none;
    position: absolute;
    top: 75px;
    right: -187px;
    width: 375px;
    background-color: #fff;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px;
    z-index: 11
}

body.dark #profile_menu_cont { background-color: #404040 }

@media(max-width: 1600px) { 
    #profile_menu_cont { right: 0 } 
}

#profile_menu_top {
    padding: 29px 16px 19px 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 6px solid #FFF5F2
}

body.dark #profile_menu_top { border-color: #4e4e4e }

#profile_menu_pic {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    margin: 0 15px 0 2px;
    position: relative
}

#profile_menu_pic:before {
    content: '';
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #0EDB15 
}

#profile_menu_pic > img {
    object-fit: cover; 
    border-radius: 50%;
    width: 40px;
    height: 40px
}

#profile_menu_info {
    flex: 0 0 auto;
    color: #434343;
    font: normal 12px 'MainFont'
}

body.dark #profile_menu_info { color: #c5c5c5 }

#profile_menu_info::first-line {
    color: #FF7043 !important;
    font: bold 20px 'MainFont'
}

#profile_menu_info::first-letter { text-transform: uppercase }

#profile_menu_bottom {
    padding: 0 16px 0 22px;
}

.profile_menu:first-child { border: none }

.profile_menu {
    display: block;
    height: 66px;
    padding-left: 65px;
    text-align: left;
    color: #FF7043;
    font: bold 16px/66px 'MainFont';
    text-decoration: none;
    position: relative
}

.profile_menu + .profile_menu { border-top: 1px solid rgba(194,194,194,0.2) }

.profile_menu:before {
    content: '';
    position: absolute;
    width: 45px;
    height: 66px;
    left: 0;
    top: 0
}

#profile_menu_profile:before { background: url(../img/main/profile_menu/profile.svg) center center no-repeat }
#profile_menu_my_ads:before { background: url(../img/main/profile_menu/my_ads.svg) center center no-repeat }
#profile_menu_wallet:before { background: url(../img/main/profile_menu/wallet.svg) center center no-repeat }
#profile_menu_settings:before { background: url(../img/main/profile_menu/settings.svg) center center no-repeat }
#profile_menu_logout:before { background: url(../img/main/profile_menu/logout.svg) center center no-repeat }

body.dark #profile_menu_profile:before { background: url(../img/main/profile_menu/profile_dark.svg) center center no-repeat }

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

#bottom_links { background-color: #FFFAF8 }
body.dark #bottom_links { background-color: #1D1D1D }

#bottom_links > div {
    max-width: 1232px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 50px 0 90px 0
}

#bottom_links > div > div {
    flex: 0 0 auto;
    margin-right: 65px;
}

#bottom_links > div > div > h5 {
    color: #434343;
    font: bold 18px 'MainFont';
    padding: 0;
    margin: 0 0 25px 0 
}

body.dark #bottom_links > div > div > h5 { color: #686868 }

#bottom_links > div > div > a {
    display: block;
    color: #FF7043;
    font: normal 14px 'MainFont';
    text-decoration: none;
}

#bottom_links > div > div > a + a { margin-top: 14px }

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

#footer { background-color: #FFFAF8 }
body.dark #footer { background-color: #1D1D1D }

#footer > div {
    height: 84px;
    max-width: 1232px;
    height: 84px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

#footer_copyrights {
    color: #434343;
    font: normal 14px/18px 'MainFont';
    text-align: center
}

body.dark #footer_copyrights { color: #686868 }

#footer_copyrights > div.rights { font-weight: bold }
#footer_copyrights > div.age_restr { font: bold 12px/16px 'MainFont' }

#footer_left {
    position: absolute;
    left: 0;
    top: 0;
    height: 84px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

#footer_theme {
    display: block;
    height: 84px;
    padding-left: 72px;
    text-align: left;
    color: #434343;
    font: normal 16px/84px 'MainFont';
    text-decoration: none;
    position: relative;
    margin-left: 40px;
}

body.dark #footer_theme { color: #686868 }

#footer_theme:before,#footer_theme:after { transition: all 0.5s ease-out }

#footer_theme:before {
    content: '';
    position: absolute;
    left: 0;
    top: 26px;
    height: 31px;
    width: 52px;
    background-color: #FF7043;
    border-radius: 16px
}

#footer_theme:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 29px;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 13px
}

#footer_theme.sel:before { background-color: #303030 }
#footer_theme.sel:after { background-color: #9f9f9f; left: 24px }

#footer_lang {
    display: block;
    height: 84px;
    padding-left: 78px;
    text-align: left;
    color: #434343;
    font: bold 16px/84px 'MainFont';
    text-decoration: none;
    position: relative;
}

body.dark #footer_lang { color: #FF7043 }

#footer_lang:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 29px;
    width: 36px;
    height: 26px
}

.lang_en:before, #footer_langs > a.lang_en:before { background: url(../img/mobile/main_menu/en.svg) center center no-repeat }
.lang_lt:before, #footer_langs > a.lang_lt:before { background: url(../img/mobile/main_menu/lt.svg) center center no-repeat }
.lang_ru:before, #footer_langs > a.lang_ru:before { background: url(../img/mobile/main_menu/ru.svg) center center no-repeat }
.lang_lv:before, #footer_langs > a.lang_lv:before { background: url(../img/mobile/main_menu/lv.svg) center center no-repeat }
.lang_el:before, #footer_langs > a.lang_el:before { background: url(../img/mobile/main_menu/el.svg) center center no-repeat }
.lang_sl:before, #footer_langs > a.lang_sl:before { background: url(../img/mobile/main_menu/sl.svg) center center no-repeat }
.lang_hr:before, #footer_langs > a.lang_hr:before { background: url(../img/mobile/main_menu/hr.svg) center center no-repeat }
.lang_sr:before, #footer_langs > a.lang_sr:before { background: url(../img/mobile/main_menu/sr.svg) center center no-repeat }

#footer_lang:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 6px;
    background: url(../img/main/down_small_gray.svg) center center no-repeat;
    margin-left: 8px
}

body.dark #footer_lang:after { background-image: url(../img/main/down_small_orange.svg) }

#footer_langs {
    min-width: 132px;
    position: absolute;
    left: 5px;
    bottom: 14px;
    border-radius: 10px;
    background-color: #FF7043;
    padding: 18px 15px 15px 15px;
    box-sizing: border-box
}

body.dark #footer_langs { background-color: #814128 }

#footer_langs > a {
    display: block;
    height: 26px;
    padding-left: 58px;
    text-align: left;
    color: #fff;
    font: bold 16px/26px 'MainFont';
    text-decoration: none;
    position: relative;
    text-wrap: nowrap
}

#footer_langs > a + a { margin-top: 16px }

#footer_langs > a:before {
    content: '';
    position: absolute;
    width: 36px;
    height: 26px;
    left: 0;
    top: 0
}

#footer_langs > a.sel:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 6px;
    background: url(../img/main/down_small.svg?1) center center no-repeat;
    margin-left: 7px
}

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

#main_cont {
    min-height: calc(100vh - 159px);
    min-height: calc(100dvh - 159px);
}

.error { text-align: left; font: bold 14px 'MainFont'; color: red; }
.message { text-align: left; font: bold 14px 'MainFont';color: darkgreen; }
.info, .info a:link, .info a:visited, .info a:hover { color: #333; font: normal 14px 'MainFont' }

.note { margin: 25px 0 15px 0; text-align: center; color: #343434; font: normal 19px 'MainFont' }

body.dark .info, body.dark .info a:link, body.dark .info a:visited, body.dark .info a:hover { color: #c4c4c4; text-underline-offset: 3px; }
body.dark .message { color: #5C985C }
body.dark .error { color: #FF7377 }
body.dark .note { color: #5C985C }

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

#page_head {
    max-width: 1232px;
    font: bold 28px 'MainFont';
    color: #434343;
    margin: 0 auto;
    padding: 30px 0
}

body.dark #page_head { color: #c5c5c5 }

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

#cpage_head {
    max-width: 600px;
    font: bold 28px 'MainFont';
    color: #ff7143;
    margin: 0 auto;
    padding: 50px 0 15px 0;
    text-align: center
}

body.dark #cpage_head { color: #c5c5c5 }

.cpage_cont {
    max-width: 600px;
    padding: 25px 0;
    margin: 0 auto;
    text-align: center;
    font: bold 18px 'MainFont';
    color: #434343
}

body.dark .cpage_cont { color: #999 }

.cpage_cont.wide { max-width: 1232px; text-align: left; font-size: 16px }

.cpage_cont p { font-size: 16px; margin: 10px 0; padding: 0 }
.cpage_cont h2 { font-size: 20px; margin: 15px 0; padding: 0 }
.cpage_cont h2:first-child { margin-top: 0 }
.cpage_cont a:link, .cpage_cont a:visited, .cpage_cont a:hover { font: bold 16px 'MainFont'; color: #434343; text-decoration: underline }
body.dark .cpage_cont a:link, body.dark .cpage_cont a:visited, body.dark .cpage_cont a:hover { color: #999 }

.cpage_btns {
    max-width: 600px;
    padding: 25px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.cpage_btns > * {
    flex: 0 0 auto;
    height: 45px;
    min-width: 120px;
    border-radius: 8px;
    border: none;
    padding: 0 25px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font: bold 16px/45px 'MainFont';
    background: linear-gradient(to right, #ed3654, #ff7143); 
}

.cpage_btns > * + * { margin-left: 20px }

.cpage_btns > *.green { background: #3EA43E; }
body.dark .cpage_btns > *.green { background-color: #237025 }

.cpage_btns > *.processing { font-size: 0 }
.cpage_btns > *.processing:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 11px;
    background: url(../img/jquery/wait.gif) center center no-repeat
}

.cpage_input {
    display: block;
    margin: 15px 0;
    width: 100%;
    height: 50px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid rgba(109,109,109,0.33);
    color: #666;
    font: normal 18px/50px 'MainFont' 
}

body.dark .cpage_input { background-color: #292929; color: #a2a2a2 }

.cpage_input.err { border-color: red }

.cpage_error { color: red }
.cpage_message { color: darkgreen }

.cpage_error + .cpage_message, .cpage_message + .cpage_error { margin-top: 10px }

body.dark .cpage_message { color: #5C985C }
body.dark .cpage_error { color: #FF7377 }

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

.overlay_popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 90000;
}

.popup_bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9001;
    background-color: #000;
    opacity: 0.8
}

.popup_content {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    margin-top: -93px;
    padding: 20px 20px 0 20px;
    z-index: 9002;
    visibility: hidden;
    overflow: hidden;
}

.popup_content > div {
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
}

.popup_hdr_cont {
    color: #fff;
    font: bold 16px/25px 'MainFont';
    border: none;
    height: 25px;
    margin: 0 0 8px 0;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
    text-align: left
}

.popup_hdr_cont:first-letter { text-transform: capitalize }

.popup_hdr_cont a.close {
    float: right;
    width: 25px;
    height: 25px;
    margin: 0 0 0 10px;
    background: url(../img/mobile/close.svg) center center no-repeat
}

.popup_body_cont {
    color: #000;
    font: normal 12px 'MainFont';
    overflow: hidden;
    position: relative;
    text-align: left;
    padding: 20px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #fff;
    margin: 0
}

.popup_body_cont:first-letter { text-transform: capitalize }

.popup_buttons {
    margin: 25px 0 0 0;
    overflow: hidden;
    position: relative;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
}

.popup_buttons .btn {
    flex: 1 1 auto;
    height: 40px;
    margin: 0;
    padding: 0 15px;
    border-radius: 5px;
    border: none;
    color: #fff;
    background-color: #aaa;
    font: bold 16px/40px 'MainFont';
    text-align: center;
    min-width: 90px
}

.popup_buttons .btn:link, .popup_buttons .btn:visited, .popup_buttons .btn:hover {
    color: #fff;
    font: bold 16px/40px 'MainFont';
    text-decoration: none
}

.popup_buttons .btn + .btn { margin-left: 15px }

.popup_buttons .btn.main, .popup_buttons .ok_btn, .popup_buttons .yes_btn, .popup_buttons #btn_yes,
.popup_buttons > .btn:not(.grayed):first-child:last-child, .popup_buttons > .btn[type='submit'] {
    background-color: #3EA43E
}

.popup_buttons .no_btn, .popup_buttons .red_btn { background-color: #E81711 }
.popup_buttons .btn:disabled { background-color: #999 }

.popup_buttons .btn.processing { font-size: 0 }
.popup_buttons .btn.processing:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 11px;
    background: url(../img/jquery/wait.gif) center center no-repeat
}

.popup_buttons + .popup_buttons { margin-top: 10px }

.popup_info, .popup_message, .popup_error {
    font: bold 14px 'MainFont';
    margin-bottom: 15px;
    margin-top: 15px
}

.popup_info a:link, .popup_info a:visited, .popup_info a:hover,
.popup_message a:link, .popup_message a:visited, .popup_message a:hover,
.popup_error a:link, .popup_error a:visited, .popup_error a:hover {
    text-decoration: underline;
    font: bold 14px 'MainFont';
}

.popup_info, .popup_info a:link, .popup_info a:visited, .popup_info a:hover { color: #303030 }
.popup_message, .popup_message a:link, .popup_message a:visited, .popup_message a:hover { color: darkgreen }
.popup_error, .popup_error a:link, .popup_error a:visited, .popup_error a:hover { color: darkred }

.popup_input + .popup_input { margin-top: 15px }

.popup_input.title {
    text-align: left;
    font: bold 16px 'MainFont';
    color: #EB500B;
    margin-bottom: 10px
}

.popup_input.title > span { color: #E81610 }


.popup_input.select {
    height: 32px;
    border: 1px solid rgba(112, 112, 112, 0.5);
    border-radius: 5px;
    background-color: #fff;
    padding: 2px 10px;
    box-sizing: border-box;
}

.popup_input.select > select {
    font: normal 14px/26px 'MainFont';
    height: 26px;
    text-align: left;
    display: block;
    width: 100%;
    border: 0px none;
    padding: 0;
    margin: 0;
    color: #000;
    background-color: transparent
}


.popup_input.psw {
    height: 32px;
    border: 1px solid rgba(112, 112, 112, 0.5);
    border-radius: 5px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative
}

.popup_input.psw > input {
    font: normal 14px/30px 'MainFont';
    height: 30px;
    text-align: left;
    display: block;
    width: 100%;
    border: 0px none;
    padding: 2px 46px 2px 10px;
    box-sizing: border-box;
    margin: 0;
    color: #000;
    background-color: transparent
}

.popup_input.psw > input::placeholder { font: normal 14px/26px 'MainFont'; color: #737373 !important }
.popup_input.psw > input:focus::placeholder { color: transparent !important }
.popup_input.psw > input:focus { outline: none }

.popup_input.psw > .psw_eye {
    position: absolute;
    width: 21px;
    height: 16px;
    top: 7px;
    right: 10px;
    background: url(../img/eye.svg) center center / contain no-repeat
}

.popup_input.psw > .psw_eye.sel { background: url(../img/eye_off.svg) center center / contain no-repeat }


.popup_input.tarea {
    border: 1px solid rgba(112, 112, 112, 0.5);
    border-radius: 5px;
    background-color: #fff;
    padding: 7px 10px;
    box-sizing: border-box
}

.popup_input.tarea > textarea {
    color: #333;
    font: normal 14px 'MainFont';
    text-align: left;
    display: block;
    width: 100%;
    border: 0px none;
    padding: 0;
    margin: 0;
    color: #000;
    background-color: transparent;
    resize: none
}

.popup_input.tarea > textarea::placeholder { font: normal 14px 'MainFont'; color: #aaa !important }
.popup_input.tarea > textarea:focus::placeholder { color: transparent !important }
.popup_input.tarea > textarea:focus { outline: none }

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

#age_popup {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 9999;
    color: #fff;
}

#age_popup_qst {
    font: normal 30px Montserrat;
    margin-bottom: 15px;
    text-align: center;
}

#age_popup_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}

#age_popup_btns > div {
    font: normal 30px Montserrat;
    text-align: center;
    margin: 10px;
    padding: 5px 15px 10px;
    border: 2px solid #fff;
    cursor: pointer;
}

#age_popup_btns > div > div { font: normal 16px Montserrat }