.hideme {
    opacity: 0;
}

.bg-gradient {
    background: rgb(253, 226, 53);
    background: linear-gradient(180deg, rgba(253, 226, 53, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.bg-gradient-reverse {
    background: rgb(253, 226, 53);
    background: linear-gradient(0deg, rgba(253, 226, 53, 1) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.bg-gradient-reverse-grey {
    background: rgb(253, 226, 53);
    background: linear-gradient(0deg, rgba(253, 226, 53, 1) 0%, rgba(243, 243, 243, 1) 35%) !important;
}

/*h1.title {
    font-family: Tiempos Headline Semibold!important;
    font-size: 75px!important;
}
h2 {
    font-family: Tiempos Headline Semibold!important;
    font-size: 45px!important;
}
h3 {
    font-family: Brandon Text Bold!important;
    font-size: 27px!important;
}
h4 {
    font-family: Tiempos Headline Semibold!important;
    font-size: 27px!important;
}
p {
    font-family: Brandon Text Reg!important;
    font-size: 27px!important;
}
p.small {
    font-family: Brandon Text Reg!important;
    font-size: 25px!important;
}
label {
    font-family: Brandon Text Reg!important;
    font-size: 27px!important;
}*/

.input-form input[type="submit"], .input-form input[type="reset"], .input-form input[type="button"], .btn-black, body div#mp-pusher div ul li span.btn, body div#mp-pusher div ul li input.btn {
    border: 1px solid black !important;
    border-radius: 25px !important;
    background-size: 210%;
    transition: 0.2s ease-out;
}

.input-form input[type="submit"], .input-form input[type="reset"], .input-form input[type="button"] {
    border: 1px solid #000000;
    border-radius: 25px;
}

#mp-pusher > div.full-width.bg-white.spacer-top.latest-opportunities > div > form > div.Filter-part > div.two.columns.black-white.button-part > input {
    background-color: #fdda00;
    color: black;
}

#mp-pusher > div.full-width.bg-white.spacer-top.latest-opportunities > div > form > div.Filter-part > div.two.columns.black-white.button-part > input:hover {
    background-color: black;
    color: white;
}

div.recent-projects a.btn.btn-yellow.btn-full {
    /*background: linear-gradient(to left, #fdda00 50%, #000000 50%) right;*/
    color: black;
    background-color: #fdda00;
    background-size: 210%;
    transition: 0.2s ease-out;
    border: 0;
}

a.btn.btn-black.btn-sign-bottom, input.btn.btn-blue.info-users {
    background: linear-gradient(to left, #000000 50%, #fdda00 50%) right;
    background-size: 210%;
    transition: 0.2s ease-out;
    border: 1px solid #000000;
}

/*span#insights, a.btn.btn-black {*/
/*	border: 1px solid #000000!important;*/
/*}*/

div#mp-pusher div.GraduateJobs-part a.btn.btn-black, div#mp-pusher div.HireGraduate-part a.btn.btn-black {
    border: 1px solid #000000;
    border-radius: 25px;
}

.input-form input[type="submit"]:hover, .input-form input[type="reset"]:hover, .input-form input[type="button"]:hover, .btn-black:hover, body div#mp-pusher div ul li span.btn:hover, body div#mp-pusher div ul li input.btn:hover {
    background-position: left !important;
    border: 1px solid black;
}

/*.input-form input[type="submit"]:hover, .input-form input[type="reset"]:hover, .input-form input[type="button"]:hover {*/
/*	border: 1px solid #000000!important;*/
/*}*/

div.recent-projects a.btn.btn-yellow.btn-full:hover {
    background-position: left !important;
    color: white;
    background-color: black;
}

a.btn.btn-black.btn-sign-bottom:hover, input.btn.btn-blue.info-users:hover {
    border: 0 !important;
}

div#mp-pusher div.GraduateJobs-part a.btn.btn-black:hover, div#mp-pusher div.HireGraduate-part a.btn.btn-black:hover {
    border: 0 !important;
}

/* MENU */

header {
    padding: 0;
    height: auto;
    background: white !important;
    box-shadow: 0 0 0 transparent;
}

header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    box-shadow: 2px 2px 2px #00000047;
}

h4 {
    font-size: 14px;
}

.quick-nav {
    width: 90%;
    margin-left: 3.5%;
    padding: 1%;
    background: white;
}

.quick-nav .container12.logo-banner {
    width: 20% !important;
    margin-top: 0.5% !important;
    float: left;
}

.header.sticky .quick-nav .container12.logo-banner {
    margin-bottom: 0;
}

.quick-nav .container12.logo-banner .five.columns {
    width: 100%;
    padding: 0;
}

.quick-nav .container12.logo-banner .five.columns a.logo {
    margin: 0;
}

.quick-nav .container12.logo-banner .five.columns a.logo img {
    width: 100%;
}

ul.menu-account {
    width: 99%;
    margin: 0.9% 0;
}

div.menu-slide {
    position: absolute;
    top: 30%;
    right: -3%;
    height: 33px;
    width: 33px;
    float: left;
    font-size: 21px;
    z-index: 1002;
    cursor: pointer;
}

div.menu-slide span, div.menu-slide span:before, div.menu-slide span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 25px;
    background: black;
    position: absolute;
    display: block;
    content: '';
}

div.menu-slide span#center {
    top: 40%;
    transition: 0.2s;
}

div.menu-slide span:before {
    top: -9px;
}

div.menu-slide span:after {
    bottom: -9px;
}

div.TopMenu-open span#center, div.TopMenu-open span:before, div.TopMenu-open span:after {
    background: white;
}

div.TopMenu-open span#center {
    transform: rotate(45deg);
    top: 10px;
}

div.TopMenu-open span:before {
    transform: rotate(0deg);
    top: 0;
}

div.TopMenu-open span:after {
    transform: rotate(90deg);
    top: 0;
}

div#new-menu-slide {
    background: black;
    color: white;
    width: 100%;
    height: 100%;
    z-index: 1001;
    position: fixed;
    left: 0;
    top: -100%;
    visibility: hidden;
    transition: 0.2s;
}

div#new-menu-slide.top-open {
    top: 0;
    visibility: visible;
}

div#new-menu {
    width: 100%;
    height: 100%;
}

nav#new-mp-menu-js {
    width: 100%;
    height: 100%;
}

nav#new-mp-menu-js ul {
    position: absolute;
    width: 440px;
    height: 100%;
    top: 147px;
    left: 180px;
    margin: 0;
}

nav#new-mp-menu-js ul li {
    width: 100%;
}

nav#new-mp-menu-js ul li a, nav#new-mp-menu-js ul li label {
    color: white;
    font-family: Tiempos Headline;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    text-transform: capitalize;
}

nav#new-mp-menu-js ul li h2 {
    display: none;
}

nav#new-mp-menu-js ul li:hover a {
    color: #edcc00;
}

nav#new-mp-menu-js ul li:hover ul.submenu-slide {
    visibility: visible;
    left: 100%;
}

nav#new-mp-menu-js ul li ul.submenu-slide {
    visibility: hidden;
    position: absolute;
    width: 416px;
    height: 100%;
    top: 7px;
    left: 50%;
    margin: 0;
    transition: 0.2s;
}

nav#new-mp-menu-js ul li:hover ul.submenu-slide a:hover {
    color: #edcc00;
}

nav#new-mp-menu-js ul li:hover ul.submenu-slide a {
    color: white;
}

nav#new-mp-menu-js ul li ul.submenu-slide a {
    font-family: BrandonText;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: black;
}

span.menu-peak, span#trigger {
    display: none;
}

/* HOMEPAGE */

/* BODY */

.full-width {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding-top: 20px;
}

.full-width .container12 {
    width: 100%;
}

.full-width .container12 .ten.columns {
    width: 80%;
    padding: 0;
    margin-left: 10%;
}

.full-width .container12 .ten.columns h1.title {
    font-weight: 600 !important;
    font-family: Tiempos Headline !important;
    text-align: center;
    color: #000000;
}

.full-width.bg-grey {
    margin: 0;
    padding-top: 25%;
    text-align: center;
    padding-bottom: 2%;
}

.bg-trusted-by {
    width: 16.666666666666667%;
    padding: 2% 3%;
    float: left;
}

.bg-trusted-by.trusted-by-3 {
    padding-top: 5.5%;
}

.bg-trusted-by.trusted-by-4 {
    padding-top: 4%;
}

.bg-trusted-by.trusted-by-5 {
    padding-top: 4%;
}

/*.bg-trusted-by.trusted-by-6 {
    padding-top: 3.5%;
}*/

div.LocalJobs {
    float: left;
    width: 100%;
    margin: 0;
    z-index: 9;
    padding: 40px 0 35px;
    position: relative;
}

div.LocalJobs div {
    float: left;
    width: 100%;
}

div.LocalJobs a.links {
    text-align: center;
    width: 15%;
    margin: 0 0 0 42.5%;
    float: left;
    display: inline;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1px;
    transition: 0.2s;
}

/*a.links.london {
    font-weight: 600;
    cursor: default;
}*/

div.LocalJobs a.links:hover {
    transform: scale(1.05);
}

a.location_comma:last-child {
    display: none;
}

.full-width.spacer-bottom-100 {
    padding-bottom: 0;
    margin: 0;
}

.container12.input-form.spacer-sml-top form {
    float: left;
    width: 100%;
}

.container12 .Filter-part {
    float: left;
    width: 80%;
    margin-left: 10%;
    padding-bottom: 100px;
}

.container12 .four.columns.location-part {
    width: 25%;
}

.container12 .four.columns.industry-part {
    width: 40%;
}

.container12 .two.columns.black-white.button-part {
    width: 100%;
}

.container12 .Hire-part {
    float: left;
    width: 90%;
    margin-left: 5%;
    /*margin-top: 8%;*/
}

.container12 .Hire-part .four.columns {
    /*background: white;*/
    /*box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);*/
    border-radius: 2px;
    position: relative;
    z-index: 9;
}

.container12 .Hire-part .four.columns.GraduateJobs-part {
    width: 49%;
}

.container12 .Hire-part .four.columns.HireGraduate-part {
    width: 49%;
    margin-left: 2%;
}

.container12 .Hire-part .four.columns h2 {
    font-family: BrandonText;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #000000;
    padding: 12% 0 4% 0;
}

