/*
  Header/footer styles extracted carefully from original dist CSS
  Files:
  - frontend/web/assets-app/dist/css/style.css
  - frontend/web/assets-app/dist/css/added.css
*/

/* ===== HEADER ===== */
input.remote_job_input:-moz-placeholder,input.remote_job_input::-moz-placeholder {
opacity:.85
}
input.remote_job_input::-webkit-input-placeholder {
opacity:.85
}
input.remote_job_input:-ms-input-placeholder {
opacity:.85
}
.remote_job label,.terms_of_use_content .about_section p:first-child,.title_blank_works {
font-size:22px;font-weight:500
}
.main_head {
background-position:44% 0;background-repeat:repeat-y;height:auto;padding-bottom:60px;position:relative
}
.main_head .find_service {
position:relative;z-index:999
}
.second_head {
background-color:#fff;background-image:none;position:relative
}
.active_el,.btn_all,.btn_orange,.head>span,.hidden_categories,.remote_job span.btn_orange_click {
background-color:#ffb718;border-radius:3px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none
}
.sandwich.sandwich_active .sw-footer {
display:none
}
.sandwich.sandwich_active .sw-bottom,.sandwich.sandwich_active .sw-topper {
top:13px
}
.sandwich.sandwich_active .sw-topper {
transform:rotate(43deg);transition:.5s
}
.sandwich.sandwich_active .sw-bottom {
transform:rotate(136deg);transition:.5s
}
header {
background-color:#0093ff;background-image:radial-gradient(circle 563px at center,#1e81ad 0,#197fab 0,#fff 0,#fff 0,#6cb9d9 0,#11a8c7 0,#009bff 0,#37a7fa 0,#32a2ea 0,#008be5 100%);color:#fff
}
header .logo {
height:auto;width:55px
}
header .header_mnu_wrap {
position:relative
}
header .header_mnu_wrap ul {
display:flex;flex-wrap:wrap;gap:28px; padding-top:6px;

}
header .header_mnu_wrap ul li {
height:22px;line-height:33px
}
header .header_mnu_wrap ul li,header .header_mnu_wrap ul li a {
color:#fff;display:inline-block
}
header .header_mnu_wrap ul li a:hover:after {
border-bottom:1px solid #fff;content:"";display:block;margin-top:-5px
}
header .header_mnu_wrap ul li:last-child a:first-child {
padding-right:5px
}
header .sandwich {
cursor:pointer;height:24px;position:absolute;right:0;top:9px;width:24px;z-index:1000
}
header .sandwich .sw-topper {
top:6px
}
header .sandwich .sw-bottom,header .sandwich .sw-topper {
background:#fff;border:none;height:2px;position:absolute;transition:.5s;width:24px
}
header .sandwich .sw-bottom {
top:13px
}
header .sandwich .sw-footer {
background:#fff;border:none;height:2px;position:absolute;top:20px;transition:.5s;width:24px
}
.find_service {
background-color:#e7e7e7;border-radius:3px;color:rgba(68,68,68,.85);display:block;font-size:18px;font-weight:500;margin:17px auto 0;padding:18px 0;text-align:center;width:215px
}
.find_service:hover {
background-color:#cacaca;color:rgba(68,68,68,.85)
}



.pop_ups_sandwich {
display:none;float:right;
    margin-top:85px;max-width:315px;padding-right:0;position:unset
}
.pop_ups_sandwich li:after {
clear:both;content:"";display:block
}

header .logo img {
width:55px
}
header .top_line {
padding-top:26px
}
header nav.header_mnu_wrap ul li a:hover:after {
margin-top:-6px
}

.header_wrap .job_categories_wrap,.header_wrap .pop_ups_sandwich {
padding-right:60px
}

header .logo {
display:block;padding-top:4px
}
header .logo img {
width:74px
}
header .top_line {
padding-top:16px
}
header nav.header_mnu_wrap ul {
text-align:center
}
header nav.header_mnu_wrap ul li {
gap:15px
}

header .sandwich {
top:5px
}

.header_wrap {
margin-top:160px
}

header nav.header_mnu_wrap ul {
width:80%
}

@media (max-width: 991px) {
    .header_mnu_wrap .desktop_version {
        display: none !important;
    }
    .header_mnu_wrap .mob_version {
        display:block!important
    }
}
.header_mnu_wrap .mob_version {
display:none;
}


