@charset "UTF-8";

/* Разработка - UNITRA 2019 - Steve Jobs */

/* Общие настройки */
body {
    font-family: sans-serif;
    font-size: 16px;
    min-width: 320px;
    position: relative;
    font-family: 'Gotham Pro', sans-serif;
    overflow-x: hidden;
    margin: 0;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

ul li {
    list-style: none;
}

ul {
    margin: 0;
    padding-left: 0;
}

h1,
h2,
h3 {
    margin: 0;
}

/* Настройки позиций */
*::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}

*:-moz-placeholder {
    color: #666;
    opacity: 1;
}

*::-moz-placeholder {
    color: #666;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Настройки загрузки фото */


.hidden {
    display: none;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1152px;
}
.flex_container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.img_lay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.img_lay.bg::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
}
.img_lay img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	padding: 0;
}
input:not(input[type=checkbox]) {
	display: block;
	height: 51px;
	text-indent: 15px;
}
input[type=checkbox], input[type=radio]  {
	width: 20px;
	height: 20px;
}
.logo img {
    display: block;
    padding: 0;
    opacity: 0; /* начальная прозрачность */
    transition: opacity 0.5s ease; /* плавное появление */
}

.logo img.lazyloaded {
    opacity: 1; /* полная видимость после загрузки */
}

.button {
	font-family: 'Gotham Pro', sans-serif;
	border: none;
	height: 51px;
	background: #F5DD10;
	min-width: 290px;
	cursor: pointer;
}
.button[disabled] {
	cursor: no-drop;
}
.check-block {
	display: flex;
}
.check-block input {
	margin-right: 15px;
}
.check-block label {
	display: flex !important;
}
.check-block a {
	color: #F5DD10;
}
.horisont_form {
	padding: 0 15px;
}
.horisont_form .form-title {
	font-size: 26px;
	margin-bottom: 20px;
	text-align: center;
}
.horisont_form label {
	display: block;
	margin: 15px 0;
}
.horisont_form .check-block  label {
	margin: 0px 0 15px !important;
}
.horisont_form input:not(input[type=checkbox]) {
	width: 100%;
}
.horisont_form  .button {
	width: 100%;
}
.line_form .form-item {
	display: flex;
	gap: 0 15px;
	margin: 15px 0;
	color: #fff;
}
.line_form .check-block {
	color: #fff;
}
.line_form .button {
	min-width: 30%;
}
.error {
	display: none;
	color: red;
}
/* Настройки шапка */

#header {
    position: relative;
}
#header .container {
    position: relative;
	padding-top: 60px;
    padding-bottom: 40px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}


.header_first {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 229px; */
}
.header_two {
	flex-grow: 1;
	display: flex;
	align-items: center;
	gap: 0 30px;
	color: #fff;
}
.header_two-row1 {
	flex-grow: 1;
}
.header_two-row2 {
	min-width: 400px;
}
.logo {
    font-size: 37px;
    font-family: 'Gotham Pro Black', sans-serif;
    color: #fff;
}

.logo a {
    color: #fff;
    text-decoration: none;
	display: block;
	max-width: 200px;
}

.logo span {
    color: #F5DD10;
}

.header_number {
    position: relative;
    font-family: 'Gotham Pro', sans-serif;
    color: #ffb71b;
    font-size: 22px;
    padding-left: 2px;
    font-weight: 700;
}
.header_number a {
	display: block;
	padding: 5px 0;
}
.header_number a:first-child {
	padding-top: 0;
}
.header_number::before {
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    left: -43px;
    top: -5px;
    background: url("../img/header_number.png") no-repeat;
}

.header_two h1 {
    text-transform: uppercase;
    font-family: 'Raleway Black', sans-serif;
    font-size: 62px;
    color: #fff;
    letter-spacing: 5px;
	color: #799f0c;
}

.header_two h1 span {
    color: #F5DD10;
	display: block;
}

.header_three {
    font-size: 24px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    margin-top: 33px;
    letter-spacing: 0.2px;
}
.header_three p {
	margin: 15px 0;
}
.aktsia {
    color: #F5DD10;
    font-weight: bold;
    font-style: italic;
}

