body{
    font-family: 'Roboto', sans-serif;
    padding-top: 150px;
}

.container{
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container:after{
    clear: both;
    content: "";
    display: block;
}

.input-error {
    color: red;
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

/* header */
header{
    transition: .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
header .container{
    padding: 30px 0 30px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #f3f3f3;
}
header.f-nav{
    position: fixed;
    background: #404040;
    width: 100%;
    z-index: 999;
}
header.f-nav .container{
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: none;
}
header.f-nav .logo{
    color: #fff;
    transition: none;
}
header.f-nav .logo span{
    transition: none;
}
header.f-nav .logo:hover span{
    color: #0070c0;
}
header.f-nav .top-menu a, header.f-nav .actions-menu a{
    color: #fff;
    transition: .4s ease-in-out;
}
header.f-nav .top-menu a:hover, header.f-nav .actions-menu a:hover{
    color: #0070c0;
}
header.f-nav .actions-menu .menu-link span{
    background: #fff;
}
header.f-nav .top-search input{
    color: #fff;
}
header.f-nav .top-search input::placeholder{
    color: #fff;
}



.logo{
    float: left;
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #0070c0;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 70px;
    margin-top: 5px;
    transition: .4s ease-in-out;
}
.logo span{
}
.logo:hover span{
    color: #404040;
}

.top-menu{
    float: left;
    padding-top: 10px;
}
.top-menu a{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #404040;
    text-decoration: none;
    margin-right: 35px;
}
.top-menu a:last-child{
    margin-right: 0;
}
.top-menu a:hover, .top-menu a.active{
    color: #0070c0;
}

.actions{
    float: right;
}
.actions:after{
    content: "";
    display: block;
    clear: both;
}
.top-search{
    float: left;
    width: 400px;
    margin-right: 50px;
}
.top-search input{
    width: 100%;
    height: 40px;
    border: 1px solid #f3f3f3;
    padding: 0 35px 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    outline: none;
    background: url("../i/iconfinder_icon-111-search_314478.svg") 98% 50% no-repeat;
}
.top-search input::placeholder{
    color: #c2c2c2;
    text-transform: uppercase;
}
.top-search input:focus{
    border: 1px solid #ccc;
}

.actions-menu{
    position: relative;
    float: right;
    display: flex;
    padding-top: 10px;
}
.actions-menu .menu-link{
    margin-right: 0;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
}
.actions-menu .menu-link span{
    display: block;
    height: 2px;
    background: #404040;
    width: 25px;
    margin-bottom: 5px;
}
.actions-menu .menu-link:hover .dropdown-content{
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    top: 30px;
    right: 0;
    max-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: end;
}
.black {
    background-color:#404040;
}
.actions-menu .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    margin-right: 0;
}
.show {display: block;}
.dropdown-content a:hover {background-color: #f1f1f1}

.actions-menu a{
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #404040;
    text-decoration: none;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle;
    transition: .4s ease-in-out;
}
.actions-menu a:last-child{
    margin-right: 0;
}
.actions-menu a:hover, .actions-menu a.active{
    color: #0070c0;
}

select{
    border: 1px solid #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    padding: 10px;
    visibility: hidden;
}
.selectric-hide-select select {
    visibility: visible;
}

/* index page */
.hero-block-pop{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 200px 200px 200px;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}
.hero-block-pop.hidden{
    display: none;
    opacity: 0;
}
.popular-item{
    box-sizing: border-box;
    padding: 1px;
    background: #404040;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.companies .popular-item{
    background: #292929;
}
.companies .popular-item .info{
    text-align: center;
    width: 100%;
    left: 0;
    font-weight: bold;
    letter-spacing: 1px;
}
.popular-text h2{
    font-size: 24px;
    margin: 0;
}
.popular-text p{
    margin-top: 0;
    font-size: 14px;
}
.popular-item a{
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 12px;
    position: absolute;
    font-weight: 300;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,.6) 100%);
}
.popular-item .info{
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 16px;
    width: 50%;
}
.popular-item.none{

}
.popular-item.none a{
    align-items: center;
    justify-items: center;
    display: flex;
    text-decoration: none;
}
.popular-item.none .info{
    position: static;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
}

.hero-block:after{
    clear: both;
    content: "";
    display: block;
}
.hero-block-list{
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 60px;
}
.hero-block-list.companies{
    display: none;
}
.l-pagination{
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 50px;
    margin-top: 25px;
    position: absolute;
    bottom: 10px;
    right: 0;
}
.l-pagination a{
    display: inline-block;
    font-size: 13px;
    color: #0070c0;
    margin-right: 25px;
}
.l-pagination a.active{
    color: #404040;
    text-decoration: none;
    pointer-events: none;
}
.list-one{
    padding-top: 5px;
}
/*.list-one p{*/
    /*margin-top: 0;*/
/*}*/
.list-one a{
    display: block;
    color: #404040;
    font-size: 13px;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: 300;
    text-transform: capitalize;
}
.list-one a:hover{
    text-decoration: underline;
    color: #0070c0;
}
.next-slide{
    display: block;
    text-decoration: none;
    color: #0070c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transition: .4s ease-in-out;
    text-align: center;
    font-weight: bold;
    padding-top: 90px;
    /*background: url("../i/arrow-right.png") right center no-repeat;*/
    background-size: 15%;
}
.next-slide:hover{
    color: #000;
}
.next-slide h2{
    font-size: 24px;
    text-transform: uppercase;
}
.next-slide p{
    color: #0070c0;
    margin-bottom: 0;
    font-size: 14px;
}
.prev-slide{
    display: block;
    transition: .4s ease-in-out;
    color: #0070c0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    height: 100%;
    text-decoration: none;
    font-weight: bold;
    padding-top: 90px;
    /*background: url("../i/arrow-left.png") left center no-repeat;*/
    background-size: 15%;
}
.prev-slide:hover{
    color: #000;
}
.prev-slide h2{
    font-size: 24px;
    text-transform: uppercase;
}
.prev-slide p{
    color: #0070c0;
    margin-bottom: 0;
    font-size: 14px;
}

.prev-slide.disabled, .next-slide.disabled{
    filter: grayscale(100%);
    pointer-events: none;
}

.grid-out{
    animation: grid-out-animation .5s ease-in-out forwards;
}
@keyframes grid-out-animation {
    from { opacity: 1; }
    to { opacity: 0;  display: none;}
}

.grid-in{

}
@keyframes grid-in-animation {
    from { opacity: 0; display: none; }
    to { opacity: 1; display: grid; }
}

.socials-block{
    margin-top: 100px;
    background: #f3f3f3;
    padding: 50px 0;
}
.socials-grids{
    display: flex;
    justify-content: space-between;
}
.s-g-block{
    width: 32%;
}
.s-g-block:last-child{
    margin-right: 0;
}

.block_title{
    color: #0070c0;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
}
.block_title_page{
    color: #404040;
    font-size: 24px;
    margin-bottom: 50px;
    text-transform: uppercase;
}
.block_title_page span{
    display: block;
    font-size: 16px;
    color: #0070c0;
    margin-top: 5px;
}
.block_under_title{
    color: #404040;
    text-align: center;
    margin-bottom: 0;
}

footer{
    /*background: #f3f3f3;*/
    padding: 25px 0;
    margin-top: 100px;
}
footer.main{
    margin-top: 0;
}
footer .container{
    padding-top: 25px;
    border-top: 1px solid #f3f3f3;
}
footer.main .container{
    padding-top: 0;
    border: none;
}
.footer-menu{
    float: left;
}
.footer-menu a{
    color: #404040;
    font-size: 12px;
    margin-right: 25px;
    text-transform: uppercase;
    text-decoration: none;
}
.footer-menu a:hover, .footer-menu a.active{
    color: #0070c0;
}
.footer-copyrights{
    float: right;
    color: #404040;
    font-size: 12px;
    margin: 0;
}

/* summaries */
.summaries-categories{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 25px;
    border: 1px solid #f3f3f3;
    padding: 25px;
}
.summaries-categories div:nth-child(1), .summaries-categories div:nth-child(2){
    border-right: 1px solid #f3f3f3;
}
.summaries-list a{
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #404040;
    margin-bottom: 10px;
    font-weight: 300;
    transition: .4s ease-in-out;
}
.summaries-list a:last-child{
    margin-bottom: 0;
}
.summaries-list a:hover{
    text-decoration: underline;
    color: #0070c0;
}
.summaries-list a.active{
    text-decoration: underline;
    color: #0070c0;
}
.summaries-filters{
    border: 1px solid #f3f3f3;
    padding: 10px;
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 15px;
    margin-bottom: 25px;
}
.filter-item .selectric{
    background: none;
}
.filter-item .selectric .button{
    background: none;
}
.filter-item .selectric .label{
    font-weight: 300;
}
.filter-item button{
    width: 100%;
    border: none;
    height: 100%;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background: #404040;
    transition: .4s ease-in-out;
}
.filter-item button:hover{
    background: #0070c0;
    color: #fff;
}

.block_title.summaries{
    font-size: 24px;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 50px;
    color: #404040;
    text-transform: none;
    font-weight: 400;
}

.summaries-results:after{
    content: "";
    display: block;
    clear: both;
}
.summaries-results{
    position: relative;
}
.summaries-results .list-one a{
    margin-bottom: 8px;
}

.rule-block{
    margin-bottom: 25px;
}
.rule-block h2{
    font-size: 15px;
    font-weight: bold;
}
.rule-block p{
    font-weight: 300;
    font-size: 13px;
}

/* registration */
.register-forms{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 100px;
}
.register-forms:after{
    clear: both;
    content: "";
    display: block;
}
.r-form:first-child{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.r-form h2{
    font-size: 24px;
    color: #404040;
    text-transform: uppercase;
    margin-bottom: 25px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 25px;
}
.r-form h2 span{
    display: block;
    font-size: 18px;
    color: #0070c0;
}
.r-form .form-group{
    margin-bottom: 15px;
}

.form-group{
    position: relative;
}

.form-group .dob{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.form-group .radio-group{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.form-group .radio-group input{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}
.form-group .radio-group label{
    display: inline-block;
    text-transform: none;
    vertical-align: middle;
}

.r-form textarea{
    display: block;
    width: 100%;
    border: 1px solid #d6d6d6;
    outline: none;
    resize: none;
    box-sizing: border-box;
    padding: 15px;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
}
.r-form input{
    width: 100%;
    height: 40px;
    border: 1px solid #d6d6d6;
    padding: 0 35px 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    outline: none;
}
.r-form label{
    font-size: 12px;
    text-transform: uppercase;
    color: #404040;
    display: block;
    margin-bottom: 5px;
}
.r-form button{
    padding: 0 25px;
    border: none;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background: #0070c0;
    transition: .4s ease-in-out;
 }
.r-form button:hover{
    background: #404040;
    color: #fff;
}
.r-form .selectric{
    background: none;
}
.r-form .selectric .button{
    background: none;
}
.profile-image.r-form input{
    padding-top: 10px;
}
.form-block-title{
    font-weight: 500 !important;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 35px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #0070c0;
    position: relative;
}
.form-block-title span{
    display: block;
    position: absolute;
    right: 0;
    top: -10px;
    background: #0070c0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 5px 15px;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #0070c0;
    transition: .4s ease-in-out;
}
.form-block-title span:hover{
    color: #0070c0;
    background: transparent;
}
.rules-p{
    margin-top: 25px;
    font-size: 12px;
    line-height: 21px;
    font-weight: 300;
}
.rules-p a{
    color: #0070c0;
}
.forgot-link{
    display: inline-block;
    margin-left: 25px;
    color: #0070c0;
    font-size: 12px;
}
.register-as-btns{
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    border: none;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background: #0070c0;
    padding: 0 25px;
    transition: .4s ease-in-out;
    display: inline-block;
    margin-bottom: 15px;
}
.register-as-btns:hover{
    background: #404040;
}

/* company profile */
.profile-top{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 100px;
}
.profile-top .block_title_page{
    margin-top: 0;
    margin-bottom: 0;
}
.profile-menu{
    text-align: right;
    padding-top: 3px;
}
.profile-menu a{
    display: inline-block;
    color: #404040;
    font-size: 14px;
    text-decoration: none;
    margin-right: 15px;
    border-bottom: 1px solid transparent;
    transition: .4s ease-in-out;
    text-transform: uppercase;
}
.profile-menu a:hover, .profile-menu a.active{
    border-bottom-color: #0070c0;
    color: #0070c0;
}
.profile-menu a:last-child{
    margin-right: 0;
}

.edit-btn{
    color: #0070c0;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.profile-content{
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-column-gap: 100px;
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profile-content-company{
    margin-top: 50px;
}
.profile-content-company form{
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-column-gap: 100px;
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.profile-description p{
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
}
.profile-description p:first-child{
    margin-top: 0;
}
.profile-image img{
    width: 100%;
}

p.empty{
    font-weight: 100;
    font-size: 14px;
    margin: 0;
}

.profile-vacancies{
    display: block;
}
.p-vac{
    background: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}
.p-vac.moderate a{
    padding-right: 125px;
}
.p-vac.moderate .vac_count{
    position: absolute;
    display: inline-block;
    right: 25px;
    top: 50%;
    margin-top: -12px;
    width: auto;
    height: auto;
    padding: 0;
    font-weight: bold;
    font-size: 22px;
    transition: .4s ease-in-out;
}
.p-vac.moderate .vac_count i{
    color: #404040;
    font-style: normal;
}
.p-vac a{
    color: #0070c0;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 25px;
}
.p-vac.moderate .vac_count:hover{
    text-decoration: underline;
}
.p-vac a span{
    display: block;
    color: #404040;
    font-size: 13px;
    font-weight: 300;
}
.p-vac .vac_name{
    color: #0070c0;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}
.p-vac .vac_date{
    color: #929292;
    font-size: 12px;
    margin-bottom: 15px;
}
.p-vac .vac_price{
    margin-top: 15px;
    font-weight: bold;
}

.profile-vacancy-description p{
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: 300;
    line-height: 18px;
}
.profile-vacancy-description .vac-date{
    color: #929292;
    margin-bottom: 25px;
}
.profile-vacancy-description .vac-header{
    font-weight: 600;
    font-size: 15px;
    border-top: 1px solid #f3f3f3;
    padding-top: 25px;
    margin-top: 25px;
}
.profile-vacancy-description ul li{
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}
.profile-vacancy-respond{
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f3f3f3;
}
.profile-vacancy-respond a{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    text-align: center;
    font-size: 12px;
    color: #0070c0;
    text-decoration: none;
    border: 1px solid #0070c0;
    margin-right: 15px;
    transition: .4s ease-in-out;
    margin-bottom: 15px;
}
.profile-vacancy-respond a.answered{
    color: #404040;
    border: 1px solid #404040;
}
.profile-vacancy-respond a:hover{
    background: #0070c0;
    color: #fff;
}
.profile-vacancy-respond.bott{
    margin-top: 25px;
    padding-top: 25px;
    border-bottom: none;
    border-top: 1px solid #f3f3f3;
}

.profile-vacancy-respond .to-archive{
    border: 1px solid #404040;
    color: #404040;
}
.profile-vacancy-respond .to-remove{
    border: 1px solid #ad0000;
    color: #ad0000;
}

.p-vac-add{

    text-align: left;
    display: flex;
}
.p-vac-add a{
    margin-right: 15px;
}
.add-vacancy{
    display: inline-block;
    padding: 10px 25px;
    box-sizing: border-box;
    background: #0070c0;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 15px;
    transition: .4s ease-in-out;
}
.add-vacancy:hover{
    background: #404040;
    color: #fff;
}

/* add-vac */
.profile-content.add-vac{
    display: block;
}
.profile-content.add-vac .profile-vacancies{
    display: block;
}
.add-vacancy-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.add-vacancy-right{
    box-sizing: border-box;
    padding-left: 50px;
}
.profile-content.add-vac .profile-vacancies .form-group{
    margin-bottom: 25px;
}
.profile-content.add-vac .profile-vacancies .form-group:last-child{
    margin-bottom: 0;
}
.profile-content.add-vac .profile-vacancies textarea{
    width: 100%;
    border: 1px solid #d6d6d6;
    resize: none;
    outline: none;
    box-sizing: border-box;
    padding: 15px;
    font-size: 12px;
    font-weight: 300;
    height: 150px;
    line-height: 16px;
}
.checkbox-group{
    margin-top: 10px;
}
.checkbox-wrapper{
    margin-bottom: 5px;
}
.checkbox-wrapper:after{
    clear: both;
    content: "";
    display: block;
}
.checkbox-wrapper input{
    width: 15px;
    height: 15px;
    float: left;
}
.checkbox-wrapper label{
    float: left;
    margin-left: 10px;
    text-transform: none;
    margin-top: 1px;
    margin-bottom: 0;
}

.profile-company-info{
    border: 1px solid #f3f3f3;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.profile-company-info p{
    margin: 0 0 5px 0;
    font-size: 14px;
}
.profile-company-info p:last-child{
    margin-bottom: 0;
}
.profile-company-info p a{
    color: #0070c0;
}
.profile-company-info img{
    height: 15px;
}
/* yours resume */
.yours-resume{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    /*grid-template-rows: repeat(10, min-content);*/
}
.your-r{
    background: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.your-r.moderate a{
    padding-right: 125px;
}
.your-r.moderate .vac_count{
    position: absolute;
    display: inline-block;
    right: 25px;
    top: 50%;
    margin-top: -12px;
    width: auto;
    height: auto;
    padding: 0;
    font-weight: bold;
    font-size: 22px;
    transition: .4s ease-in-out;
}
.your-r.moderate .vac_count i{
    color: #404040;
    font-style: normal;
}
.your-r a{
    color: #0070c0;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 25px;
}
.your-r.moderate .vac_count:hover{
    text-decoration: underline;
}
.your-r a span{
    display: block;
    color: #404040;
    font-size: 13px;
    font-weight: 300;
}
.your-r .vac_name{
    color: #0070c0;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
}
.your-r .vac_date{
    color: #929292;
    font-size: 12px;
    margin-bottom: 15px;
}
.your-r .vac_price{
    margin-top: 15px;
    font-weight: bold;
}

.experience-block{
    display: none;
    padding: 25px;
    background: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.experience-block .selectric{
    background: #fff;
}
.exp{
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.experience .block{
    box-sizing: border-box;
    font-size: 14px;
}

.profile-description .position{
    padding: 25px 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0;
}
.profile-description .busy,
.profile-description .graphic,
.profile-description .languages{
    margin: 0;
}
.about-intern {
    margin-top: 25px;
    border-top: 1px solid #f3f3f3;
    padding-top: 25px;
}
.experience{
    margin-top: 25px;
    border-top: 1px solid #f3f3f3;
    padding-top: 25px;
}
.profile-description .exp-title{
    font-size: 18px;
    color: #404040;
    margin-bottom: 25px;
}
.experience .block h4, .experience .block p{
    margin: 0;
}
.exp-grid{
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}

.about-hisself{
    margin-top: 15px;
    border-top: 1px solid #f3f3f3;
    padding-top: 25px;
}
.keys{
    margin-top: 25px;
    border-top: 1px solid #f3f3f3;
    padding-top: 25px;
}
.about-video{
    margin-top: 25px;
    border-top: 1px solid #f3f3f3;
    padding-top: 25px;
}
.about-video a{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    text-align: center;
    font-size: 12px;
    color: #0070c0;
    text-decoration: none;
    border: 1px solid #0070c0;
    margin-right: 15px;
    transition: .4s ease-in-out;
    margin-bottom: 15px;
}
.about-video a:hover{
    background: #0070c0;
    color: #fff;
}
.keys ul{
    padding: 0;
    margin: 0;
}
.keys ul{
    display: flex;
    flex-wrap: wrap;
}
.keys ul li{
    margin-right: 25px;
    margin-bottom: 10px;
    list-style: none;
    font-weight: 100;
    background: #f3f3f3;
    padding: 10px 15px;
    font-size: 14px;
}

.modal-specs-list{
    background: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    font-size: 12px;
}
.modal-specs-list ul{
    margin: 0;
    padding: 0;
}
.modal-specs-list .m-s-list{
    list-style: none;
    text-align: left;
    border-bottom: 1px solid #f3f3f3;
    padding: 7px 0 7px 0;
    cursor: pointer;
}
.modal-specs-list .m-s-list:after{
    content: "";
    display: block;
    clear: both;
}
.modal-specs-list .m-s-list:hover, .modal-specs-list label:hover{
    background: #ccc;
    cursor: pointer;
    color: #0070c0;
}
.modal-specs-list .m-s-list input{
    margin-right: 10px;
    margin-left: 10px;
    float: left;
    margin-top: -.5px;
}
.modal-specs-list label{
    float: left;
    display: block;
    width: 90%;
}

.remodal .remodal-close{
    right: 0;
    left: auto;
}

.modal-specs-list textarea{
    width: 100%;
    border: 1px solid #d6d6d6;
    resize: none;
    outline: none;
    box-sizing: border-box;
    padding: 15px;
    font-size: 12px;
    font-weight: 300;
    height: 150px;
    line-height: 16px;
}
.modal-specs-list .selectric{
    text-align: left;
}
.modal-specs-list .selectric-items{
    text-align: left;
}
.modal-specs-list button{
    padding: 0 25px;
    border: none;
    height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background: #0070c0;
    transition: .4s ease-in-out;
    display: inline-block;
    outline: none;
}
.modal-specs-list .selectric{
    background: #fff;
}
.modal-specs-list .selectric .button{
    background: #fff;
}
.modal-specs-list button:hover{
    background: #404040;
    color: #fff;
}
.answered-vac{
    font-size: 12px;
    color: #404040;
    display: block;
}

.remodal-answer-container{
    background: #f3f3f3;
    padding: 25px;
}
.remodal-answer-container p{
    margin: 0;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
}
.remodal-answer-container .r-a-text{
    font-size: 13px;
    margin-top: 15px;
    text-transform: none;
}
.remodal-answer-container a{
    color: #0070c0;
}

/* offer-job */
.offer-job{
    text-align: left;
}
.chat-message{
    font-size: 14px;
    width: 80%;
    background: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 25px;
    font-weight: 100;
    margin-bottom: 80px;
    position: relative;
    float: left;
}
.chat-message:after{
    clear: both;
    content: "";
    display: block;
}
.chat-message.yours{
    float: right;
}
.chat-message .who{
    position: absolute;
    bottom: -65px;
    left: 0;
    width: 100%;
    font-size: 12px;
}
.chat-message.yours .who{
    text-align: right;
}
.chat-message .who span{
    display: block;
    margin-top: -3px;
}

.review-add{
    text-align: left;
    margin-top: 5px;
}
.review-add p{
    float: left;
    margin-right: 10px;
}
#rate{
    margin-top: 5px;
}

.review{
    background: #f3f3f3;
    box-sizing: border-box;
    padding: 25px;
    margin-bottom: 15px;
}
.review p{
    font-size: 14px;
    margin: 0;
}

.grid {

}
.grid .item, .grid-sizer{
    float: left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 12%;
}
.item-inst img{
    max-width: 100%;
}
.item-inst iframe{
    min-width: 100% !important;
}


.video-youtube-holder iframe{
    width: 100%;
    height: 400px;
}

p.error{
    color: red;
    font-size: 12px;
    text-align: left;
    margin: 15px 0;
    box-sizing: border-box;
    padding: 15px 15px 15px 0;
    border-top: 1px solid red;
}

.empty-list{
    font-size: 12px;
    margin: 0;
}

.summaries-categories-results{
    display: grid;
    grid-template-columns: 250px auto;
    grid-column-gap: 50px;
    margin-top: 50px;
}

.s-c-r-sidebar .filter-item{
    margin-bottom: 10px;
}
.s-c-r-sidebar .filter-item button{
    height: 40px;
}

.s-c-r-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    grid-template-rows: min-content;
}
.resume.view-list{
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 25px;
    display: grid;
    grid-template-columns: auto 100px;
}
.resume.view-list p{
    margin: 0;
    color: #404040;
    font-size: 14px;
}
.resume.view-list p.pos{
    margin-bottom: 5px;
}
.resume.view-list p.pos a{
    font-size: 18px;
    color: #0070c0;
}
.resume.view-list p.age{
    color: #404040;
    font-size: 12px;
}
.resume.view-list p.sal{
    font-size: 16px;
    margin: 10px 0;
}
.resume.view-list p.e-age-title{
    margin-top: 15px;
}
.resume.view-list p.e-age{
    font-size: 12px;
    margin-top: 5px;
}
.v-a img{
    max-width: 100%;
}

.summaries-filters.search{
    border: none;
    padding: 0;
    grid-template-columns: 1fr;
}
.summaries-filters.search input{
    width: 100%;
    height: 40px;
    border: 1px solid #f3f3f3;
    padding: 0 35px 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    outline: none;
    background: url("../i/iconfinder_icon-111-search_314478.svg") 99% 50% no-repeat;
}
.summaries-filter.search input::placeholder{
    color: #c2c2c2;
    text-transform: uppercase;
}

.s-res a{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3;
    padding: 25px;
    margin-bottom: 15px;
    font-size: 14px;
}
.s-c-r-content.search{
    grid-template-columns: 1fr 1fr;
}
.s-c-r-content.search .resume.view-list{
    grid-template-columns: 1fr;
}

/* marks */
.mark{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.mark svg{
    width: 15px;
    height: 15px;
    transition: .4s ease-in-out;
    fill: #404040;
}
.mark svg:hover{
    fill: #000;
}
.mark.question{
    top: 30px;
    right: 10px;
}

.remodal.info-help{
    text-align: left;
    max-width: 500px;
}
.info-header{
    margin-top: 0;
    font-size: 14px;
}
.info-footer{
    margin-bottom: 0;
    font-size: 11px;
    margin-top: 15px;
    color: #404040;
    font-style: italic;
}
.info-list{
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}
.info-list li {
    font-size: 12px;
    margin-bottom: 5px;
}
.profile-vacancy-respond a.delete-item{
    border: 1px solid #ff0000;
    color: #ff0000;
}
.profile-vacancy-respond a.delete-item:hover{
    color: #fff;
    background: #ff0000;
}

.chat-company-info{
    margin-bottom: 25px;
}
.chat-company-info a{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    text-align: center;
    font-size: 12px;
    color: #0070c0;
    text-decoration: none;
    border: 1px solid #0070c0;
    margin-right: 15px;
    transition: .4s ease-in-out;
    clear: both;
}
.chat-company-info a:hover{
    background: #0070c0;
    color: #fff;
}
.profile-vacancy-respond a.mentor{
    border: 1px solid gold;
    color: gold;
}
.profile-vacancy-respond a.mentor:hover{
    background: gold;
    color: white;
}
.profile-vacancy-respond button{
    margin-top: 2vh;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    text-align: center;
    font-size: 12px;
    color: #0070c0;
    text-decoration: none;
    border: 1px solid #0070c0;
    margin-right: 15px;
    transition: .4s ease-in-out;
    cursor: pointer;
    background: none;
}
.profile-vacancy-respond button:hover{
    background: #0070c0;
    color: #fff;
}

.chat-company-info button{
    margin-top: 2vh;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 25px;
    text-align: center;
    font-size: 12px;
    color: #0070c0;
    text-decoration: none;
    border: 1px solid #0070c0;
    margin-right: 15px;
    transition: .4s ease-in-out;
    cursor: pointer;
    background: none;
}
.chat-company-info button:hover{
    background: #0070c0;
    color: #fff;
}
.internship-count{
    border: 1px solid #f3f3f3;
    padding: 15px;
    font-size: 14px;
    font-weight: 300;
    margin-top: 25px;
}
.intern-count{
    display: flex;
    align-items: center;
    margin: 0;
}
.intern-count p{
    margin: 0;
    padding-right: 5px;
}
.intern-count img{
    height: 18px;
    padding-right: 5px;
}
.accordion {
    color: #0070c0;
    text-transform: uppercase;
    cursor: pointer;
    background: #fff;
    border: 1px solid #f3f3f3;
    border-bottom: none;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
}

.accordion.active, .accordion:hover {
    background-color: #f3f3f3;
}

.accordion:after {
    content: '\002B';
    color: #0070c0;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}
.accordion.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel p{
    font-size: 14px;
    line-height: 18px;
}

.contacts .flex{
    display: flex;
}
.contacts .rule-block{
    margin-right: 80px;
}