@media (max-width: 440px) {
    .hide-register {
        display: none !important;
    }
}


.header_mnu_wrap .dropdown-toggle .selected {
display:none!important
}
.header_mnu_wrap .dropdown-menu li {
padding:0!important
}
.header_mnu_wrap .menu-find {
align-content:flex-end;align-items:baseline;display:flex!important;display:flex;gap:6px;position:relative
}
.header_mnu_wrap .menu-dropdown {
position:relative
}
.header_mnu_wrap .dropdown-toggle {
align-items:center;background:none;border:none;cursor:pointer;display:flex;font:inherit;gap:5px;padding:0
}
.header_mnu_wrap .dropdown-toggle .selected {
text-decoration:underline;text-transform:lowercase
}
.header_mnu_wrap .dropdown-toggle svg {
height:12px;width:12px;fill:none;stroke:#fff;stroke-width:2
}
.header_mnu_wrap .dropdown-menu {
background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;left:0;list-style:none;margin:8px 0 0;min-width:110px;padding:6px 0;position:absolute;top:100%;z-index:1000
}
.header_mnu_wrap .dropdown-menu li {
color:#000!important;cursor:pointer;padding:5px 16px
}
.header_mnu_wrap .dropdown-menu li:hover {
background:#f5f5f5
}
.header_mnu_wrap .menu-dropdown.open .dropdown-menu {
display:block
}
header .header_mnu_wrap .menu-find span {
color:#fff
}

.header_mnu_wrap .dropdown-menu li {
font-size:14px;height:30px;line-height:30px;text-align:center;width:100%
}
.header_mnu_wrap .dropdown-menu li:hover {
text-decoration:underline
}


a, a:active, a:focus, a:hover {
    border: none;
    color: #444;
    outline: none;
    text-decoration: none;
}