/* Настройки Галереи */

.fancybox {
    position: relative;
    cursor: pointer;
    width: 365px;
    height: 240px;
    transition: border 0.3s;
    margin-bottom: 22px;
    border: 8px solid #fff;
}
.material_bl--50pes .fancybox {
	height: auto;
	width: calc(50% - 30px);
}
.fancybox .text {
    text-align: center;
    font-size: 50px;
    font-family: 'Gotham Pro', sans-serif;
    opacity: 0;
    font-weight: 900;
    position: inherit;
    color: #fff;
    top: 35%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;
}

.fancybox {
    outline: none;
}

.fancybox:hover {
    border: 8px solid #F5DD10;
    transition: all 0.4s cubic-bezier(0.65, 0.46, 0.25, 0.2);
}

.fancybox:hover .text {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: background 0.3s;
}

.fancybox:hover .bg {
    background: rgba(0, 0, 0, 0.5);
}

.fancybox:hover .bg {
    background: rgba(0, 0, 0, 0.5);
}


.fancybox img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 0;
}


/* Настройки списков с галочкой */
.list {
    padding-left: 40px;
}

ul.list li {
    position: relative;
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    margin-bottom: 35px;
    line-height: 1.4;
}
.list p {
	margin-bottom: 10px;
}
.list li::before {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
    left: -41px;
	border-radius: 50%;
	border: 1px solid #fff;
    background: transparent;
}
.list li::after {
    content: '';
    position: absolute;
    width: 31px;
    height: 31px;
	top: 4px;
    left: -37px;
	border-radius: 50%;
	background: url("../img/check_01.svg") no-repeat;
	background-size: 25px;
}

/* Блок таблицы с ценами */


.preparation_bl {
    align-items: center;
}

.preparation_text {
    width: 576px;
}


.preparation_text p {
    padding-top: 10px;
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
}

/* Блок контактной формы*/

.professionals {
    background: #1D6BDF;
}
.professionals--white {
	background: #fff;
}

.professionals_text {
    width: 727px;
    margin-top: 10px;
}

.professionals_bl h2 {
    font-size: 32px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    margin-bottom: 28px;
    line-height: 1.2;
    letter-spacing: 0.8px;
}
.professionals--white .professionals_bl h2 {
   color: #000;
}

.professionals_text p {
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
}
.professionals--white .professionals_text p {
	color: #000;
 }
.professionals--white .line_form .check-block {
	color: #000;
 }
.professionals--white .nubmerfon a {
	color: #000;
 }

/* Блок с 2 блоками*/
.natural_bl {
	flex-wrap: nowrap;
}
.natural_bl .icon {
	margin-left: 30px;
	max-width: 538px;
}
.natural_text,
.natural2_text,
.ready_day_text,
.ready_day2_text,
.homeblock1_text,
.blockvydjobstext {
    width: 575px;
    line-height: 1.4;
}
.voprosotvettext {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-right: 0 !important;
	gap: 0 15px;
}
.voprosotvettext .item {
	width: 49%;
}
.natural_text {
	min-width: 575px;
}
.voprosotvettext,
.blockvydjobstext {
    padding-right: 15px;
}


.natural_text p,
.natural2_text p {
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 15px;
}


/* Блок как мы работаем */

.we_work {
    background: #1D6BDF;
}

.we_work_bl.flex_container {
    align-items: baseline;
}


.work_item {
    width: 211px;
    text-align: center;
}

.work_item p {
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: lighter;
    color: #fff;
    font-weight: 700;
    margin-top: 24px;
    line-height: 1.5;
}


/* Блок как мы работаем */

.ready_day {
    background: #1D6BDF;
}

.ready_day2{
    background: #1D6BDF;
}

/* Блок визуализации или основного текста */
.company_text {
    width: auto;
    margin-right: auto;
    margin-left: auto;
}

.company li {
    list-style: disc;
}