.container12 .Hire-part .four.columns div {
    font-family: Tiempos Headline Test;
    font-size: 40px;
    font-weight: 600;
    line-height: 65px;
    text-align: center;
    color: #000000;
    padding: 0 6% 10%;
}


.container12 .Hire-part .four.columns a.btn.btn-black.btn-full {
    float: left;
    width: 41%;
    background: #FDDA00;
    background-size: 210%;
    border-radius: 2px;
    border: 0;
    margin: 0 0 12% 30%;
    font-family: Brandon Text;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.15em;
    color: #000000;
    transition: 0.2s ease-out;
}

.container12 .Hire-part .four.columns a.btn.btn-black.btn-full:hover {
    color: white;
    background-color: black;
    background-position: left;
}

.full-width.bg-grey.spacer-top {
    padding-top: 25%;
    padding-bottom: 10%;
}

.spacer-top {
    margin-top: 0;
    margin-bottom: 0;
    /*padding-top: 8%;*/
    padding-bottom: 4%;
}

.full-width.spacer-top .container12 {
    width: 80%;
    margin-left: 10%;
}

.full-width.spacer-top .container12 .eight.columns {
    width: 100%;
    margin-bottom: 5%;
}

.full-width.spacer-top .container12 .eight.columns h4 {
    margin-bottom: 0;
}

.full-width.spacer-top .container12 .ten.columns.top-section {
    width: 100%;
    margin-left: 0;
}

div.full-width.spacer-top.latest-opportunities .two.columns {
    width: 20% !important;

}

div.full-width.spacer-top.latest-opportunities .two.columns .btn.btn-yellow.btn-full {
    margin: 0;
    border: 1px solid #000000;
    border-radius: 25px;
    color: black;
    background-color: #FDDA00;
    background-size: 210%;
    transition: 0.2s ease-out;
}

div.full-width.spacer-top.latest-opportunities .two.columns .btn.btn-yellow.btn-full:hover {
    background-position: left;
    color: white;
    background-color: black;
}

#mp-pusher > div.full-width.bg-white.spacer-top.latest-opportunities > div > form > div.two.columns {
    margin-top: 5%;
    margin-left: 40%;
}

#mp-pusher > div.full-width.bg-white.spacer.posts-latest > div > p {
    text-align: center;
    font-size: 25px;
    padding-top: 20px;
    padding-bottom: 80px;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc {
    text-align: left;
    width: 45%;
    padding-left: 0;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
    text-align: left;
    padding-left: 0;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save {
    position: absolute;
    right: 12%;
    text-align: right;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: 0.15em;
    height: auto;
    top: 25%;
    padding: 2px 3%;
    font-family: BrandonText;
    background-color: #F0F0F0;
    color: black;
    border: 1px solid #000000;
    background-size: 200%;
    transition: 0.2s ease-out;
    list-style-type: none;
    border-radius: 25px;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save:hover {
    background-position: left;
    color: white;
    background-color: black;
    text-decoration: none;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save span.shortlist {
    text-decoration: none;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
    height: auto !important;
    top: 25% !important;
    padding: 2px 3% !important;
    font-family: BrandonText;
    letter-spacing: 0.15em;
    line-height: 40px;
    background-color: #fdda00;
    color: black;
    background-size: 210%;
    transition: 0.2s ease-out;
    font-weight: 500;
    border-radius: 25px;
    border: 1px solid #000000;
}

div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view:hover {
    background-position: left;
    color: #FFFFFF;
    background-color: black;
    text-decoration: none;
}

/*.full-width.spacer-top .container12 .two.columns {
	width: 100%;
	margin-top: 6%;
}
.full-width.spacer-top .container12 .two.columns a.btn.btn-black.btn-full {
	width: 20%;
	background: #FDDA00;
	border-radius: 2px;
	font-family: Brandon Text;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	letter-spacing: 0.15em;
	color: #000000;
	border: 0;
	padding: 13px!important;
	transition: 0.2s;
}
.full-width.spacer-top .container12 .two.columns a.btn.btn-black.btn-full:hover {
	color: #FFFFFF;
	background: #000000!important;
}

.full-width.spacer-top.JobsBySector {
    margin: 5% 0 12% 0;
}
.full-width.spacer-top.JobsBySector .industry-shortcut {*/

/*border-bottom: 1px solid black;*/

/*border-bottom: 0;
    transition: 0.2s;
}
.full-width.spacer-top.JobsBySector .industry-shortcut:hover {
    transform: scale(1.05);
}*/

/*.full-width.bg-black.spacer-top.another {
    background: black;
    margin: 0;
    padding: 40px 0 0 0;
}
.full-width.bg-black.spacer-top.another p.lrg {
    color: white;
}
.full-width.bg-black.spacer-top.another .grey-bg {
	height: 100%;
	background: transparent;
}
.full-width.bg-black.spacer-bottom {
    background: black;
}
.full-width.bg-black.spacer-bottom .container12 .five.columns {
    width: 100%;
}
.full-width.bg-black.spacer-bottom a.btn.btn-black {
    width: 20%;
    margin-right: 2%;
    border: 0;
    background: #FDDA00;
    color: black;
    transition: 0.2s;
}
.full-width.bg-black.spacer-bottom a.btn.btn-black:hover {
	color: #000000;
	background: #FFFFFF!important;
}
.full-width.bg-black.spacer-bottom a.btn.btn-black.sign-up {
	margin-left: 28%;
}*/

div.full-width.bg-black.recent-projects {
    background: black;
    margin: 0;
    padding: 8% 0;
}

div.recent-projects div.ten.columns h4 {
    text-align: center;
}

div.recent-projects .ten.columns h4 a {
    font-family: BrandonText;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.1em;
    color: white;
}

div.recent-projects .five.columns.projects-preview {
    width: 31.3333333333333%;
    margin: 1%;
    float: left;
    height: 300px;
    overflow: hidden;
    padding: 0;
    position: relative;
    background-size: 135% !important;
    background-repeat: no-repeat !important;
}

div.recent-projects .five.columns.projects-preview div {
    float: left;
    width: 100%;
    height: inherit;
    /*background: #00000078;*/
}

/*div.recent-projects .five.columns.projects-preview img {
    width: fit-content;
    margin: 0;
    display: block;
}*/

div.recent-projects .five.columns.projects-preview .med.project-title {
    color: white;
    font-family: BrandonText;
    letter-spacing: 0.1em;
    font-size: 16px;
    position: absolute;
    top: 15%;
    left: 0;
    width: 100%;
}

div.recent-projects .five.columns.projects-preview .project-description {
    position: absolute;
    width: 100%;
    top: 30%;
    left: 0;
    font-family: Tiempos Headline Test;
    font-size: 28px;
    font-weight: 600;
    padding: 0 9%;
}

div.recent-projects .five.columns.projects-preview .btn.btn-yellow.btn-full {
    width: 25%;
    font-size: 12px;
    margin: 0;
    padding: 2% 1% !important;
    position: absolute;
    left: 37.5%;
    bottom: 10%;
    border-radius: 25px;
}

.projectText {
    float: left;
    width: 100%;
    padding: 0 15%;
    margin-bottom: 5%;
}

.projectText p {
    font-family: Tiempos Headline Test;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    color: white;
    margin-bottom: 0;
}

.see-all.see-all-projects {
    float: left;
    width: 100%;
    margin-top: 5%;
}

.see-all.see-all-projects span {
    border-bottom: 1px solid white;
    cursor: pointer;
}

.see-all.see-all-projects a {
    color: white;
    font-weight: 500;
    font-family: BrandonText;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.1em;
}

.full-width.spacer.BBblog {
    background: white;
    margin: 0;
    padding: 8% 0;
}

.full-width.spacer.BBblog .container12 .ten.columns, .full-width.bg-grey.spacer.trusted-by .container12 .ten.columns, div.recent-projects .ten.columns {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0
}

.full-width.spacer.BBblog .container12 .ten.columns h4 a {
    font-family: BrandonText;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #000000;
}

.LatestNews {
    float: left;
    width: 100%;
    padding: 0 15%;
    margin-bottom: 5%;
}

.LatestNews p {
    font-family: Tiempos Headline Test;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}

.full-width.spacer.BBblog .container12 .five.columns.blog-preview {
    width: 45%;
    margin-left: 3%;
    padding-left: 2%;
    padding-right: 2%;
}

div.interact {
    background-color: #000000;
    color: #FFFFFF;
}

div.interact .full-width.spacer {
    padding: 8% 0;
}

.bg-candidate div#mp-pusher.mp-pusher.mp-bb .four.columns.content-black.offset-by-two.insights p.lrg {
    font-size: 35px;
}

.four.columns.content-black.offset-by-two.insights {
    width: 100%;
    margin: 0;
}

.four.columns.content-black.offset-by-two.insights p.lrg {
    margin-bottom: 2%;
    font-family: Tiempos Headline Test;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

.four.columns.content-black.offset-by-two.insights p.insights-text {
    padding: 0 12%;
    margin-bottom: 2%;
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    color: #000000;
}

.four.columns.content-black.offset-by-two.insights .input-form {
    padding: 0 21%;
}

span#insights {
    font-family: BrandonText;
    font-size: 14px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.15em;
    color: black;
    background-color: white;
    transition: .2s ease-out;
    border-radius: 25px;
    border: 1px solid white;
}

span#insights:hover {
    background-position: left;
    color: white;
    background-color: black;
    border-color: white;
    border-radius: 25px;
}

/*  FOOTER */

footer {
    padding: 10% 0;
}

footer .container12.logo-banner {
    margin-top: 6%;
}

footer .container12 .three.columns {
    width: 16%;
}

footer .container12 .three.columns.social {
    float: right;
}

footer div.three.columns p {
    font-family: BrandonText;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    margin-bottom: 15%;
}

footer div.three.columns nav ul li {
    margin-bottom: 2%;
}

footer div.three.columns nav ul li a {
    font-family: BrandonText;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 34px;
    color: #9e9e9e;
    transition: 0.2s;
}

footer div.three.columns nav ul li a:hover {
    color: #FFFFFF
}

p.TermsPrivacy {
    width: 100%;
    float: left;
    color: #FFFFFF;
    margin-top: 12%;
}

p.TermsPrivacy a.icon.icon-display:first-child:after {
    content: ' |';
    color: white;
}

/* PROJECTS PAGE */

body.bg-projects #mp-pusher {
    background: black;
}