ul.ul_mnu {
    font-size: 14px;
    text-align: left;
}
.blank, .blank_mnu {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 6px .4px rgba(75, 84, 94, .1);
    position: relative;
}
ul.ul_mnu li:first-child, ul.ul_mnu li:first-child:hover {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

ul.ul_mnu li {
    border-bottom: 1px solid #e7e7e7;
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 23px;
    opacity: .85;
}
ul.ul_mnu li a {
    display: block;
    padding: 8px 26px;
}

a, a:active, a:focus, a:hover, .pop_ups_sandwich a {
    border: none;
    color: #444;
    outline: none;
    text-decoration: none;
}

ul.ul_mnu li:hover {
    background-color: #e7e7e7;
    cursor: pointer;
}

a:hover {
    border: none;
    color: #444;
    outline: none;
    text-decoration: none;
}


.pages_breadcrumbs {
    margin-top: 22px;
}


.pop_ups_autorizated  {
    color: #444;

}

form.pop_up a {
    float: left;
    font-size: 14px;
    padding-top: 15px;
}

.news_email .btn_all, .news_email .hidden_categories, .pop_ups_autorizated .btn_all, .pop_ups_autorizated .hidden_categories {
    color: #fefefe;
    font-weight: 500;
    width: 100%;
}

form.pop_up .btn_all, form.pop_up .hidden_categories {
    float: right;
    margin: 2px;
    min-height: 40px;
    width: 165px;
    border: none;
}

form.pop_up a:after {
    border-bottom: 1px solid #444;
    content: "";
    display: block;
}


.btn_all, .hidden_categories {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 36px auto 0;
    min-height: 40px;
    text-align: center;
    width: 184px;
}

.active_el, .btn_all, .btn_orange, .head>span, .hidden_categories, .remote_job span.btn_orange_click {
    background-color: #ffb718;
    border-radius: 3px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}




form.pop_up .pop_btn_wrap:after {
    clear: both;
    content: "";
    display: block;
}


.btn_all:hover, .hidden_categories:hover {
    background-color: #ffbe2f;
}

.pages_breadcrumbs span:not(.last-item-breadcrumbs) {
    padding-left: 7px;
    padding-right: 5px;
}

@media (max-width: 920px) {
    header .header_mnu_wrap ul {
        margin-left:0px;
    }
}

.sandwich.sandwich_active {


}




























/* ===== FOOTER ===== */
.sandwich.sandwich_active .sw-footer {
display:none
}
.text_logo {
background-color:#fff;font-size:14px;font-weight:600;text-transform:uppercase
}
.portfolio_footer .visible_el {
display:block
}


header .sandwich .sw-footer {
background:#fff;border:none;height:2px;position:absolute;top:20px;transition:.5s;width:24px
}


.footer {
margin-bottom:24px;margin-top:28px
}
.footer .eye {
float:left
}
.footer .eye span:before {
content:"👁"
}
.footer .eye p {
display:inline-block;font-size:15px;font-weight:500
}
.footer .added {
float:right
}

footer {
background:#444;padding:17px 0 0
}
footer a.logo {
display:block;padding-top:10px
}
footer .footer_mnu_wrap {
margin-right:-12px
}
footer .footer_mnu_wrap ul {
padding:6px 0 20px 7px
}
footer .footer_mnu_wrap ul li {
display:inline-block;height:37px;opacity:.7;padding-left:24px
}
footer .footer_mnu_wrap ul li a {
color:#fff
}
footer .footer_mnu_wrap ul li:hover:after {
border-bottom:1px solid #fff;content:"";display:block
}
footer .social_block {
float:right;margin-top:12px
}
footer .social_block:after {
clear:both;content:"";display:block
}
footer .social_block a.social {
clear:both;content:"";display:inline-block
}
footer .social_block a.social:not(:last-child) {
margin-right:11px
}
footer .social_block span {
background-image:url(../img/social/ico_social.png);display:inline-block;float:right;height:30px;opacity:.6;width:30px
}
footer .social_block .fb {
background-position:-6px -3px
}
footer .social_block .fb:hover {
background-position:-11px -44px
}
footer .social_block .vk {
background-position:-51px -3px
}
footer .social_block .vk:hover {
background-position:-51px 36px
}
footer .social_block .ok {
background-position:-96px -3px;opacity:.5
}
footer .social_block .ok:hover {
background-position:-96px -43px
}
footer .social_block .google {
background-position:-141px -3px
}
footer .social_block .google:hover {
background-position:-141px -43px
}
footer .social_block .telegram {
background-position:-186px -3px;opacity:.5
}
footer .social_block .telegram:hover {
background-position:-186px -43px
}
footer .development_wrap {
background:#2a2a2a
}
footer .development_wrap p {
color:hsla(0,0%,100%,.75);font-size:15px;font-weight:300;padding:12px 0;text-align:right;width:100%
}
footer .development_wrap p:before {
background:url(../img/logo/genius.png) no-repeat;content:"";display:inline-block;height:25px;margin-right:20px;vertical-align:bottom;width:25px
}
footer .development_wrap p span {
color:hsla(0,0%,100%,.75);font-weight:500
}
footer .simple_color {
background:#282828;padding-bottom:30px
}
footer .footer_mnu_wrap {
margin-left:0
}


footer .footer_mnu_wrap ul li {
height:32px;padding-left:14px
}
footer .social_block a.social:not(:last-child) {
margin-right:11px
}
footer .footer_mnu_wrap {
margin-left:0
}
footer .footer_mnu_wrap ul {
padding:6px 0 0 24px
}
footer .footer_mnu_wrap ul li {
padding-left:10px
}
footer .development_wrap p {
font-size:14px
}
footer .social_block {
float:none;margin-bottom:19px;margin-left:unset;margin-right:unset;margin-top:4px;text-align:center
}
footer .logo {
padding-bottom:15px;text-align:center
}


/* ===== POPUP AUTH ===== */



.pop_ups {
    background: rgba(33, 154, 231, .9);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
}

.pop_ups_autorizated {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 19.6px .4px rgba(75, 84, 94, .1);
    display: none;
    float: right;
    margin-top: 85px;
    max-width: 340px;
    padding: 25px 35px 50px;
}


.title_pop_up {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: left;
}
form.pop_up input {
    margin-top: 14px;
    padding: 10px 25px 12px;
}
.news_email input, .pop_ups_autorizated input {
    border: 1px solid #e7e7e7;
}
input, textarea {
    border: none;
    border-radius: 3px;
    outline: none;
    padding: 11px 25px;
    width: 100%;
}
form.pop_up .pop_btn_wrap {
    margin: 22px -2px 0;
}







.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container {
    width: 100% !important;
     min-width: 320px;
    max-width: 1170px;
    padding: 0 15px;
    min-height: 1px;
}


@media only screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media only screen and (min-width: 768px) {
    .container {
        width: 740px;
    }
}