.company h3 {
    color: #2a2a2a;
    margin-top: 9px;
    margin-bottom: 9px;
    letter-spacing: 1.5px;
}
.company h4 {
    display: inline-block;
    font-size: 18px;
    color: #2a2a2a;
    font-family: 'Gotham Pro', sans-serif;
    margin-top: 9px;
    margin-bottom: 9px;
    letter-spacing: 1.5px;
}

.company_text p {
    color: #2a2a2a;
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    padding-bottom: 5px;
}

.company_text li {
    color: #656565;
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    margin-bottom: 5px;
}
.contacts .ss_form {
	margin: 15px 0;
	padding: 0;
}
.contacts .horisont_form .form-title {
	text-align: left;
}

/* Подвал */
.footer__link {
	padding: 15px;
	text-align: center;
}
.footer__link a {
	color: #fff;
}
.footer_bl_first {
    background: #1a1a1a;
    padding-top: 40px;
    padding-bottom: 25px;
}

.footer_flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.footer_bl_item {
    margin-right: 60px;
}

.footer_bl_item h3 {
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.footer_bl_item:nth-child(1) {
    color: #bbbbbb;
    width: 260px;
    margin-right: 41px;
}

.footer_bl_list li {
    padding-bottom: 4px;
    padding-left: 22px;
}

.footer_bl_list li a {
    font-family: 'Gotham Pro', sans-serif;
    color: #F5DD10;
    padding-bottom: 6px;
}

.footer_bl_item p {
    font-size: 16px;
    font-family: 'Gotham Pro', sans-serif;
    color: #bbbbbb;
    padding-bottom: 6px;
}

.footer_bl_item:nth-child(2) {
    color: #bbbbbb;
    width: 972px;
}
.footer_bl_item:nth-child(3) {
    color: #bbbbbb;
    width: 486px;
        margin-right: 0;
}


.footer_bl_two {
    padding-top: 17px;
    padding-bottom: 14px;
    background: #1D6BDF;
}
.footer_bl_two .container {
	display: flex;
	justify-content: center;
	gap: 15px 15px;	
	margin-bottom: 15px;
}
.footer_bl_two .container a {
	color: #fff;
}
.footer_bl_two p {
    font-size: 16px;
    color: #fff;
    font-family: 'Gotham Pro', sans-serif;
    text-align: center;
}

/* Разработка стилей STEVE JOBS */

/* Общий  */
.natural, 
.natural2, 
.we_work,
.preparation,
.material,
.ready_day,
.ready_day2,
.homeblock1,
.reviewjobs, 
.pricejobs,
.company,
.blockvydjobs,
.professionals,
.contacts,
.voprosotvet{
    padding-top: 50px;
    padding-bottom: 50px;
}

.voprosotvet h2 {
	width: 100%;
}
/* Блоки с серым цветом  */
.material,
.reviewjobs,
.company,
.voprosotvet{
      background: #f2f2f2;
}


/* H2 центральные STEVE JOBS */

.we_work h2,
.material h2,
.reviewjobs h2,
.pricejobs h2,
.company h2,
.contacts h2 {
font-size: 33px;
color: #2a2a2a;
text-align: center;
font-family: 'Gotham Pro',
sans-serif;
margin-bottom: 50px;
letter-spacing: 2px;
}


/* H2 блоков STEVE JOBS */
.natural h2,
.ready_day h2,
.ready_day2 h2,
.homeblock1 h2,
.blockvydjobs h2,
.voprosotvet h2,
.preparation h2,
.natural2 h2 {
    display: inline-block;
    font-size: 33px;
    color: #2a2a2a;
    font-family: 'Gotham Pro', sans-serif;
    margin-bottom: 15px;
}

.we_work h2,
.ready_day h2,
.ready_day2 h2,
.homeblock1 h2
{
    color:#fff;
}
.ready_day .icon {
	max-width: 40%;
	display: none;
}
.ready_day .ready_day_text {
	width: 100%;
}
.otstup4blockjobs {
    margin-top: 15px;
}
.ready_day2 h2 {
	width: 100%;
}
.ready_day2 .ready_day2_text {
	display: flex;
	flex-wrap: wrap;
	width: 100% !important;
} 
.ready_day2 .list {
	display: flex;
	flex-wrap: wrap;
	gap: 0 45px;
}
.ready_day2 .list li {
	width: calc(50% - 25px);
}
.textjobswhite {
    color: #fff;
    font-family: 'Gotham Pro', sans-serif;
}

.alangjobs {
    font-size: 18px;
    margin-right: 25px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 900;
}

.jobscontactform {
    padding-bottom: 10px;
    text-align: left;
    color: #bbbbbb;
    font-family: 'Gotham Pro', sans-serif;
    font-size: 16px;
    margin-right: 20px;
    margin-top: 15px;
    text-transform: uppercase;
}

.textuljobs {
    margin-left: 35px;
    margin-top: 5px;
    margin-bottom: 5px;
}


.positiontablejobs  .addr {
	min-width: 40%;
	padding: 0 15px;
}
.positiontablejobs  .map {
	min-width: 60%;
	padding: 0 15px;
	height: 300px;
}
.positiontablejobs  .map iframe {
	width: 100%;
	height: 100%;
}
.urlfooterjobs {
    font-size: 16px;
	color: #fff;
    font-family: 'Gotham Pro', sans-serif;
    text-align: center;
    text-decoration: none;
}



/* Настройки контакт формы*/
#pop {
    width: 500px;
    text-align: center;
    font-size: 15px;
    font-family: 'Gotham Pro Black', sans-serif;
}