body.bg-projects .full-width.bg-black {
    float: left;
    width: 100%;
    margin-top: 0;
}

body.bg-projects .full-width.bg-black .container12 {
    width: 58%;
    margin: 0 auto;
    padding: 8% 0 0 0;
}

body.bg-projects h1.title {
    /*color: white;*/
    font-family: Tiempos Headline !important;
    font-weight: 600 !important;
    font-size: 60px !important;
    line-height: 60px !important;
    margin-bottom: 8% !important;
}

body.bg-projects p.introductory-paragraph {
    margin-bottom: 12%;
    font-size: 20px;
    line-height: 30px;
    font-family: BrandonText;
}

body.bg-projects .full-width.bg-black div.recent-projects {
    float: left;
    width: 95%;
    margin-left: 2.5%;
    padding: 0 0 10%;
}

body.bg-projects .full-width.bg-black div.recent-projects .five.columns.projects-preview {
    width: 31.3333333333333%;
    margin: 1%;
    padding: 0;
    background-size: 135% !important;
    background-repeat: no-repeat !important;
}

body.bg-projects .full-width.bg-black div.recent-projects .five.columns.projects-preview div {
    float: left;
    width: 100%;
    height: inherit;
    /*background: #fffad9;*/
    background: #00000078;
    border: 2px solid black;
    border-radius: 25px;
}

/* PROJECT PAGE */

div#mp-pusher.project-details {
    background-color: black;
}

div#mp-pusher.project-details div.bg-black {
    margin: 8% 0;
}

div#mp-pusher.project-details div.bg-black div.container12 div.ten.columns {
    width: 100%;
}

div#mp-pusher.project-details div h4 {
    font-family: BrandonText;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.1em;
    color: white;
}

div#mp-pusher.project-details div h1 {
    color: white;
    font-family: Tiempos Headline !important;
    font-weight: 600 !important;
    font-size: 60px !important;
    line-height: 60px !important;
}

div#mp-pusher.project-details div label {
    font-weight: 600;
}

div#mp-pusher.project-details div p {
    margin-bottom: 0;
}

div#mp-pusher.project-details div.bg-white {
    background: white;
    float: left;
    width: 100%;
}

div#mp-pusher.project-details div.bg-white div.project-body {
    float: left;
    width: 100%;
    margin: 0 0 10%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages {
    float: left;
    width: 50%;
    margin-left: 25%;
    text-align: center;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages div {
    float: left;
    width: 50%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages div h1 {
    color: black;
    margin: 0 0 5%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages div h4 {
    margin: 0;
    color: black;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-image {
    float: left;
    width: 80%;
    margin: 5% 10%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-image img {
    float: left;
    width: 100%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-info {
    float: left;
    width: 60%;
    margin-left: 20%;
    border-bottom: 1px solid black;
    padding-bottom: 3%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-info div {
    float: left;
    width: 45%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-info div.project-services {
    margin-left: 10%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-info div p {
    margin-bottom: 0;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-description {
    float: left;
    width: 60%;
    margin-top: 3%;
    margin-bottom: 3%;
    margin-left: 20%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-challenge {
    float: left;
    width: 60%;
    margin-left: 20%;
}

div#mp-pusher.project-details div.bg-white div.project-body div.project-challenge img {
    width: 100%;
    margin: 5% 0 0;
}

div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project {
    float: left;
    width: 100%;
    padding: 4% 0;
    background-color: #f0f0f0;
}

div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a.previous {
    float: left;
    width: auto;
    margin: 0 0 0 10%;
}

div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a.next {
    float: right;
    width: auto;
    margin: 0 10% 0 0;
}

div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a h4, div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a h1 {
    text-align: left;
    color: black;
}

div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a h4 {
    margin-bottom: 2%;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
}

div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a h1 {
    margin: 0;
    text-transform: capitalize;
    font-size: 38px !important;
}

/* REGISTER PAGE */

div#mp-pusher.mp-pusher.register {
    /*background-color: white !important;*/
}

div#mp-pusher.mp-pusher.register .full-width {
    padding-top: 5%;
    padding-bottom: 10%;
    text-align: center;
}

div#mp-pusher.mp-pusher.register .full-width.spacer {
    background: white;
}

div#mp-pusher.mp-pusher.register p.sign-up-title.lrg.no-mrg {
    font-family: Tiempos Headline;
    font-size: 65px;
    font-weight: 600;
    line-height: 75px;
    text-align: center;
    color: #000000;
}

div#mp-pusher.mp-pusher.register p.sign-up-p {
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    color: #000000;
}

div.register h4.steps {
    font-family: Tiempos Headline;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
    color: #000000;
    margin-bottom: 40px;
}

div.register .full-width .container12 .ten.columns {
    width: 70%;
    margin-left: 15%;
}

div.register div.slider {
    /*background: #fdda00;*/
    padding: 20px 5px 20px 20px !important;
}

div.register div.slider li {
    width: 48.5%;
    margin: 0 12px 10px 0;
}

div.register div.slider div.skillsAndexperience-section.tags-section ul li {
    margin: 0 11px 10px 0;
}

/*div.register div.slider li:nth-child(2n) {
	margin-right: 0;
}*/

.register input[type="text"], .register input.password {
    border: 1px solid black !important;
    border-radius: 25px !important;
    text-align: left;
}

.register input[type="text"]:focus, .register input.password:focus {
    border: 1px solid black !important;
    border-radius: 25px !important;
    text-align: left;
}

li.qualification_level {
    margin-right: 0 !important;
}

div.slider ul.current-slide li select, div.slider ul.current-slide li input.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    border: 1px solid black !important;
    border-radius: 25px !important;
}

div.slider ul.current-slide label.container, div.slider ul.current-slide .new-list.tag-list {
    background: white;
}

li.buttons-sign-in {
    margin-right: 0;
    padding-right: 12px;
}

div.register span.submit {
    display: block;
    margin-top: 4%;
    margin-bottom: 0;
}

div.register .btn.btn-yellow.slide-back-btn {
    margin-right: 1%;
}

div.register .btn-yellow {
    padding: 1% 2% !important;
    margin-right: 0;
    background-color: #fdda00;
    color: #000000;
    border: 0;
    font-family: BrandonText !important;
    line-height: 19px !important;
    letter-spacing: 0.15em;
    transition: 0.2s;
}

div.register .btn-yellow:hover {
    background: #FFFFFF;
    color: #000000;
    border: 0;
}

div#mp-pusher.mp-pusher.register div.interact {
    display: none;
}

/* LOGIN PAGE */

body.login-page div.mp-pusher {
    background-color: white;
}

body.login-page .full-width.spacer {
    /*margin: 5%;*/
    padding: 5%;
    background-color: white;
}

form#login label {
    float: left;
    margin-bottom: 1%;
}

body.login-page input.btn.btn-blue {
    float: right;
    margin-top: 2%;
    margin-right: 0;
    /*transition: 0.2s;*/
}

body.login-page input.btn.btn-blue:hover {
    /*background: #FFFFFF;
    color: #000000;*/
}

body.login-page .reset-link {
    float: left;
    width: 50%;
    margin-top: 0;
    text-align: left;
}

body.login-page .container12.input-form.contact-us {
    padding: 0 20%;
}

body.login-page .full-width .container12 .ten.columns {
    width: 100%;
    margin-left: 0;
}

body.login-page .full-width .container12 .ten.columns p.lrg.no-mrg {
    font-family: Tiempos Headline;
    font-size: 65px;
    font-weight: 600;
    line-height: 75px;
    text-align: center;
    color: #000000;
}

body.login-page .full-width .container12 .ten.columns.login-form {
    /*background: #FDDA00;*/
    padding: 8% 10%;
}

body.login-page .full-width .container12 .ten.columns.login-form input {
    border: 1px solid black !important;
}

body.login-page .full-width .container12 .ten.columns.login-form input:focus {
    border: 1px solid black !important;
}

/* LISTINGS */

div.listings-by-industry header, div.listings-new-theme header {
    background-color: #ffffff;
}

div.listings-by-industry div.container12 form div.two.columns, div.listings-new-theme div.container12 form div.two.columns {
    width: 18%;
    padding: 0;
    margin-left: 0;
}

div.six.columns p.med.job-count {
    font-family: Tiempos Headline;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    font-weight: 600;
}

div.mp-pusher.listings-by-industry .full-width {
    padding: 8% 10%;
}

div.listings-new-theme div.container12.jobs-search-top.input-form {
    width: 60%;
    margin: auto;
}

div.listings-new-theme div.container12.jobs-search.input-form .ten.columns {
    padding: 0;
    /*width: 100%;*/
    text-align: center;
}

div.listings-new-theme form#listing-form {
    float: left;
    width: 100%;
}

div.listings-new-theme form .container12.jobs-search .four.columns, div.listings-new-theme form .container12.jobs-search .two.columns {
    padding-left: 0;
}

div.mp-pusher.listings-by-industry .full-width .container12.jobs-search.input-form {
    float: left;
    padding: 0;
    width: 100%;
}

div.mp-pusher.listings-by-industry .full-width .ten.columns {
    text-align: left;
    margin-bottom: 5%;
    padding: 0;
    float: left;
    width: 100%;
}

div.mp-pusher.listings-by-industry .full-width h1.med.form-title {
    margin-bottom: 0 !important;
    font-weight: 600 !important;
    font-family: Tiempos Headline !important;
    font-size: 40px !important;
    line-height: 75px !important;
    text-align: center;
    color: #000000;
}

div.mp-pusher.listings-new-theme .full-width h1.med.form-title {
    margin-bottom: 0 !important;
    font-weight: 600 !important;
    font-family: Tiempos Headline !important;
    font-size: 65px !important;
    line-height: 75px !important;
    text-align: center;
    color: #000000;
}

div.mp-pusher.listings-new-theme .full-width {
    padding-top: 5%;
}

div.mp-pusher.listings-new-theme form .full-width {
    /*padding-bottom: 5%;*/
}

div.mp-pusher.listings-by-industry form#listing-form .full-width {
    padding: 0 10% 5%;
}

div.mp-pusher.listings-by-industry form.second-listing-form, div.listings-new-theme form.second-listing-form {
    display: none;
}

div.listings-by-industry div.container12 form#listing-form div.four.columns {
    padding-left: 0;
}

div.listings-new-theme form#listing-form div.four.columns {
    width: 40%;
}

