@charset "UTF-8";
.container-job--offer {max-width: 1360px;}
.c-section__job-offer {float: left;}
.c-section__job-offer--top {background-color: white; box-shadow: 0px 12px 30px #00000029; margin-top: 240px; padding: 60px 50px;}
@media only screen and (max-width: 768px) {
.c-section__job-offer--top {padding: 20px;}}
.c-section__job-offer--top h1 {font-size: 20px; margin: 0; position: relative;}
.c-section__job-offer--top h1:before {content: ''; height: 55px; width: 2px; background-color: #FF4956; display: inline-block; position: absolute; top: 0%; left: -10px;}
.c-section__job-offer--top .post-categories {list-style-type: none; padding: 0; margin: 0;}
.c-section__job-offer--top .date {font-size: 14px; margin-top: 20px;}
.c-section__job-offer--top .date time {position: relative; left: 5px; bottom: 3px;}
.c-section__job-offer--top .localization {margin-bottom: 20px;}
.c-section__job-offer--top .localization img {float: left; margin-right: 10px;}
.c-section__job-offer--top .localization p {font-size: 16px;}
.c-section__job-offer--top strong {float: left;}
@media only screen and (max-width: 768px) {
.c-section__job-offer--top strong {width: 100%;}}
.c-section__job-offer--top .c-button {font-size: 16px; padding: 16px 100px; position: relative; bottom: 16px; left: 20px;}
@media only screen and (max-width: 768px) {
.c-section__job-offer--top .c-button {position: static; margin: 10px 0;}}
.c-section__job-offer--content img {width: 100%;}
.c-section__job-offer--content .text {margin-top: 50px;}
.c-section__job-offer--content .text p {font-size: 20px;}
.c-section__job-offer--content .text ul {padding: 0; padding-left: 10px; list-style-type: none;}
.c-section__job-offer--content .text ul li {font-size: 14px; margin: 5px 0;}
.c-section__job-offer--content .text ul li:before {content: ''; width: 7px; height: 7px; background-color: #C23035; border-radius: 100%; display: inline-block; position: relative; bottom: 3px; right: 5px;}
.c-section__job-offer--action {width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 30px; margin-bottom: 70px;}
@media only screen and (max-width: 768px) {
.c-section__job-offer--action {flex-direction: column-reverse;}}
@media only screen and (max-width: 768px) {
.c-section__job-offer--action .go-back {width: 100%; text-align: center; margin: 20px;}}
.c-section__job-offer--action .go-back span {font-size: 20px; font-weight: 700; position: relative; bottom: 25px; left: 10px;}
.c-section__job-offer--action .c-button {float: none; font-size: 16px; padding: 16px 100px; max-width: 250px; margin-left: 40px;}
@media only screen and (max-width: 768px) {
.c-section__job-offer--action .c-button {margin-left: auto; margin-right: auto;}}
.c-section__job-offer--offers {background-color: #000C2D; float: left; width: 100%; margin-top: 70px; min-height: 257px;}
.c-section__job-offer--offers .item {background-color: white; box-shadow: 0px 12px 30px #00000029; padding: 40px 35px; position: relative; bottom: 40px;}
@media only screen and (max-width: 768px) {
.c-section__job-offer--offers .item {margin-bottom: 40px;}}
.c-section__job-offer--offers .item h3 {font-size: 18px; margin: 0; position: relative;}
.c-section__job-offer--offers .item h3:before {content: ''; height: 55px; width: 2px; background-color: #FF4956; display: inline-block; position: absolute; top: 0%; left: -10px;}
.c-section__job-offer--offers .item .post-categories {list-style-type: none; padding: 0; margin: 0;}
.c-section__job-offer--offers .item .date {font-size: 14px; margin-top: 20px;}
.c-section__job-offer--offers .item .date time {position: relative; left: 5px; bottom: 3px;}
.c-section__job-offer--offers .item .localization {margin-bottom: 20px;}
.c-section__job-offer--offers .item .localization img {float: left; margin-right: 10px;}
.c-section__job-offer--offers .item .localization p {font-size: 16px;}
.c-section__job-offer--offers .item .read-more {position: absolute; bottom: -35px; right: 35px;}