#form1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

#form1 input,
#form1 button {
    width: 240px;
    height: 51px;
    margin-bottom: 16px;
    padding-left: 21px;
    font-size: 15px;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 300;
    outline: none;
}

#form1 button {
    text-transform: uppercase;
    font-family: 'Gotham Pro', sans-serif;
    background: #F5DD10;
    color: #000;
    border: 0;
    cursor: pointer;
    transition: background 0.3s;
    padding: 0;
    margin-bottom: 17px;
        margin-left: 10px;
}

#form1 input:focus {
    border: 1px solid #ec6c0e;
}

#form1 button:hover {
    background: #ec6c0e;
}


/* Настройки блоков с ценами */
.pricejobs {
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    color: #333333;
}
.pricejobs .container {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.pricejobs h2 {
	width: 100%;
}
.pricejobsblock {
    position: relative;
	width: calc(100% / 3 - 10px);
	min-width: calc(100% / 3 - 10px);
    min-height: 1px;
	background: #1D6BDF;
    border: 1px solid #ECF4FF;
    padding: 30px;
    border-radius: 35px;
}

.pricejobsfon_img {
	margin-bottom: 10px;
	height: 210px;
	width: 100%;
}
.pricejobsfon_img img {
	display: block;
	padding: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pricejobsname {
    font-size: 20px;
    letter-spacing: 0.02em;
    font-weight: 600;
    color: #fff;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
}

.pricejobsinfo {
    margin-top: 5px;
}

.pricejobs p {
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    font-weight: 300;
    font-size: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #fff;
}

.pricejobs h4 {
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
}



/* Настройки отзывов */
.reviewjobsblock {
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 10px;
}

.reviewjobs {
    display: inline-block;
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    color: #333333;
}

.stars {
    position: relative;
    float: left;
    display: inline-block;
    line-height: 12px;
}

.stars:before {
    content: '';
    background-image: url("../img/star.svg");
    width: 16px;
    display: inline-block;
    background-size: contain;
    height: 16px;
}

.stack {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
}

.star_group {
    float: right;
    padding-top: 5px;
}

.reviewjobsfon {
    background: #fff;
    border: 1px solid #ECF4FF;
    padding: 30px;
    min-height: 380px;
}

.reviewjobsname {
    font-size: 20px;
    letter-spacing: 0.02em;
    font-weight: 600;
    color: #455A64;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
}

.reviewjobsinfo {
    margin-top: 16px;
}

.reviewjobsdata {
    float: right;
    font-size: 14px;
    letter-spacing: 0.02em;
    font-weight: 600;
    color: #455A64;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    padding-left: 10px;
    padding-bottom: 3px;
}

.reviewjobs p {
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    font-weight: 300;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.reviewjobs h4 {
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
}



/* Настройки перелинковки на главной */
.linkhome {
    padding-left: 150px;
}
.linkhomesection {
    width: 50%;
}
#uljobs li {
  list-style: none;
  padding: 5px;
}
#uljobs a{
    font-family: 'Gotham Pro', sans-serif;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
    color: #2a2a2a;
}
#uljobs a:hover {
   color: #F5DD10;
   text-decoration:none;
}
#uljobs li:before{
    font-size: 20px;
    content: "◉";
    color: #F5DD10;
    padding-right: 8px;
}