div.listings-by-industry form#listing-form .container12.jobs-search div.columns, div.listings-new-theme form#listing-form .container12.jobs-search div.six.columns {
    width: 80%;
    text-align: left;
    margin-left: 10%;
    padding: 0;
}

div.listings-by-industry .container12.jobs-search .eight.columns, div.listings-new-theme .container12.jobs-search .eight.columns {
    display: none;
}

div.listings-by-industry form#listing-form .container12.jobs-search div.two.columns {
    width: 24%;
}

div.listings-new-theme form#listing-form .container12.jobs-search div.two.columns {
    width: 20%;
}

div.listings-by-industry .container12.jobs-search div.two.columns input[type="submit"], div.listings-new-theme .container12.jobs-search div.two.columns input[type="submit"] {
    width: 100%;
}

div.listings-by-industry form#listing-form .full-width, div.listings-new-theme form#listing-form .full-width {
    /*background: transparent;*/
    /*margin: 5% 0 3%;*/
}

div.listings-by-industry div.full-width, div.listings-new-theme div.full-width {
    /*margin: 0 0 15% 0;*/
    background: transparent;
}

div.listings-by-industry .full-width.jobs-list, div.listings-new-theme .full-width.jobs-list {
    margin-bottom: 8%;
    float: left;
    width: 100%;
}

div.listings-by-industry .full-width.spacer, div.listings-new-theme .full-width.spacer {
    display: none;
}

div.listings-new-theme .full-width.spacer.jobs-navigation {
    display: initial !important;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 5%;
    text-align: right;
}

div#inspiration {
    display: initial !important;
    float: left;
    width: 100%;
    background: #F0F0F0;
    text-align: center;
    padding: 5%;
}

div#inspiration h3 {
    font-family: Tiempos Headline !important;
    font-size: 35px !important;
    line-height: 45px !important;
    text-align: center !important;
    color: #000000 !important;
}

div#inspiration p, div#inspiration p a {
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    color: #000000;
}

div#inspiration div {
    padding: 0 20%;
}

div#inspiration div img {
    width: 100%;
}

/* JOB DETAILS */

div.mp-pusher.new-theme-job-details form.second-listing-form {
    display: initial;
}

div.mp-pusher.new-theme-job-details form#listing-form .full-width {
    padding: 0;
}

div.mp-pusher.new-theme-job-details form#listing-form .full-width .container12.jobs-search.jobs-search-footer.input-form {
    width: 70%;
    padding: 8% 0%;
}

div.mp-pusher.new-theme-job-details form.second-listing-form .container12 .four.columns {
    width: 40%;
    padding-left: 0;
}

div.mp-pusher.new-theme-job-details form.second-listing-form .container12 .two.columns {
    width: 20%;
    padding: 0;
}

div.mp-pusher.new-theme-job-details form.second-listing-form .container12 .two.columns input[type="submit"] {
    width: 100%;
}

div.mp-pusher.new-theme-job-details .full-width.bg-job {
    margin-top: 8%;
}

div.mp-pusher.new-theme-job-details .container12 {
    position: relative;
    width: 70%;
    margin-bottom: 5%;
}

div.mp-pusher.new-theme-job-details .container12 .ten.columns {
    margin-bottom: 1%;
}

div.mp-pusher.new-theme-job-details .container12 .three.columns {
    margin-bottom: 4%;
}

div.mp-pusher.new-theme-job-details .container12 .ten.columns, div.mp-pusher.new-theme-job-details .container12 .three.columns, div.mp-pusher.new-theme-job-details .container12 .seven.columns {
    width: 100%;
    padding: 0;
}

div.three.columns.job-description-details {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

div.company-description {
    float: left;
}

li.title {
    float: left;
    width: 50%;
}

li.title label {
    font-weight: 600;
}

li.description {
    width: 50%;
    float: left;
}

div.mp-pusher.new-theme-job-details div.company-description h1.med {
    font-family: Tiempos Headline !important;
    font-size: 50px !important;
    line-height: 45px !important;
    margin-bottom: 5% !important;
    color: #000000;
}

div.mp-pusher.new-theme-job-details div.company-description p.job-description-one-liner.sml {
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
    color: #000000;
}

div.company-buttons {
    float: right;
    width: 50%;
    list-style-type: none;
}

div.company-buttons li {
    float: right;
    width: 25%;
}

div.ten.columns div.company-buttons span {
    float: left;
    cursor: pointer;
    text-decoration: none;
    width: auto;
}

div.ten.columns div.company-buttons span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15em;
    padding: 10% 26%;
    background-color: #F0F0F0;
    transition: 0.2s;
    border: 1px solid black !important;
    border-radius: 25px !important;
}

div.ten.columns div.company-buttons span:hover {
    background-color: #000000;
    border: 0;
    color: #FFFFFF;
    text-decoration: none;
}

div.ten.columns div.company-buttons span.apply-for-job.md-trigger {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15em;
    padding: 10% 26%;
    background-color: #fdda00;
    border: 0;
    transition: 0.2s;
}

div.ten.columns div.company-buttons span.apply-for-job.md-trigger:hover {
    background-color: #000000;
    border: 0;
    color: #FFFFFF;
    text-decoration: none;
}

div.seven.columns div.company-buttons span {
    float: left;
    cursor: pointer;
    text-decoration: none;
    width: auto;
}

div.seven.columns div.company-buttons span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15em;
    padding: 10% 26%;
    background-color: #F0F0F0;
    transition: 0.2s;
    border: 1px solid black !important;
    border-radius: 25px !important;
}

div.seven.columns div.company-buttons span:hover {
    background-color: #000000;
    border: 0;
    color: #FFFFFF;
    text-decoration: none;
}

div.seven.columns div.company-buttons span.apply-for-job.md-trigger {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.15em;
    padding: 10% 26%;
    background-color: #fdda00;
    transition: 0.2s;
    border: 1px solid black !important;
    border-radius: 25px !important;
}

div.seven.columns div.company-buttons span.apply-for-job.md-trigger:hover {
    background-color: #000000;
    border: 0;
    color: #FFFFFF;
    text-decoration: none;
}

ul.job-description-list {
    margin: 3% 0 !important;
}

ul.job-description-list li {
    margin: 1% 0;
}

ul.job-description-list li label {
    font-weight: 600;
    float: left;
    width: 35%;
}

div.job-description .back-btn .back-icn {
    display: none !important;
}

/* CANDIDATES */

body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width {
    padding: 5% 0;
}

body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer.BBblog {
    background: white;
}

body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container {
    background-color: #fdda00;
}