/* Настройки перелинковки на странице услуг */

.linkposlygi {
    padding-left: 60px;
}

.linkposlygisection {
    width: 33%;
    display: inline-grid;
    padding-left: 60px;
}
.linkposlygiblock {
    padding-bottom: 15px;
}
.linkposlygiblock span2:before {
    font-size: 20px;
    content: "◉";
    color: #F5DD10;
    padding-right: 8px;
}
.linkposlygiblock span2 {
    font-size: 22px;
    color: #2a2a2a;
    font-family: 'Gotham Pro', sans-serif;
    font-weight: 700;
    cursor: pointer;
}

.linkposlygiblock li {
    padding: 5px;
    display: block;
    text-align: left;
}

.linkposlygiblock a {
    font-family: 'Gotham Pro', sans-serif;
    font-size: 20px;
    text-decoration: none;
    font-weight: 700;
    color: #2a2a2a;

}

.linkposlygiblock a:before {
    font-size: 15px;
    content: "◉";
    color: #1b9efb;
    padding: 5px;
}

.linkposlygiblock a:hover {
    color: #F5DD10;
    text-decoration: none;
}



/* Блоки на домашней странице */

.nubmerfon a{
position: relative;
    font-family: 'Gotham Pro', sans-serif;
    color: #fff;
    font-size: 32px;
    padding-left: 2px;
    font-weight: 700;
}
.nubmerfon a {
	display: block;
	padding: 5px 0;
}
.nubmerfon {
    margin-top: 0px;
}



/* Блоки робочих */

.markjobs {
    background: #fff;
    margin-bottom: 50px;
    border-radius: 2px;
    display: inline-block;
    margin: 15px;
    width: 30%;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.12);
}


.markjobs img {
    max-width: 100%;
    padding-top: 0px;
}

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


.markjobscontent {
    padding: 15px 20px;
}

.markjobs-grid .markjobscontent {
    padding: 15px 20px;
}

.markjobsprice {
    font-size: 15px;
}

.markjobsmeta p {
    font-size: 16px;
    color: #aaa;
}

.markjobs p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.markjobsopys p {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #585858;

}

.markjobphone {
    margin: 10px 0px;
    line-height: 1.3;
}

.markjobsopys span {
    color: #ffbc00;
    font-size: 16px;
    font-weight: 600;
}

.markjobsprice span {
    color: #d54b4f;
    font-size: 15px;
    font-weight: 600;
    height: 17px;
}


.markjobphone a {
    color: #333;
    text-decoration: none;
    margin-left: 25px;
}

.markjobphone a:hover {
    color: #F5DD10;
}

.markjobphone a:before {
    content: '';
    background-image: url(https://cdn.icon-icons.com/icons2/494/PNG/512/phone-handset_icon-icons.com_48252.png);
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
}

.markjobs ul {
    padding-left: 15px;
    padding-bottom: 10px;
}

.markjobs li {
    font-size: 14px;
    color: #3a3a3a;
    list-style: disc;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.6;
    font-weight: 400;
}

.markjobs p {
    font-weight: 500;
    font-size: 15px;
}

.markjobs li:hover {
    color: #F5DD10;
}

.markjobsstar {
    padding-bottom: 3px;
}

.markjobsname p {
    font-size: 16px;
    color: #585858;
    font-weight: 600;
}