/* EMPLOYERS */

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width {
    padding: 5% 0;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width div.container12 div.eight.columns {
    width: 95%;
    margin-left: 2.5%;
    text-align: center;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width div.container12 div.eight.columns p.med {
    font-family: BrandonText;
    width: 84%;
    margin-left: 8%;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.ten.columns.get-started {
    width: 100%;
    margin-top: 5%;
    text-align: center;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.ten.columns.get-started a.btn.btn-black {
    width: 18%;
    padding: 1% 0 !important;
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.15em;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started {
    padding: 0;
    margin: 10% 0;
    background: white;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started p.lrg.no-mrg {
    font-family: Tiempos Headline Test;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started a.btn.btn-black {
    width: 14%;
    padding: 1% 0 !important;
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.15em;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started a.btn.btn-black:hover {
    border: 1px solid black;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container {
    background-color: #fdda00;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-black.spacer.recent-projects {
    margin-top: 0;
}

body.bg-employers div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-black.spacer.recent-projects h4 {
    text-align: center;
    margin-bottom: 5%;
}

/* APPLY CONFIRM */

div.apply-confirm {
    background: #fddb00;
}

/* MY ACCOUNT */

div#mp-pusher.mp-pusher.mp-bb p.lrg {
    font-family: Tiempos Headline;
    font-style: normal;
    font-weight: 600;
    font-size: 65px;
    line-height: 75px;
    text-align: center;
    color: #000000;
}

div#mp-pusher.mp-pusher.mp-bb p.lrg.no-mrg {
    font-weight: 600;
    font-size: 35px;
    line-height: 45px;
}

div#mp-pusher.mp-pusher.mp-bb div.full-width {
    margin: 0;
    padding: 5% 0 0 0;
}

div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-search {
    padding: 2% 0 2% 0;
}

div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer-sml, div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer {
    background: transparent;
}

div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer-sml {
    margin: 2% 0;
    padding: 0;
}

div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer {
    padding: 0;
    margin-bottom: 10%;
}

div.full-width.spacer-info.info-tags {
    background: transparent;
}

div#mp-pusher.mp-pusher.mp-bb li, div#mp-pusher.mp-pusher.mp-bb label, div#mp-pusher.mp-pusher.mp-bb h4 {
    text-align: left;
}

div#mp-pusher.mp-pusher.mp-bb h4, div#mp-pusher.mp-pusher.mp-bb form#user_edit ul.user_fields {
    width: 80%;
    margin-left: 10%;
}

div#mp-pusher.mp-pusher.mp-bb span.submit {
    float: left;
}

/* BASKET */

body.bg-saved-jobs div#mp-pusher.mp-pusher.mp-bb div.full-width {
    background: transparent;
}

body.bg-saved-jobs div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer-bottom {
    margin: 0;
    padding: 2% 0 10% 0;
}

body.bg-saved-jobs div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc {
    text-align: justify;
    width: 65%;
}

body.bg-saved-jobs div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
    padding: 20px;
    width: 20%;
}

/* Section Landing */

body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width p.lrg.lrg-title {
    margin-bottom: 4%;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width {
    padding: 10% 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width p.lrg.lrg-title {
    margin-bottom: 4%;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing a.btn.btn-black {
    width: 20%;
    transition: 0.2s;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width a.btn.btn-black:hover {
    background-color: #ffffff !important;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.how-it-works {
    margin-top: 5%;
    padding: 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.how-it-works div.full-width {
    background: white;
    color: #000000;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.how-it-works div.full-width span.title {
    width: 100%;
    font-family: Tiempos Headline;
    font-weight: 600;
    font-size: 35px;
    line-height: 45px;
    text-align: center;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.how-it-works div.full-width span.med {
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    color: #000000;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer {
    background-color: white;
    padding: 10% 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer a.btn.btn-black:hover {
    background-color: #fdda00;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer .container12 .five.columns {
    width: 100%;
    text-align: center;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer.BBblog {
    padding: 8% 0;
    background: #E5E5E5;
    margin: 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container {
    background: #E5E5E5;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer.BBblog div.container12 div.ten.columns h4 {
    text-align: center;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer.BBblog div.LatestNews h2 p {
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer.BBblog .blog-preview img {
    width: 100%;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer.BBblog a.med.blog-title {
    width: 100%;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div.nine.columns.offset-by-one, div.full-width.spacer-top.testimonials-container div.nine.columns.offset-by-one {
    text-align: center;
    margin-bottom: 2% !important;
    width: 100%;
    padding: 0;
    margin: 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div.bx-wrapper, div.full-width.spacer-top.testimonials-container div.bx-wrapper {
    margin-bottom: 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div.bx-wrapper div.bx-viewport, div.full-width.spacer-top.testimonials-container div.bx-wrapper div.bx-viewport {
    height: 350px !important;
    margin-bottom: 3%;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div.bx-wrapper div.bx-pager, div.full-width.spacer-top.testimonials-container div.bx-wrapper div.bx-pager {
    position: initial;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div.nine.columns.offset-by-one p, div.full-width.spacer-top.testimonials-container div.nine.columns.offset-by-one p {
    font-family: BrandonText !important;
    text-transform: uppercase;
    font-size: 14px !important;
    line-height: 27px !important;
    text-align: center;
    letter-spacing: 0.1em;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div span.description, div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div span.description p, div.full-width.spacer-top.testimonials-container div div ul li div span.description, div.full-width.spacer-top.testimonials-container div div ul li div span.description p {
    width: 100%;
    font-family: Tiempos Headline Test;
    font-size: 35px;
    font-weight: 600;
    font-style: normal;
    line-height: 45px;
    text-align: center;
    /*padding: 0 15%;*/
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div span.author, div.full-width.spacer-top.testimonials-container div div ul li div span.author {
    text-align: center;
    margin: 3% 0 0 0 !important;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div.one.columns, div.full-width.spacer-top.testimonials-container div div ul li div.one.columns {
    width: 0;
    padding: 0;
}

div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div.nine.columns, div.full-width.spacer-top.testimonials-container div div ul li div.nine.columns {
    width: 100%;
}

/* ABOUT */

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb {
    background: white !important;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width {
    padding: 10% 0 25%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.container12 {
    width: 100%;
    margin: 0;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.container12 div.ten.columns {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    padding: 0;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.container12 div.ten.columns p.lrg.lrg-title {
    margin: 0;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image-top.spacer-top, body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer {
    background: white;
    margin: 0;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image-top.spacer-top {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 6%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image-top.spacer-top div.container12 div.ten.columns {
    margin-top: -20%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer div.container12 div.five.columns {
    width: 100%;
    padding: 0;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer div.container12 div.five.columns p.med {
    width: 60%;
    margin-left: 20%;
    font-family: Tiempos Headline;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer div.container12 div.five.columns.two-paragraphs {
    margin: 5% 0 8%;
    padding: 0 10%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_ {
    float: left;
    width: 49%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_.para_two_one {
    margin-right: 2%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_ img {
    margin-bottom: 10%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb h4 {
    width: 100%;
    text-align: center;
    margin: 0 0 10% 0;
    font-family: Tiempos Headline;
    font-size: 35px;
    line-height: 45px;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_ h4 {
    margin: 0 0 5% 0;
}

/*body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.join-team div.ten.columns.top-section h4 {
    width: 100%;
    text-align: center;
    margin: 0 0 10% 0;
    font-family: Tiempos Headline;
    font-size: 35px;
    line-height: 45px;
}*/

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_ p {
    margin: 0 6% 5%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 {
    padding: 0 15%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns, body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns.offset-by-one {
    padding: 0;
    margin: 0;
    width: 50%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns p.lrg {
    margin-top: 0;
    font-family: Tiempos Headline;
    font-size: 35px;
    line-height: 45px;
    color: #FDDA00;
    text-align: left;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns p.med {
    margin: 0;
    color: white;
    font-family: Tiempos Headline;
    font-size: 35px;
    line-height: 45px;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns.offset-by-one {
    width: auto;
    margin-left: 12.5%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.join-team {
    background: #E5E5E5;
    padding: 8% 25% 10%;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.join-team div.ten.columns.top-section {
    width: 100%;
    margin: 0;
    text-align: justify;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.join-team div.ten.columns.top-section p {
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.BBblog {
    padding: 8% 0;
}

body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.BBblog h4 {
    font-family: 'BrandonText';
    line-height: 27px;
    margin: 0 0 10px 0;
}

/* CONTACT HEADLINE */

div.mp-pusher.mp-bb.mp-contact-headline div.full-width div.container12 {
    padding: 0 0 20% 0;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width div.container12 .eight.columns {
    width: 100%;
    text-align: center;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width div.container12 .eight.columns p.lrg {
    margin: 0;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey {
    padding: 0;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 .Hire-part {
    margin-top: -20%;
    padding-top: 0;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 div.contact-details {
    float: left;
    width: 100%;
    margin: 5% 0;
    font-family: Tiempos Headline;
    font-size: 35px;
    font-weight: 600;
    line-height: 45px;
    text-align: center;
    color: #000000;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 div.contact-details p, div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 div.contact-details a {
    font-family: Tiempos Headline;
    font-style: normal;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #000000;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 div.contact-details p.contact-map {
    font-family: BrandonText;
    font-size: 14px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 0.1em;
    color: #000000;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 div.contact-details div.contact-address {
    margin: 1% 0;
}

div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 div.contact-details div.contact-address p {
    font-family: BrandonText;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
    color: #000000;
    margin: 0;
}

/* CONTACT */

div.contact-page-top {
    margin-top: 10%;
    text-align: center;
}

div.contact-page-top h4 {
    margin-bottom: 4%;
    font-family: Tiempos Headline;
    font-size: 65px;
    line-height: 75px;
    text-align: center;
    color: #000000;
}

div.contact-page-top p {
    font-family: BrandonText;
    font-size: 17px;
    line-height: 27px;
    text-align: center;
    color: #000000;
    padding: 0 28%;
    margin-bottom: 0;
}

div.container12.input-form.spacer.contact-us {
    width: 100%;
    margin: 0 0 10% 0;
    padding: 0 20%;
}

div.container12.input-form.spacer.contact-us form {
    float: left;
    width: 100%;
    /*background-color: #F0F0F0;*/
    padding: 5% 4%;
    position: relative;
    z-index: 999;
}

div.container12.input-form.spacer.contact-us form div.five.columns {
    width: 50%;
}

div.container12.input-form.spacer.contact-us form div.five.columns input, div.container12.input-form.spacer.contact-us form div.five.columns textarea {
    border: 1px solid black !important;
}

div.container12.input-form.spacer.contact-us form div.g-recaptcha {
    padding: 0 1.5%;
    float: right !important;
    margin-left: 0 !important;
}

div.container12.input-form.spacer.contact-us form div.g-recaptcha div {
    float: right;
}

div.container12.input-form.spacer.contact-us form span.offset-by-eight {
    float: right;
}

div.image-contact {
    position: absolute;
    bottom: -15%;
    left: 2%;
    width: auto;
}

div.image-contact svg {
    width: 100%;
}

/* RESET PASSWORD */

body.reset-pages div.mp-pusher.mp-bb {
    background-color: white;
}

body.reset-pages div.mp-pusher.mp-bb div.full-width.spacer {
    margin: 10% 0 !important;
}

body.reset-pages div.mp-pusher.mp-bb div.contact-us {
    width: 70%;
    margin-left: 15%;
}

body.reset-pages div.mp-pusher.mp-bb div.contact-us div.ten.columns {
    margin: 0;
    width: 100%;
}

body.reset-pages div.mp-pusher.mp-bb div.contact-us div.ten.columns section.container.pad {
    width: 100%;
    text-align: left;
}

body.reset-pages div.mp-pusher.mp-bb div.contact-us input[type="submit"] {
    margin-top: 2%;
}

/* ACTIVATE PROFILE */

section.mp-activate-pages div.container12.input-form {
    position: relative;
    width: 75%;
    margin: 10% 0 10% 15%;
    padding: 0;
}

section.mp-activate-pages div.container12.input-form div.ten.columns, section.mp-activate-pages div.container12.input-form div.eight.columns {
    width: 100%;
}

section.mp-activate-pages div.container12.input-form div.ten.columns p {
    text-align: center;
    font-weight: 600;
}

section.mp-activate-pages div.container12.input-form div.eight.columns div.info {
    text-align: center;
    margin-bottom: 5%;
}

/* PRIVACY AND TERMS */

div.mp-pusher.mp-bb.mp-privacy-terms div.full-width.spacer-bottom {
    padding: 10% 0;
}

div.mp-pusher.mp-bb.mp-privacy-terms div.container12.spacer-bottom {
    width: 100%;
    margin: 0;
    padding: 0;
}

div.mp-pusher.mp-bb.mp-privacy-terms div.container12.spacer-bottom div.eight.columns.top-section.offset-by-two {
    width: 80%;
    margin-left: 10%;
    padding: 0;
}

div.mp-pusher.mp-bb.mp-privacy-terms span.title {
    width: 100%;
    margin-bottom: 5%;
    text-align: center;
}

div.mp-pusher.mp-bb.mp-privacy-terms span.title h3 {
    font-family: Tiempos Headline !important;
    font-size: 65px !important;
    font-weight: 600 !important;
    line-height: 75px !important;
}

/* 404 PAGE */

body.bg-404 div.full-width.spacer-bottom {
    padding: 10% 0;
}


/* Other screens */

@media screen and (max-width: 1024px) {
    /* MENU */
    div.menu-slide {
        top: 25%;
        right: -5%;
    }

    nav#new-mp-menu-js ul {
        width: 80%;
    }

    nav#new-mp-menu-js ul li ul.submenu-slide {
        left: 40%;
    }

    nav#new-mp-menu-js ul li:hover ul.submenu-slide {
        left: 50%;
    }

    /* LOGO */
    .quick-nav .container12.logo-banner {
        margin: 0.9% 0 !important;
        width: 25% !important;
    }

    /* Homepage */
    .container12 .Hire-part .four.columns div {
        font-family: Tiempos Headline Test;
    }

    div.LocalJobs a.links {
        text-align: center;
        width: 20%;
        margin: 0 0 0 40%;
    }

    div.container12 div.four.columns.location-part {
        padding-left: 0;
    }

    div.container12 div.two.columns.black-white.button-part {
        padding-right: 0;
    }

    div.container12.input-form.spacer-sml-top {
        width: 80%;
        margin-left: 10%;
    }

    div.container12 div.Hire-part {
        width: 100%;
        margin-left: 0;
    }

    div.full-width.spacer-top.latest-opportunities div.two.columns {
        padding: 0;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc, div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
        width: 34.5%;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save, div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        width: 15%;
        float: left;
        position: initial !important;
        margin-top: 25px;
        margin-right: 1%;
        margin-bottom: 1%;
        text-align: center !important;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        margin-right: 10px;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.location_comma {
        width: auto;
    }

    div.full-width.bg-black.recent-projects div.container12 {
        width: 95%;
        margin-left: 2.5%;
    }

    div.recent-projects .five.columns.projects-preview {
        background-size: cover !important;
        background-position: center !important;
    }

    div#mp-pusher.mp-pusher div.full-width.spacer.posts-latest div.container12 {
        width: 95%;
        margin-left: 2.5%;
    }

    /* JOB DETAILS */
    div.listings-by-industry form#listing-form .container12.jobs-search div.columns, div.listings-new-theme form#listing-form .container12.jobs-search div.six.columns {
        width: 80%;
        margin-left: 10%;
    }

    div.mp-pusher.new-theme-job-details form#listing-form .full-width .container12.jobs-search.jobs-search-footer.input-form {
        width: 80%;
        margin-left: 10%;
    }

    div.mp-pusher.new-theme-job-details .container12 {
        width: 80%;
        margin-left: 10%;
    }

    div#inspiration div {
        padding: 0 5%;
    }

    /* MY APPLICATIONS */
    /* PROFILE */
    div#mp-pusher.mp-pusher.mp-bb h4 {
        width: 80%;
        margin-left: 10%;
    }

    div#mp-pusher.mp-pusher.mp-bb form#user_edit ul.user_fields, .full-width .container12 .ten.columns.all-my-tags {
        width: 100%;
        margin-left: 0;
    }

    .full-width .container12 .ten.columns {
        width: 80%;
        margin-left: 10%;
    }

    /* SIGN IN */
    div.register div.slider li {
        width: 48%;
    }

    div#mp-pusher div.register div.slider .sorting_list li label {
        font-size: 15px;
    }

    li.buttons-sign-in {
        width: 98% !important;
        margin: 5% 0 0 0 !important;
    }

    li.buttons-sign-in.slide-one-button {
        width: 99% !important;
    }

    li.buttons-sign-in.slide-two-button {
        width: 100% !important;
    }

    label.container.checkboxSelected {
        background: black !important;
    }

    li.Qualification.Level {
        margin-right: 0;
    }

    .future_jobs-section.tags-section {
        margin-top: 5%;
    }

    .slider div.new-list.tag-list.jobs-tag-list.salary-tags-list, .slider div.new-list.tag-list.jobs-tag-list.kind_of_jobs-tags-list {
        width: 98% !important;
        margin-right: 0;
    }

    div.register div.slider div.skillsAndexperience-section.tags-section li {
        width: 100%;
    }

    div.register div.slider li.hdyhabb {
        width: 48%;
    }

    div.register div.slider li.iatbbtac {
        width: auto;
        float: right;
    }

    /* CANDIDATES */
    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing a.btn.btn-black {
        width: 25%;
    }

    .how-it-works .offset-2, .how-it-works .offset-4 {
        float: right;
        margin-left: 0;
    }

    .how-it-works .inner {
        padding: 0;
    }

    /* ABOUT US */
    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image-top.spacer-top {
        width: 90%;
        margin-left: 5%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image-top.spacer-top div.container12 div.ten.columns {
        width: 100%;
        margin-left: 0;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 {
        padding: 0 10%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer div.container12 div.five.columns.two-paragraphs {
        width: 90%;
        margin: 5% 5% 8%;
        padding: 0;
    }

    /* Contact US */
    div.mp-pusher.mp-bb.mp-contact-headline div.full-width div.container12 .eight.columns {
        width: 80%;
        margin-left: 10%;
        padding: 0;
    }

    .container12.contact-us form span.contact-button.two.columns.offset-by-eight {
        width: 30%;
    }

    /* Projects */
    body.bg-projects .full-width.bg-black div.recent-projects .five.columns.projects-preview {
        background-size: cover !important;
        background-position: center !important;
    }

    /* Footer */
    footer {
        padding: 5% 0;
    }

    body.bg-candidate footer {
        padding: 8% 0 5%;
    }

    body.bg-employers footer, body.bg-projects footer {
        padding: 10% 0;
    }

    footer .container12.logo-banner {
        margin-top: 0;
    }

    footer .container12 .three.columns {
        width: 30%;
        padding: 0 5% 5%;
    }

    footer .container12 .three.columns.social {
        float: left;
    }

    p.TermsPrivacy {
        margin-top: 0;
        padding: 0 5%;
    }
}

@media screen and (max-width: 768px) {
    .title-howitworks {
        font-size: 30px;
        line-height: 30px;
    }

    .pGrid {
        margin: 0 0 45px 0;
    }

    .divGrid {
        font-size: 20px !important;
    }

    .numberGrid {
        font-size: 30px;
        padding: 20px 0 0 10px;
    }

    #listing-form > div.full-width.bg-yellow > div > div.three.columns.industry-part {
        width: 100% !important;
    }

    #listing-form > div.full-width.bg-yellow > div > div.three.columns.location-part {
        width: 100% !important;
    }

    #listing-form > div.full-width.bg-yellow > div > div.three.columns.black-white.button-part {
        width: 100% !important;
    }

    div.listings-new-theme div.container12.jobs-search-top.input-form {
        width: 75%;
    }

    #mp-pusher > div.popular_courses > div > div.row.justify-content-center > div > div > h2 {
        font-size: 15px;
    }

    /* MENU */
    /*	div#showTopMenu.TopMenu-open {
        position: fixed;
        top: 3.5%;
    }*/
    nav#new-mp-menu-js ul {
        left: 10%;
        top: 25%;
    }

    nav#new-mp-menu-js ul li:hover ul.submenu-slide {
        left: 50%;
    }

    /* LOGO */
    /* REGISTER */
    div.register div.slider li {
        width: 100%;
    }

    /* HOMEPAGE */
    div.LocalJobs a.links {
        width: 50%;
        margin: 0 0 0 25%;
    }

    .container12 .Hire-part .four.columns a.btn.btn-black.btn-full {
        margin: 0 0 12% 30%;
        width: 40%;
    }

    .full-width.spacer-top .container12 {
        width: 90%;
        margin-left: 5%;
    }

    .container12 .Hire-part .four.columns div {
        font-size: 30px;
        line-height: 32px;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save {
        right: 15%;
        /*padding: 2% 3%;*/
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        /*padding: 2% 3% !important;*/
    }

    div.full-width.spacer-top.latest-opportunities div.two.columns {
        width: 25% !important;
        margin-left: 37.5%;
    }

    .full-width.spacer-top .container12 .two.columns a.btn.btn-black.btn-full {
        width: 35%;
    }

    .full-width.bg-grey.spacer-bottom a.btn.btn-black.sign-up {
        margin-left: 24%;
    }

    .full-width.bg-grey.spacer-bottom a.btn.btn-black {
        width: 25%;
    }

    div.recent-projects .five.columns.projects-preview {
        height: 250px;
    }

    div.recent-projects .five.columns.projects-preview .med.project-title {
        font-size: 14px;
    }

    div.recent-projects .five.columns.projects-preview .project-description {
        font-size: 20px;
    }

    div.recent-projects .five.columns.projects-preview .btn.btn-yellow.btn-full {
        width: 35%;
        font-size: 10px;
        left: 32.5%;
    }

    /* CANDIDATES */
    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing a.btn.btn-black {
        width: 30%;
    }

    .how-it-works .five {
        width: 100% !important;
        padding-right: 5%;
        padding-left: 5%;
    }

    /* EMPLOYERS */
    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started a.btn.btn-black {
        width: 20%;
    }

    /* ABOUT US */
    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 {
        padding: 0 5%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns.offset-by-one {
        margin-left: 5%;
    }

    /* MY APPLICATIONS */
    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc, div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
        width: 49.5%;
        padding-right: 0;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc {
        margin-right: 1%;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save, div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        width: 25%;
        margin-top: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb div.full-width div.container12 div.ten.columns a.btn {
        width: 45%;
    }

    /* PROFILE */
    div#mp-pusher.mp-pusher.mp-bb div.new-list.tag-list.jobs-tag-list.salary-tags-list, div#mp-pusher.mp-pusher.mp-bb div.new-list.tag-list.jobs-tag-list.kind_of_jobs-tags-list {
        width: 100%;
    }

    div#mp-pusher.mp-pusher.mp-bb div.new-list.tag-list.jobs-tag-list.kind_of_jobs-tags-list .sorting_list li {
        width: 49%;
        margin-right: 2%;
    }

    div#mp-pusher.mp-pusher.mp-bb div.new-list.tag-list.jobs-tag-list.kind_of_jobs-tags-list .sorting_list li:nth-child(even) {
        margin-right: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb div.new-list.tag-list.experience-tag-list {
        padding: 0.2em 1.5%;
    }

    div.new-list.tag-list.experience-tag-list ul.sorting_list.experience-list li {
        width: 100%;
        margin-right: 0;
    }

    /* JOB DETAILS */
    div.company-description {
        width: 50%;
    }
}

.btn-illustrations {
    width: 50%;
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    .btn-illustrations {
        width: 70%;
    }

    div.register .btn-yellow {
        padding: 5% 5% !important;
    }

    #mp-pusher > div.full-width.bg-white.spacer-top.latest-opportunities > div > form > div.two.columns {
        margin-top: 20px;
        margin-left: 0;
    }

    /* MENU */
    div#new-menu-slide {
        overflow-x: hidden;
    }

    div.quick-nav {
        display: inline-flex !important;
    }

    .quick-nav {
        width: 100%;
        margin-left: 0;
        padding: 5% 1%;
    }

    header .menu-account {
        display: none;
    }

    div.menu-slide {
        top: 38%;
        right: 3%;
    }

    .quick-nav .container12.logo-banner .five.columns a.logo {
        float: left;
    }

    div.menu-slide span#center, div.menu-slide span:before, div.menu-slide span:after {
        width: 100%;
    }

    .quick-nav .container12.logo-banner {
        margin: 0 0 0 2% !important;
        width: 40% !important;
    }

    nav#new-mp-menu-js ul li a {
        color: white;
        font-size: 25px;
    }

    nav#new-mp-menu-js ul li ul#submenu-slide-mobile {
        width: 100%;
        position: absolute;
        background: black;
        left: 120%;
        top: 0;
        transition: 0.2s;
    }

    nav#new-mp-menu-js ul li ul#submenu-slide-mobile.is-visible {
        left: 0
    }

    div#close-submenu {
        font-family: Tiempos Headline;
        font-weight: 600;
        color: #edcc00;
        width: 15%;
        margin-bottom: 5%;
    }

    nav#new-mp-menu-js ul li:hover ul#submenu-slide-mobile.is-visible a:hover {
        color: #edcc00;
    }

    nav#new-mp-menu-js ul li:hover ul#submenu-slide-mobile.is-visible a {
        color: white;
    }

    nav#new-mp-menu-js ul li ul#submenu-slide-mobile a {
        font-family: BrandonText;
        font-size: 14px;
        line-height: 34px;
    }

    li.icon.Employers, li.last {
        width: 3% !important;
    }

    /* HOMEPAGE */
    .full-width .container12 .ten.columns h1.title {
        font-size: 34px !important;
    }

    .full-width .container12 {
        width: 100%;
        margin: 0;
    }

    div.container12 div.four.columns.location-part, div.container12 div.four.columns.industry-part, div.container12 div.two.columns.black-white.button-part {
        padding: 0;
    }

    .container12 .four.columns.location-part, .container12 .four.columns.industry-part, .container12 .two.columns.black-white.button-part, .container12 .two.columns.black-white.button-part input.btn-full, .container12 .Hire-part .four.columns.GraduateJobs-part, .container12 .Hire-part .four.columns.HireGraduate-part {
        width: 100%;
        margin: 5% 0;
    }

    #mp-pusher > div.full-width.bg-yellow.spacer > div > div > a {
        margin: 5% 0;
    }

    .container12 .Hire-part .four.columns.HireGraduate-part {
        margin-left: 0;
        margin-top: 5%;
    }

    .container12 .Hire-part .four.columns a.btn.btn-black.btn-full {
        margin: 0 0 12% 0;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .full-width.bg-grey.spacer.trusted-by .container12.input-form.spacer-sml-top {
        width: 100%;
        margin-left: 0;
    }

    div.full-width.spacer-top.latest-opportunities div.two.columns {
        width: 30% !important;
        margin-left: 35%;
    }

    div.full-width.spacer-top.latest-opportunities .listSection .perspective .item {
        margin-top: 5%;
    }

    div.recent-projects .five.columns.projects-preview {
        height: 200px;
    }

    .projectText p {
        font-size: 24px;
        line-height: 32px;
    }

    .full-width.bg-grey.spacer-bottom a.btn.btn-black {
        width: 50%;
        margin-left: 25% !important;
        margin-right: 0;
    }

    .whatsapp {
        display: none;
        text-align: center;
        background-color: #e4e4e4;
    }

    div.interact {
        background-position: -10% 105%;
    }

    .interact .btn {
        width: 100%;
    }

    footer {
        padding: 10% 0;
    }

    footer .container12 .three.columns {
        width: 50%;
        padding: 0 5% 10%;
    }

    footer .container12 .three.columns.social {
        float: left;
        width: 100%;
        text-align: center;
    }

    footer div.three.columns p {
        margin-bottom: 0%;
    }

    footer p {
        font-size: 17px;
    }

    footer a {
        font-size: 17px;
    }

    p.TermsPrivacy {
        text-align: center;
    }

    /* GRADUATE JOBS */
    div.mp-pusher.listings-new-theme .full-width h1.med.form-title {
        font-size: 50px !important;
    }

    div.listings-new-theme form#listing-form div.four.columns {
        width: 100%;
        padding-right: 0;
    }

    div.listings-new-theme form#listing-form .container12.jobs-search div.two.columns {
        width: 100%;
        padding-right: 0;
    }

    div.listings-by-industry .full-width.jobs-list, div.listings-new-theme .full-width.jobs-list {
        margin-bottom: 20%;
    }

    .listSection {
        margin-top: 5%;
        border-top: 0;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item {
        margin-top: 32px;
        padding-top: 32px;
        border-top: 1px solid #9e9e9e;
        border-bottom: 0;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc, div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
        width: 100%;
        text-align: left;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc {
        padding: 0;
    }

    /*	div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
        margin-left: 4%;
    }*/
    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save, div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        /*padding: 4% !important;*/
        float: right;
    }

    div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-save {
        position: relative;
        float: right;
        right: 0;
        text-align: center;
    }

    .listSection .perspective .item .job-view {
        margin-left: 1%;
    }

    div#inspiration {
        padding: 10% 5%;
    }

    div#inspiration div {
        padding: 0 0%;
    }

    /* SECTORS */
    div.mp-pusher.listings-by-industry .full-width .container12.jobs-search.input-form {
        margin: 0;
    }

    div.listings-by-industry div.container12 form#listing-form div.four.columns {
        padding-right: 0;
    }

    div.listings-by-industry div.container12 form div.two.columns, div.listings-new-theme div.container12 form div.two.columns {
        width: 100%;
    }

    /* CANDIDATES */
    body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width {
        padding: 56px 0 96px;
    }

    body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width .container12 {
        width: 90%;
        margin: 0 5%;
    }

    body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width .container12 .ten.columns {
        width: 100%;
        margin-left: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb p.lrg {
        font-size: 50px;
    }

    body.bg-candidate div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width div.container12 div.ten.columns a.btn.btn-black {
        width: 100%;
    }

    .how-it-works .inner {
        padding: 2% 0;
    }

    div#mp-pusher.mp-pusher.mp-bb p.lrg {
        font-size: 40px;
        line-height: 50px;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer {
        padding: 0 0 96px;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.how-it-works div.full-width {
        padding-bottom: 10%;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer .container12 .five.columns {
        padding: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer .container12 .five.columns a.btn.btn-black.btn-sign-bottom {
        margin: 0;
        width: 100%;
        padding: 3% !important;
    }

    /* EMPLOYERS */
    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width {
        padding: 56px 0 96px;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width div.container12 div.eight.columns {
        width: 100%;
        padding: 0;
        margin-left: 0;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width div.container12 div.eight.columns p.med {
        width: 100%;
        margin-left: 0;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.ten.columns.get-started {
        padding: 0;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.ten.columns.get-started a.btn.btn-black {
        width: 100%;
        padding: 3% !important;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.how-it-works {
        margin: 96px 0;
        padding: 0;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width div.container12 div.eight.columns p.med {
        font-size: 20px;
        margin: 0;
        width: 100%;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started p.lrg.no-mrg {
        width: 90%;
        margin: 0 5% 40px;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started a.btn.btn-black {
        width: 90%;
        padding: 3% !important;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div span.description, div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div span.description p {
        font-size: 18px;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.testimonials-container div div ul li div span.author {
        font-size: 15px;
    }

    body.bg-employers div#mp-pusher.mp-pusher.mp-bb.mp-sections-landing div.full-width.spacer-top.get-started {
        margin: 0 0 96px;
    }

    /* ABOUT US */
    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer div.container12 div.five.columns p.med {
        width: 95%;
        margin-left: 2.5%;
        font-size: 30px;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns p.med {
        font-size: 25px;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns, body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns.offset-by-one {
        width: 100%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.bg-image.spacer div.container12 div.five.columns.offset-by-one {
        margin-left: 0;
        margin-top: 10%;
        width: 100%;
        text-align: center;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.join-team {
        margin: 10%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer.join-team {
        background: #E5E5E5;
        padding: 8% 8% 10%;
    }

    /* CONTACT */
    div.contact-page-top h4 {
        margin: 0 4% 4%;
        font-size: 40px;
    }

    div.contact-page-top p {
        font-size: 15px;
        margin: 0 10%;
        padding: 0;
    }

    div.container12.input-form.spacer.contact-us {
        position: relative;
        margin: 4% 0 10% 0;
        padding: 0 5%;
    }

    div.container12.input-form.spacer.contact-us form div.five.columns {
        width: 100%;
        padding: 0 2%;
    }

    .container12.contact-us form span.contact-button.two.columns.offset-by-eight {
        width: 50%;
        padding: 0 2%;
    }

    div.image-contact {
        position: absolute;
        bottom: -20%;
        left: 0;
        width: auto;
    }

    /* JOB DETAILS */
    div.mp-pusher.new-theme-job-details form.second-listing-form .container12 .four.columns {
        width: 100%;
        padding: 0;
    }

    div.mp-pusher.new-theme-job-details form.second-listing-form .container12 .two.columns {
        width: 100%;
    }

    div.mp-pusher.new-theme-job-details .container12 {
        /* width: 90%; */
        text-align: justify;
        margin-bottom: 2.5%;
    }

    div.mp-pusher.new-theme-job-details div.company-description {
        width: 100%;
    }

    div.mp-pusher.new-theme-job-details div.company-buttons {
        float: left;
        width: 100%;
        margin: 5% 0;
    }

    div.mp-pusher.new-theme-job-details div.company-buttons li {
        float: left;
        width: 35%;
        padding: 0;
        margin: 0 5% 0 0;
    }

    div.mp-pusher.new-theme-job-details div.ten.columns div.company-buttons span {
        width: 100%;
        text-align: center;
    }

    /* LOGIN */
    body.login-page .container12.input-form.contact-us {
        padding: 0;
    }

    /* SIGN IN */
    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile p.lrg.no-mrg {
        margin-bottom: 5%;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile div.full-width.spacer-bottom {
        background-color: transparent;
        margin-top: 10%;
        padding: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile div.full-width.spacer-bottom.bg-form {
        margin: 10% 5%;
        padding: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile div.full-width.spacer-bottom.bg-form div.container12.input-form.contact-us div.ten.columns {
        width: 100%;
        margin: 0;
        padding: 4%;
        border: 1px solid #fdda00;
        background-color: #fdda00;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile div.full-width.spacer-bottom form ul label {
        text-align: left;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile div.full-width.spacer-bottom form ul li span.submit {
        width: 100%;
    }

    div#mp-pusher.mp-pusher.mp-bb.mp-register-mobile div.full-width.spacer-bottom form ul li span.submit input {
        width: 100%;
        margin: 0;
    }

    /* MY APPLICATIONS */
    div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer-sml {
        margin: 20% 0;
        padding: 0;
    }

    body.bg-dashboard div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer-sml div.container12, body.bg-matched-jobs div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer-sml div.container12 {
        margin-bottom: 10%;
    }

    div#mp-pusher.mp-pusher.mp-bb div.full-width div.container12 div.ten.columns a.btn {
        width: 72%;
        margin: 5% 15%;
    }

    body.bg-dashboard div#mp-pusher.mp-pusher.mp-bb .listSection, body.bg-matched-jobs div#mp-pusher.mp-pusher.mp-bb .listSection {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    body.bg-dashboard div#mp-pusher.mp-pusher.mp-bb .listSection .perspective .item, body.bg-matched-jobs div#mp-pusher.mp-pusher.mp-bb .listSection .perspective .item {
        margin: 0 0 8% 0;
    }

    body.bg-dashboard div#mp-pusher.mp-pusher.mp-bb div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view, body.bg-matched-jobs div#mp-pusher.mp-pusher.mp-bb div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        width: 95%;
        margin-left: 0;
        padding: 2% 3% !important;
    }

    .status span {
        width: 33.3333333%;
    }

    .status .status-reviewing {
        width: 33.3333333%;
    }

    body.bg-dashboard div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer, body.bg-matched-jobs div#mp-pusher.mp-pusher.mp-bb div.full-width.spacer {
        padding: 0;
        margin-bottom: 20%;
    }

    /* PROFILE */
    div#mp-pusher.mp-pusher.mp-bb div.all-tags div.new-list.tag-list.sectors-tag-list .sorting_list li {
        width: 100%;
        margin: 0.5% 0% 1% 0%;
    }

    div#mp-pusher.mp-pusher.mp-bb div.all-my-tags label.container.tag-option {
        margin-left: 0;
        margin-right: 0;
    }

    div#mp-pusher.mp-pusher.mp-bb div.new-list.tag-list {
        width: 100%;
    }

    div#mp-pusher.mp-pusher.mp-bb div.all-my-tags span.submit {
        width: 100%;
    }

    div#mp-pusher.mp-pusher.mp-bb div.all-my-tags span.submit input {
        width: 100%;
        margin-right: 0;
    }

    /* SAVED JOBS */
    body.bg-saved-jobs div.container12 div.ten.columns.top-section section.listSection {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    body.bg-saved-jobs div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-desc {
        width: 100%;
    }

    body.bg-saved-jobs div.container12 div.ten.columns.top-section section.listSection div.perspective span.item span.job-details {
        padding: 20px 0;
        width: 100%;
    }

    body.bg-saved-jobs div.container12 div.ten.columns.top-section section.listSection div.perspective span.item a.job-view {
        /*width: 100%;*/
        margin-left: 0;
    }
}

@media screen and (max-width: 540px) {
    /* HOMEPAGE */
    div.full-width.spacer-top.latest-opportunities div.two.columns {
        width: 45% !important;
        margin-top: 10%;
        margin-left: 27.5%;
    }

    div.full-width.bg-black.recent-projects {
        background: black;
        margin: 0;
        padding: 96px 0;
    }

    div.recent-projects div.ten.columns h4 {
        text-align: center;
        margin-bottom: 36px;
    }

    div.full-width.bg-black.recent-projects div.container12 {
        width: 90%;
        margin-left: 5%;
    }

    .projectText {
        margin: 0 0 10%;
        padding: 0;
    }

    div.recent-projects .five.columns.projects-preview {
        width: 100%;
        margin: 0 0 6%;
    }

    div.recent-projects .five.columns.projects-preview .project-description {
        font-size: 22px;
        line-height: 26px;
    }

    div.recent-projects .five.columns.projects-preview .btn.btn-yellow.btn-full {
        width: 25%;
        font-size: 14px;
        line-height: 20px;
        left: 37.5%;
        padding: 2% 3% !important;
    }

    .see-all.see-all-projects a {
        font-weight: 600;
    }

    div.interact {
        background-image: none;
    }

    div.interact .full-width.spacer .container12 {
        width: 100%;
        margin: 0;
    }

    div.interact .full-width.spacer {
        width: 90%;
        margin: 0 5%;
        padding: 96px 0;
    }

    .four.columns.content-black.offset-by-two.insights {
        padding: 0;
    }

    .four.columns.content-black.offset-by-two.insights p.lrg {
        font-size: 24px;
        line-height: 32px;
    }

    .four.columns.content-black.offset-by-two.insights p.insights-text {
        padding: 0;
    }

    .four.columns.content-black.offset-by-two.insights .input-form {
        padding: 0;
    }

    footer {
        padding: 96px 0;
    }

    footer .container12 .three.columns.social {
        text-align: left;
    }

    p.TermsPrivacy {
        padding-right: 20%;
        text-align: left;
    }

    /* ABOUT US */
    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_ {
        width: 100%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_.para_two_one {
        margin-right: 0;
        margin-bottom: 10%;
    }

    body.bg-about-us div#mp-pusher.mp-pusher.mp-bb div.para_two_ img {
        margin-bottom: 5%;
    }

    /* PROJECTS */
    body.bg-projects .full-width.bg-black .container12 {
        width: 90%;
        padding: 56px 0 80px;
    }

    body.bg-projects .full-width.bg-black div.recent-projects {
        width: 90%;
        margin: 0 5%;
        padding: 0 0 180px;
    }

    body.bg-projects .full-width.bg-black div.recent-projects .five.columns.projects-preview {
        width: 100%;
        height: 300px;
        margin: 0 0 5%;
    }

    /* PROJECT */
    div#mp-pusher.project-details div.bg-black {
        margin: 56px 0;
    }

    div#mp-pusher.project-details div.bg-white div.project-body {
        margin: 56px 0 104px;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages {
        width: 90%;
        margin: 0 5%;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages div h4 {
        width: 90%;
        margin: 0 5% !important;
    }

    div#mp-pusher.project-details .full-width.bg-black div.container12 .ten.columns h4 {
        margin-bottom: 5%;
        font-size: 14px;
        line-height: 14px;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-percentages div.project-percentages h4 {
        font-size: 17px;
    }

    div#mp-pusher.project-details div h1 {
        font-size: 34px !important;
        line-height: 40px !important;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-image {
        width: 90%;
        margin: 5% 5%;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-info {
        width: 90%;
        margin-left: 5%;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-description {
        width: 90%;
        margin-left: 5%;
    }

    div#mp-pusher.project-details div.bg-white div.project-body div.project-challenge {
        width: 90%;
        margin-left: 5%;
    }

    div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a h4 {
        font-size: 17px;
        line-height: 27px;
    }

    div#mp-pusher.project-details div.full-width.bg-grey.previous-next-project a h1 {
        line-height: 26px !important;
        font-size: 22px !important;
    }

    /* CONTACT */
    div.mp-pusher.mp-bb.mp-contact-headline div.full-width {
        height: 600px;
    }

    div.mp-pusher.mp-bb.mp-contact-headline div.full-width div.container12 {
        padding: 56px 0;
    }

    div.mp-pusher.mp-bb.mp-contact-headline div.full-width.bg-grey .container12 .Hire-part {
        width: 100%;
        margin-top: -120%;
        margin-left: 0;
        padding-top: 0;
    }
}

@media screen and (max-width: 414px) {
    /* MENU */
    div.menu-slide span#center {
        top: 18%;
    }

    /* LOGIN */
    body.login-page .full-width.spacer {
        padding: 5% 0;
    }

    /* CONTACT */
    div.container12.input-form.spacer.contact-us {
        margin: 54px 0 312px 0;
    }

    div.image-contact {
        bottom: -40%;
        left: 5%;
        width: 40%;
    }

    /* TRUSTED BY */
    .bg-trusted-by {
        width: 33.333333333%;
    }

    .bg-trusted-by.trusted-by-3 {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .bg-trusted-by.trusted-by-4 {
        padding-top: 8%;
    }

    .bg-trusted-by.trusted-by-5 {
        padding-top: 6%;
    }

    /* JOBS */
    .full-width.spacer-top.latest-opportunities {
        padding: 81px 0 86px;
    }

    .full-width.spacer-top.latest-opportunities .container12 .eight.columns {
        margin-bottom: 0;
    }

    div.full-width.spacer-top.latest-opportunities div.two.columns {
        width: 100% !important;
        margin-left: 0;
    }

    div.full-width.spacer-top.latest-opportunities .two.columns .btn.btn-yellow.btn-full {
        width: 100%;
        padding: 3% !important;
    }

    body div#mp-pusher.mp-pusher div.full-width.spacer-top.testimonials-container .container12 .testim .cont div p {
        font-size: 20px !important;
    }

    /* FOOTER */
    p.TermsPrivacy {
        padding-right: 0%;
    }
}

@media screen and (max-width: 375px) {
    /* MENU */
    nav#new-mp-menu-js ul li a {
        font-size: 18px;
    }

    /* HOMEPAGE */
    div.LocalJobs a.links {
        width: 50%;
        margin: 0 0 0 25%;
    }

    .full-width.bg-grey.spacer-bottom a.btn.btn-black {
        width: 70%;
        margin-left: 15% !important;
    }

    footer div.three.columns p {
        font-size: 12px;
    }

    footer div.three.columns nav ul li a {
        font-size: 12px;
    }

    footer p {
        font-size: 15px;
    }

    footer a {
        font-size: 15px;
    }
}

@media screen and (max-width: 360px) {
    /* MENU */
    nav#new-mp-menu-js ul li a {
        font-size: 15px;
    }

    /* JOB DETAILS */
    div.mp-pusher.new-theme-job-details div.company-description h1.med {
        font-size: 30px !important;
    }
}

@media screen and (max-width: 320px) {
    /* MENU */
    div.menu-slide {
        top: 26%;
    }

    nav#new-mp-menu-js ul li a {
        font-size: 14px;
    }

    /* HOMEPAGE */
    div.LocalJobs a.links {
        width: 70%;
        margin: 0 0 0 15%;
    }

    .container12 .Hire-part .four.columns a.btn.btn-black.btn-full {
        margin: 0 0 12% 17.5%;
        width: 65%;
    }
}