/*
Theme Name: RecWorks
Theme URI: https://recworks.co.uk
Description: RecWorks Theme
Version: 1.0
Author: Paul Maloney
Author URI: http://www.paulmaloney.net
Tags: rwd, clean, news, white, pink
*/

/* RESET (http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none - public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#search_keywords,
input[type='text'],
input[type='number'],
textarea {
  font-size: 16px!important;
}

/* 
==========================================================================
GLOBAL & WP SPECIFIC STYLES
==========================================================================
*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
    -webkit-text-size-adjust: none;     
}

input, textarea, select {
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

input[type="radio"] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}

img,
audio,
video,
canvas {
    max-width: 100%;
}

html {
    min-height: 100%;
    margin-bottom: 1px;
    overflow: -moz-scrollbars-vertical!important; 
}

::selection {
    background:#ca0a71;
    color:#fff;
}

::-moz-selection {
    background:#ca0a71;
    color:#fff;
}

::-webkit-selection {
    background:#ca0a71;
    color:#fff;
}

.cf:before,.cf:after {content: " "; /* 1 */    display: table; /* 2 */}
.cf:after {clear: both;}
.cf {clear: both;}

strong, b {
    font-weight:bold;
}

em, i {
    font-style:italic;
}

img.alignright {
    float:right;
    margin:0 0 2em 1em;
}

img.alignleft {
    float:left;
    margin:0 2em 1em 0;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float:right;
    margin:0 0 2em 1em;
}

.alignleft {
    float:left;
    margin:0 0 2em 1em;
}

img.wp-smiley {
    float: none;
    margin: 0 0 0 5px;
    vertical-align:middle;
}

p {
    margin: 0 0 20px 0;
}

a {
    color: #28b5d5;
    text-decoration: none;
}

a:hover {
    color: #ca0a71;
    text-decoration: none;
}

blockquote {
    background: #f5f5f5;
    border-left: 20px solid #ca0a71;
    padding: 20px;
    margin: 20px 0;
}

blockquote p {
    margin: 0;
}

blockquoteg {
    background: #f5f5f5;
    border-left: 20px solid #95c021;
    padding: 20px;
    margin: 20px 0;
}

blockquoteg p {
    margin: 0;
}







/* 
==========================================================================
H & LINKS
==========================================================================
*/

h1 {
    font: 30px 'Muli', Helvetica , Arial, sans-serif;   
    margin:0 0 20px 0;
    padding:0;
    color: #ca0a71;
}

h2 {
    font: 29px 'Muli', Helvetica , Arial, sans-serif; 
    font-weight: 900;
    margin:0 0 20px 0;
    padding:0;
    color: #ca0a71;
}

h3 {
    font: 22px 'Muli', Helvetica , Arial, sans-serif;
    margin:0 0 20px 0;
    padding:0;
    color: #ca0a71;
}

h4 {
    font: 20px 'Muli', Helvetica , Arial, sans-serif;
    margin:0 0 20px 0;
    padding:0;
    color: #ca0a71;
}

h5 {
    font: 18px 'Muli', Helvetica , Arial, sans-serif;
    margin:0 0 20px 0;
    padding:0;
    color: #ca0a71;
}


/* 
==========================================================================
GENERAL
==========================================================================
*/

body {
    background: #fff;
    color: #777; 
    font: 16px/1.7 'Muli', Helvetica, Arial, sans-serif;
    margin:0;
    -webkit-font-smoothing: antialiased;
}

.container {
    max-width: 1140px;
    width:100%;
    margin: 50px auto;
}

.container ul {
    list-style-type: disc;
    margin: 30px;
}

.container li {
    margin: 0 0 10px 0;
}

.inner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 10px;
}

.left {
    float: left;
    width: 69.2982456140351%;
    margin: 0 4.385964912280701% 0 0;
}

.right {
    float: left;
    width: 26.31578947368421%;
    margin: 0;
}

.widget {
    margin: 0 0 50px 0;
}

.full {
    float:none!important;
    text-align: left!important;
}

.widget h4 {
    font-size: 22px;
    color: #555;
}

.widget ul {
    list-style-type: none;
    margin: 0;
}

.widget li {
    display: block;
    margin: 10px 0;
    width: 100%;
}

.widget li a {
    display: block;
    border-top: 1px solid #e5e5e5;
    padding: 10px 0 0 0;
    color: #777;
}

.widget li a:hover {
    color: #ca0a71;
}

.tweets img {
    float:left;
    width: 48%;
    margin: 1%!important;
}

/* 
==========================================================================
HEADER
==========================================================================
*/

header {
    width:100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 25px 0;
    
}

.logo {
    width: 180px;
    height: 40px;
    float: left;
    margin: 0 0 0 5px;
    transition: all 0.3s ease-in;    
}

.logo a {
    background: url("images/logo.png");
    float: left;
    width: 180px;
    height: 40px;
    margin: 0px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.button {
/*margin-right: 40px;*/
    background: #ca0a71;
    float: right;
    padding: 10px 20px;
    text-transform:uppercase;
    text-align: center;
    color: #fff;
    display: inline-block;
    transition: all 0.3s ease-in;   
}

.button:hover {
    background: #d5d5d5;
    color: #777;
    transition: all 0.3s ease-in-out;   
}

/* 
==========================================================================
NAV
==========================================================================
*/

nav {
    float: right;
    padding: 8px 20px 0 0;
}

nav li {
    display: inline-block;
}

nav a {
    font-size: 14px;
    text-transform: uppercase;
    color: #777;
    margin: 0 10px 0 0;
}

nav a:hover {
    color: #7fb927;
}

.toggleMenu {
    display: none;
    padding: 12px 15px 8px 8px;
    color: #fff;
    border: 2px solid #7fb927;  
    background: #7fb927;
    width: 100%;
    text-transform: uppercase;
}

.toggleMenu:hover {
    padding: 12px 15px 8px 8px;
    color: #fff;
    border: 2px solid #42bdde;
    background: #42bdde;
    transition: all 0.3s ease 0s;       
}

.nav {
    list-style: none;
    text-align: right;
}

.nav ul {
    list-style: none;
    width: 9em;
    min-width: 200px;
    text-align: left;
    margin: 0;
}

.nav a {
    padding: 0px 10px;
    color:#777;
    margin: 0;
    line-height: 30px;
}

.nav a:hover, .nav li:hover {
    border:0;
    color:#42bdde;
}

.nav li:hover a {
    color:#42bdde;
}

.nav li {
    position: relative;
    padding: 0;
    display: block;
}

.nav > li {
    display:inline-block;
}

.parent:hover {
    background: none;
    color: #fff;
    border-bottom:0!important;
}

.nav .sub-menu a:hover, .nav .sub-menu li:hover {
    border-bottom: 0px solid #ca0a71;
    color:#fff;
}

.nav > li > .parent {
    background-image: url("images/downArrowG.png");
    background-repeat: no-repeat;
    background-position: right;
    padding: 0 20px 0 0;    
}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #42bdde;
    position: relative;
    z-index:100;
    border-bottom: 0!important;
    color: #fff!important;
    padding: 10px;
}
.nav li li li a {
    background:#42bdde;
    z-index:200;
    border-bottom:0!important;
    color: #fff;
}
.nav li li a:hover, .nav li li li a:hover {
    background:#7fb927;
    color: #fff;
    border-bottom:0!important;
}

.nav li li:hover a {
    color:#fff!important;
}


/* 
==========================================================================
HERO
==========================================================================
*/

.hero {
    height: 600px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 0;
    margin-top: -1px;
}

.hero::after {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.hero-text {
    margin: 0 auto;
    max-width: 720px;
    width: 100%;
    padding: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.hero-text h1 {
    position: relative;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.hero-text h1:after {
    content: "";
    display: block;
    height: 4px;
    background: #ca0a71;
    width: 40%;
    margin: 10px auto;
}

.hero-search {
    background: #ca0a71;
    padding: 30px;
}

.hero .s {
    float: left;
    width: 45%;
    padding: 10px;
    color: #777; 
    font: 16px 'Muli', Helvetica, Arial, sans-serif;    
    border: 1px solid #fff;
}

.hero select {
    float: left;
    margin-left: 5px;
    width: 25%;
}

.hero .go {
    background: #d5d5d5;
    color: #777;
    font: 16px 'Muli', Helvetica, Arial, sans-serif;
    text-transform: uppercase;  
    padding: 10px;
    cursor: pointer;
    border: 0;
    width: 28%;
    margin: 0;
    float: right;
    transition: all 0.3s ease-in;   
}

.hero .go:hover {
    background: #555;
    color: #fff;
    transition: all 0.3s ease-in-out;   
}

.hero-search p {
    display: block;
    color: #fff;
    text-align: center;
    margin: 15px 0 0 0;
}

.hero-search a {
    color: #fff;
    text-decoration: underline;
}

.hero-search a:hover {
    color: #777;
    text-decoration: underline;
}

/* 
==========================================================================
HOME
==========================================================================
*/

.white {
    position: relative;
    width: 100%;
    background: #fff;
    padding: 75px 0;
}

.grey {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    padding: 75px 0;
}

.about-left {
    float: left;
    width: 70%;
    margin: 0 10% 0 0;
}

.about-right {
    float: right;
    width: 20%;
}

.about-right img {
    border-radius: 50%;
    display: block;
}

.pink {
    color: #ca0a71;
}

/* 
==========================================================================
JOBS
==========================================================================
*/

.jobs {
    text-align: center;
}

.jobs h2 {
    margin: 0 0 50px 0;
}

.job {
    background: #fff;
    float: left;
    text-align: left;
    width: 30%;
    margin: 0 5% 5% 0;
    padding: 20px;
    color: #777;
    transition: all 0.3s ease-in;   
}

.job:hover {
    opacity: 0.5;
    color: #777;    
    transition: all 0.3s ease-in-out;   
}

.job:nth-of-type(3n) {
    margin: 0 0 5% 0;
}

.job p, .job h5 {
    margin: 0 0 5px 0;
}

.date-posted {
    display:none!important;
}

.owl-prev {
    position: absolute;
    top: 40%;
    left: -5%;
    background: url('images/prev.png');
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.owl-next {
    position: absolute;
    top: 40%;
    right: -5%;
    background: url('images/next.png');
    width: 26px;
    height: 26px;
    cursor: pointer;
}

.test-left {
    float: left;
    width: 15%;
    margin: 0 5% 0 0;
}

.test-right {
    float: right;
    width: 80%;
}

.test-left img {
   /* border-radius: 50%;*/
    display: block;
   /* border: 0px solid #eee;*/
}

.lined {
    text-align: center;
    margin: 0 auto;
    max-width: 1140px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;  
}

.clients img {
    float: left;
    width: 20%;
    margin: 0 2.5%;
}

.page-hero {
    height: 300px;
    width: 100%;
    display: block;
    position: relative;
    margin-top: -1px;
}

/* 
==========================================================================
BLOG
==========================================================================
*/

.post {
    display: block;
    width: 100%;
    margin: 20px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #eee;
}

.post:last-of-type {
    border-bottom: 0;
}

.left img {
    margin: 0 0 20px 0;
}

.post-full {
    width: 100%:
    display:block;
}

.post-left {
    float: left;
    width: 30%;
    margin: 0 5% 0 0;
}

.post-right {
    float: left;
    width: 65%;
    margin: 0;
}

.post h2 {
    color: #777;
    font-size: 22px;
    margin: 0 0 5px 0;
}

.meta {
    margin: 0 0 20px 0;
    font-size: 14px;
}

.read-more {
    color: #ca0a71;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.3s ease-in;   
}

.read-more:hover {
    color: #777;
    transition: all 0.3s ease-in-out;   
}

/* 
==========================================================================
FOOTER
==========================================================================
*/

footer {
    border-top: 1px solid #eee;
    clear:both;
    padding: 30px 0;
    font-size: 15px;
    font-weight: 300;   
}

.foot-item {
    float: left;
    width: 33%;
    padding: 20px;
}

footer .logo {
    float: none;
    display: block;
    margin: 50px auto 20px auto;
    text-align: center;
}

.copy {
    text-align: center;
}

footer ul {
    list-style-type: none;
}

footer li {
    list-style-type: none;
    margin: 0 0 5px 0;
}

.foot-left li {
    list-style-type: none;
    display: inline-block;
}

.foot-left li:after {
    content: " | ";
}

.foot-left li:last-of-type:after {
    content: "";
}

footer h5 {
    color: #777;
    font-size: 15px;
}

footer h5:after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #ca0a71;
    margin: 15px 0 0 0;
}

footer a {
    color: #777;
}

footer a:hover {
    color: #ca0a71;
}

.calls a {
    color: #ca0a71;
}

.calls a:hover {
    color: #777;
}

footer i {
    font-size: 20px!important;
    color: #ca0a71;
    margin: 0 10px 0 0;
    transition: all 0.3s ease-in;   
}

footer i:hover {
    color: #777;
    transition: all 0.3s ease-in-out;   
}

.foot-item .wpcf7-text {
    float: left;
    width: 65%;
    padding: 10px;
    color: #777; 
    font: 14px 'Muli', Helvetica, Arial, sans-serif;    
    border: 1px solid #e5e5e5;
    background: #e5e5e5;
}

.foot-item .wpcf7-submit {
    background: #ca0a71;
    color: #fff;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
    text-transform: uppercase;  
    padding: 10px;
    cursor: pointer;
    border: 0;
    width: 32%;
    margin: 0 0 0 3%;
    float: right;
    transition: all 0.3s ease-in;   
}

.foot-item .wpcf7-submit:hover {
    background: #777;
    color: #fff!important;
    font: 14px 'Muli', Helvetica, Arial, sans-serif;
    text-transform: uppercase;  
    padding: 10px;
    cursor: pointer;
    border: 0;
    width: 32%;
    margin: 0 0 0 3%;
    float: right;
}

.foot-item form {
    margin: 0 0 30px 0;
}

.foot-left {
    float: left;
}

.foot-right {
    float: right;
}

.small {
    max-width: 1140px;
    margin: 0 auto;
    border-top: 1px solid #eee;
}

.small p {
    margin: 0;
}

.small a {
    color: #2ab4d7;
}

.small a:hover {
    color: #777;
}



/* 
==========================================================================
PAGE NAVIGATION
==========================================================================
*/

.paged {
    clear:both;
    margin: 0;
    text-align: left;
}

.wp-pagenavi {
    border:0;
    border-top: 1px solid #e5e5e5;  
    border-bottom: 0;
    padding: 40px 0;    
    margin:0;
}

.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 5px; 
    margin: 2px 5px;
    text-decoration: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
    color: #ca0a71;
    font-weight: bold;  
    transition: all 0.3s ease-in-out;       
}

.wp-pagenavi a:visited {
    padding: 5px; 
    margin: 2px 5px;
    text-decoration: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid transparent;
    color: #ca0a71;
    font-weight: bold;  
}

.wp-pagenavi a:hover {  
    border: 0;
    color: #777;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: transparent;
    padding: 5px; 
    margin: 2px 5px;
    font-weight: bold;
}

.wp-pagenavi a:active {
    padding: 5px; 
    margin: 2px 5px;
    text-decoration: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #ca0a71;
    color: #ca0a71;
    font-weight: bold;
}

.wp-pagenavi span.pages {
    padding: 5px; 
    margin: 2px 5px;
    color: #ca0a71;
    font-weight: bold;
    border:0;
}

.wp-pagenavi span.current {
    padding: 5px; 
    margin: 2px 5px;
    font-weight: bold;
    border: 0;
    color: #ca0a71;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 3px solid #ca0a71 !important;
}

.wp-pagenavi span.extend {
    padding: 5px; 
    margin: 2px 5px;
    border: 0;
    color: #ca0a71;
    font-weight: bold;
}


/* 
==========================================================================
COMMENTS
==========================================================================
*/

#comments .parent, #comments .parent:hover {
    background: none;
    color: #777;
}

#comments ul {
    list-style-type: none;
    margin:5px 0;
    padding:0;
}

#comments li {
    background: none!important; 
    margin:0 0 5px 0;
    padding: 5px 0 5px 0px;
    vertical-align: middle;
}

.comm {
    margin:0;
    padding: 20px 0 20px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
}

#commentform {
    margin: 0;
}

#comments {
    width: 100%;
    padding:0;
    margin: 0;
}

#comments .tabs {
    width: 100%;
}

#comments .sidetab-head {
    padding: 5px 15px;
}

#comments ul {
    list-style: none;
}

#comments ul.commentlist {
    padding: 0;
}

#comments ul.parent {
    padding-bottom: 0px;
}

#comments ul.children {
    margin:0 0 0 15px;
    padding:0;
    list-style:none;

}

#comments ul.commentlist li {
    margin: 0;
}

.comment-reply-link {
    float: left;
    position: relative;
    text-transform: uppercase;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    color: #fff!important;
    text-decoration: none !important;
}

.comment-reply-link {
    padding:3px;
    margin:0 0 5px 0;
    border: 0;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    background: #ca0a71;
    color: #fff;
    font-weight:bold;
    transition: all 0.3s ease 0s;
}

.comment-reply-link:hover{
    padding:3px;
    margin:0 0 5px 0;
    border: 0;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    background: #777;
    color: #fff!important;
    text-decoration: none !important;
    font-weight:bold;
    transition: all 0.3s ease 0s;
}

.comment-reply-link a {
    color: #fff;
}

.comment-reply-link a:hover {
    color: #fff;
}

#respond {
    margin: 0;
    padding:0;
}

ul.pinglist {
    list-style:none;
    margin:0 0 5px 0;
    padding:0;
}

li.pinglist {
    margin:0 0 3px 0;
    padding:0;
}

.pinglist a {
    color: #ca0a71;
}

.pinglist a:hover{
    color: #ca0a71;
}

.trackback {
    clear: both;
}

.trackback ul {
    list-style: none;
    margin-top: 10px;
}

small {
    font: 12px 'Muli', Helvetica , Arial, sans-serif;   
    vertical-align:middle;
    color:#ca0a71;
    margin: 5px 0 5px 0;
}

.comhead {
    display:inline;
    font-size: 18px;
    font-weight:bold;
    vertical-align:middle;
}

.comment-metas {
    float:left;
    width: 100%;
    margin: 10px 0 5px 0;
    padding: 0;

}

.says {
    margin:10px 0 10px 0;
    padding:0;
}

.says p {
    margin:0;
    padding:0;
}

label {
    display:block;
    font: 13px 'Muli', Helvetica , Arial, sans-serif;   
    color: #ca0a71;
    margin: 0 0 10px 0;
    padding:0;
    font-weight:normal;
}

#commentform {
    width: 100%;
    margin: 0 0 20px 0;
}

#author2 {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    color: #ca0a71;
    border:1px solid #e5e5e5;
}

#author2:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

#email {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    color: #ca0a71;
    border:1px solid #e5e5e5;
}

#email:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

#url {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    color: #ca0a71;
    border:1px solid #e5e5e5;
}

#url:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

#comment {
    width: 100%;
    minwidth: 380px;
    min-height: 150px;
    margin: 0;
    padding: 10px;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    color: #ca0a71;
    border:1px solid #e5e5e5;
}

#comment:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

.submit-comment {
    display:block;
    background: #ca0a71;
    color: #fff;
    font: 14px 'Muli', Helvetica , Arial, sans-serif;   
    padding: 10px;
    width: 100%;
    margin: 10px 0 10px 0;
    border:0;
    cursor:pointer;
    transition: all 0.3s ease 0s;
}

.submit-comment:hover {
    background: #777;
    transition: all 0.3s ease 0s;
}

#cancel-comment-reply-link {
    font: 12px 'Muli', Helvetica , Arial, sans-serif;   
    margin: 0px 0 15px 0;
    display:inline-block;
    padding:5px;
    background: #ca0a71;
    color: #fff;
    transition: all 0.3s ease 0s;
}

#cancel-comment-reply-link:hover {
    font: 12px 'Muli', Helvetica , Arial, sans-serif;   
    margin: 0px 0 15px 0;
    display:inline-block;
    padding:5px;
    background: #777;
    color: #fff;
    transition: all 0.3s ease 0s;
}

.minusone {
    margin-top: -2px;
}

.page-titles {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    font-size: 25px;    
    margin: 0px 0 20px 0!important;
    padding:10px 5px;
}

ul.commentlist > li:first-child > div {
    border:0;
}

/* 
==========================================================================
JOBS
==========================================================================
*/
.job_listings .date {
    display: none !important;
}

.job_listings {
    color: #666; 
    font: 16px/1.7 'Muli', Helvetica, Arial, sans-serif;
}

.job_filters {
    background-color: #fff !important;
}

.job_filters .search_jobs {
    background: #f5f5f5 !important;
    margin-bottom: 15px;
}

.job_filters .job_types {
    background-color: #f5f5f5 !important;
    border-top: 0 !important;
}

.job_filters .job_types li {
    border-right: 0 !important;
    padding: 0 5px !important;
}

.advanced-search-filters {
    background-color: #f5f5f5;
    margin: 0 0 15px;
}
.advanced-search-filters > div {
    border-top: 1px solid #fff;
    padding: 15px 0 10px;
}
.advanced-search-filters > div > label {
    color: #979797 !important;
    padding-left: 15px;
    min-width: 120px;
}
.advanced-search-filters ul > li > label {
    cursor: pointer;
}
.job_filters .filter-by-location {
    float: left;
    width: 25%;
}
.job_filters .filter-by-salary {
    font-size: 0.83em;
    margin: 0;
}
.job_filters .filter-by-salary .slab-type li:not(.active) a {
    color: #777;
}
.job_filters .search_jobs .search_categories {
    display: none;
}


label {
    font-weight: bold !important;
    color: #777 !important;
}

.job_filters .search_jobs input, .job_filters .search_jobs select {
    padding: 10px !important;
    border: 1px solid #e5e5e5 !important;
}

.job_filters .showing_jobs {
    padding: 10px 5px !important;
    background: #fff !important;
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #e5e5e5 !important;

}

.rp4wp-related-job_listing > ul, ul.job_listings {
    border-top: 0 !important;
}

.rp4wp-related-job_listing > ul li.job_listing, .rp4wp-related-job_listing > ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {
    padding: 15px 0 !important;
}

.job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button, .job-manager-application-wrapper .application .primary-button, .single_job_listing .application .primary-button {
    border: 0 !important;
    font-size: 16px !important;
    cursor: pointer;
}

.job_application > .application_button {
    margin-bottom: 10px !important;
}

.primary-button {
    display: inline-block;
    line-height: 1em;
    margin: 0;
    padding: .90909091em 2em;
}

.job-alert-button {
    margin-right: 0.5em;
}

.single_job_listing .application .application_details {
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
}

.single_job_listing .company {
    display:none!important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    background: #f5f5f5 !important;
}

.single_job_listing .company {
    min-height: 6em !important;
}

.single_job_listing .company img {
    border: 1px solid #e5e5e5 !important;
    width: 4em !important;
    height: 4em !important;
}

.single_job_listing .meta .job-type {
    background-color: #ca0a71;
}

.single_job_listing .company .name, .single_job_listing .company .tagline {
    margin: 0 0 0 4em !important;
}

.single_job_listing .meta .full-time {
    background-color: #ca0a71 !important;
}

.single_job_listing .meta .part-time {
    background-color: #00b93f !important;
}

.single_job_listing .meta .freelance {
    background-color: #777777 !important;
}

.single_job_listing .meta .internship {
    background-color: #aaaaaa !important;
}

.single_job_listing .meta .temporary {
    background-color: #dddddd !important;
}

.job_listing .full-time {
    color: #7fb927 !important;
}

.job_listing .part-time {
    color: #42bdde !important;
}

.job_listing .freelance {
    color: #777777 !important;
}

.job_listing .internship {
    color: #aaaaaa!important;
}

.job_listing .temporary {
    color: #dddddd !important;
}

.job_listing .permanent {
    color: #7fb927!important;
}

.job_listing .contract {
    color: #42bdde !important;
}

.mejs-container, .wp-video {
    width: 100% !important;
}

ul.job_listings li.job_listing a img.company_logo {
    width: 65px !important;
    height: 65px !important;
    top: 8px !important;
}

ul.job_listings li.job_listing a div.position {
    padding: 0 0 0 65px!important;
}

.job_position_featured, ul.job_listings li.job_listing.job_position_featured a, ul.job_listings li.job_listing.job_position_featured a:hover {
    background: #f5f5f5 !important;
}

.single_job_listing .meta {
    border-bottom: 1px solid #e5e5e5 !important;
    padding: 0 0 20px 0 !important;
}

div.gjm-map-wrapper {
    margin: 30px 0 !important;
}

.search_keywords {
    width: 55% !important;
}

.search_location {
    display: none !important;
}

.widget job_listing {
    padding:0 !important;
}

.widget ul.job_listings li.job_listing .position {
    float: none;
    width: 100%;
    padding: 0 !important;
    text-align: left;
    margin: 0;
}

.widget ul.job_listings li.job_listing a {
    padding: 0 10px!important;
}

.job-list .button {
    margin: 0 auto !important;
    float:none !important;
}

/*
==========================================================================
TEAM
==========================================================================
*/

.team {
    margin: 20px auto;
    display:block;
}

.team-member {
    float: left;
    width: 23.5%;
    margin: 0 2% 2% 0;
    text-align:center;
    position: relative;
}

.team-member:nth-of-type(4n) {
    margin: 0 0 2% 0;
}


.team-des {
    padding: 5px;
    background: rgba(202,10,113,1);
    width: 100%;
    color: #fff;
    font-size:13px;
    margin: -10px 0 0 0;
}

.team-member h4 {
    font-size: 18px;
    color: #fff;
    margin: 5px 0 -10px 0;
}

.team-left {
    width: 30%;
    margin: 0 5% 0 0;
    float:left;
}

.team-left p, .team-left img {
    margin: 0 0 5px 0;
}

.team-right {
    width: 65%;
    margin: 0;
    float:left;
}

.team-left h4 {
    margin: 0 0 5px 0;
}

.spacer {
    height: 20px;
}

.side-clients img {
    width: 100%;
    float: none;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 2% 20%;
}

/* 
==========================================================================
CONTACT FORM
==========================================================================
*/

.wpcf7-form {
    margin: 20px 0;
    width: 100%;
}

.full .wpcf7-form {
    margin: 20px 0;
    width: 60%;
}

.wpcf7-form br {
    margin: 0 0 5px;
}

.captcha-598 input {
    width:100%;
    padding: 10px;
    margin: 0 0 10px 0;
    color: #666; 
    font: 15px 'Muli', Helvetica, Arial, sans-serif;    
    border:1px solid #e5e5e5;
}

.captcha-598 input:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

.wpcf7-text {
    margin: 0 0 10px 0;
    width:100%;
    padding: 10px;
    color: #666; 
    font: 15px 'Muli', Helvetica, Arial, sans-serif;    
    border:1px solid #e5e5e5;
}

.wpcf7-text:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}


.wpcf7 textarea {
    width:100%;
    padding: 10px;
    margin: 0 0 10px 0;
    color: #666; 
    font: 15px 'Muli', Helvetica, Arial, sans-serif;
    border:1px solid #e5e5e5;
}

.wpcf7 textarea:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

.wpcf7 input, textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #2b2b2b;
    padding: 8px 10px 7px;
}

.wpcf7 input[type="radio" i] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}

.wpcf7 input[type="radio" i], input[type="checkbox" i] {
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}

.wpcf7 input[type="checkbox"], input[type="radio"] {
    padding: 0;
}


.wpcf7 input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
}

.wpcf7 input[type="checkbox" i] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

.wpcf7 input[type="radio" i], input[type="checkbox" i] {
    background-color: initial;
    margin: 3px 0.5ex;
    padding: initial;
    border: initial;
}


select {
    margin: 0 0 10px 0;
    width:100%;
    padding: 10px;
    color: #666; 
    font: 15px 'Muli', Helvetica, Arial, sans-serif;
    border:1px solid #e5e5e5;
}

select:focus {
    border:1px solid #ca0a71;
    padding: 10px;
}

.wpcf7-submit {
    display: inline-block;
    font: 17px 'Muli', Helvetica, Arial, sans-serif;    
    background: #ca0a71;
    color: #fff!important;
    text-align: center;
    padding: 10px 40px; 
    border: 1px solid #ca0a71;
    cursor: pointer;
    width: 180px;
    transition: all 0.3s ease 0s;   
    text-decoration: none!important;
}

.wpcf7-submit:hover {
    display: inline-block;  
    font: 17px 'Muli', Helvetica, Arial, sans-serif;    
    background: none;
    color: #6d6e71!important;
    text-align: center;
    padding: 10px 40px; 
    border: 1px solid #ca0a71;
    cursor: pointer;
    width: 180px;
    transition: all 0.3s ease 0s;   
    text-decoration: none!important;
}

div.wpcf7-mail-sent-ok {
    background: #7dc243!important;
    color: #fff;
    margin: 10px 0 10px 0px!important;
    font-size: 13px;
    font-weight:bold;
    padding: 10px 0 10px 0!important;
    text-align:center;
    border: none!important;
}

div.wpcf7-mail-sent-ng {
    border: none!important;
    background: #f26263!important;
    color: #fff;
}

div.wpcf7-spam-blocked {
    border: none!important;
    background: #f26263!important;
    color: #fff;
}

div.wpcf7-validation-errors {
    border: none!important;
    background: #f26263!important;
    color: #fff;
    margin: -10px 0 10px 0!important;
    font-size: 13px;
    font-weight:bold;
    padding: 10px 0 10px 0!important;
    text-align:center;
}

.wpcf7-not-valid-tip {
    float:none!important;
    border: none!important;
    background: #none!important;
    color: #f26263!important;
    margin: -5px 0 10px 10px;
    width: 200px!important;
    font-size: 12px!important;
    font-weight: bold;
    text-align:left;
    left: 0!important;
}

.ajax-loader {
    width: 16px!important;
    height: 16px!important;
}

.pinky {
    background: #ca0a71;
    text-decoration: none;
    color: #fff;
    padding: 5px 10px;
    vertical-align: middle;
    display: inline-block;
    margin: -3px 0 0 0;
}

.pinky:hover {
    background: #28b5d5;
    color: #fff;
}

.about-box {
    border: 5px solid #28b5d5;
    padding: 20px;
        float: left;
        width: 48%;
    margin: 1%;
}

.side-test {
    margin: 0 0 20px 0;
    border: 2px solid #28b5d5;
    padding: 10px;
    text-align: center;
}

.side-test img {
    margin: 20px auto;
    text-align:center;
    border-radius: 50%;
    width: 60%;
    display: block;
    border: 10px solid #eee;
}

.linkedin_button {
    margin: 0 0 20px 0;
}

/* 
==========================================================================
SEARCH
==========================================================================
*/

#searchform {
    margin: 0 0 15px 0;
    width: 100%;
    display:block;
}

#s {
    width: 72%;
    margin: 0 2% 0 0;
    border: 1px solid #ddd;
    padding: 10px;
    font: 15px 'Muli',Helvetica,Arial,sans-serif;
    color:#444;
}

#go {
    width: 22%;
    margin: 0;
    border: 1px solid #ca0a71;
    padding: 10px;
    background: #ca0a71;
    color: #fff;
    font: 15px 'Muli',Helvetica,Arial,sans-serif;
    cursor: pointer;
}

#go:hover {
    background: #444;
    border: 1px solid #444;
}



/* 
==========================================================================
RETINA FULL SIZE
==========================================================================
*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

 .logo a {
    background: url('images/logo_2x.png') no-repeat;
    background-size: 180px 40px;
 }

}


/* 
==========================================================================
MEDIA QUERIES
==========================================================================
*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
    background: #eee;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}


@media screen and (max-width: 1250px) {

 .owl-prev {
    top: -20%;
    left: 0px;
 }

 .owl-next {
    top: -20%;
    right: 0px;
 }

  .test .owl-prev,  .test .owl-next {
    display: none;
 }

}

@media screen and (max-width: 900px) {

 header .inner {
    padding: 0;
    margin: 0
 }

 header {
    padding: 25px 0 0 0;
 }

 .button {
    margin: 0 10px 0 0;
 }

 .logo {
    margin: 0 0 0 10px;
 }

 nav {
    clear:both;
    display:block;
    float:none;
    width:100%;
    padding: 25px 0 0 0;
    margin:0;
 }

 .nav a {
    font-size: 14px;
    padding:10px;
 }

 nav a:hover {
    color: #fff!important;
 }

 .nav {
    clear: both;
    background: #d5d5d5;
    height:auto;
    text-align:left;
 }

 .burger {
    font: 30px/0.5  Helvetica, Arial, sans-serif;   
    text-align: right;
    padding:0;
    display: inline;
    vertical-align: middle;
    padding:5px;
    float:right;
 }


 .nav li a:hover, .nav li:hover {
    background: #ca0a71;
 }

.extra {
    display: none !important;
    height: 1px !important;
    width: auto;
}

 .nav > li a {
    color: #777;
 }

 .active {
    display: block;
 }

 .nav > li {
    float: none;
    display:block;
    width: 100%;
    text-align: left;
 }

 .nav li li {
    width: 100%;
 }

 .nav > li > .parent {
    background-position: 95% 50%;
    padding: 10px;
 }
  
 .nav > li > .parent {
    background-image: none; 
 }
    
 .nav li, .nav li:hover {
    border-bottom: 1px solid #fff;
 }

 .sub-menu li {
    border:0;
}

 .nav li .more {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: 55% 50%;
    float: right;
    width: 15%;
    padding: 0;
    margin: 10px 5px 2px 0px;
    cursor: pointer;
    z-index: 200;
    position: relative;
 }

 .nav li .more:before {
    content: "";
    background: #fff;
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
 }
  
 .nav ul {
    display: block;
    width: 100%;
 }

 .nav > li.hover > ul , .nav li li.hover ul {
     position: static;
 }
   
 nav a {
    margin: 0 !important;
 }

 .nav li li a {
    border-top: 0;
 }

}


@media screen and (max-width: 800px) {

 .foot-item {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
 }

 footer .logo {
    margin: 0 auto 10px auto;
 }

}


@media screen and (max-width: 768px) {

 .hero {
    height: 480px;
 }

 .about-left {
    width: 50%;
    margin: 0 10% 0 0;
 }

 .about-right {
    width: 40%;
 }

 .job, .job:nth-of-type(3n) {
    width: 48%;
    margin: 0 4% 4% 0;
 }

 .job:nth-of-type(2n) {
    margin: 0 0 2% 0;
 }

 .owl-prev,  .owl-next {
    display: none;
 }

 .foot-left {
    float: none;
    margin: 0 0 10px 0;
    display:block;
    text-align: center;
 }

 .foot-right{
    float: none;
    margin: 0;
    display:block;
    text-align: center;
 }

 .team-member, .team-member:nth-of-type(4n) {
    width: 49%;
    margin: 0 2% 2% 0;
 }

 .team-member:nth-of-type(2n) {
    margin: 0 0 2% 0;
 }

 .position {
    margin: 0 0 0 -65px!important;
 }

}


@media screen and (max-width: 524px) {

 .full .wpcf7-form {
    width: 100%;
 }

 .page-hero {
    height: 200px;
 }

 .hero .s {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
 }

 .hero select {
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
 }

 .hero .go {
    float: none;
    width: 100%;
    margin: 0;
 }

 .test-left {
    float: none;
    width: 80%;
    margin: 0 auto 30px auto;
    text-align: center;
 }

 .test-right {
    float: none;
    width: 100%;
    text-align: center;
 }

 .left {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
 }

 .right {
    float: none;
    width: 100%;
    margin: 0;
 }

 .post-left {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
}

 .post-right {
    float: none;
    width: 100%;
    margin: 0;
}


.team-left {
    width: 100%;
    margin: 0 0 20px 0;
    float:none;
}

.team-right {
    width: 100%;
    margin: 0;
    float:none;
}

 .tweets img {
    float:none;
    width: 98%;
    margin: 1%!important;
 }

 .about-box {
    display: block;
        float: none;
        width: 98%;
    margin: 1%;
 }

}


@media screen and (max-width: 480px) {

 .logo {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto;
 }

 .button {
    float: none;
    display: block;
    margin: 20px auto 0 auto;
 }

 .about-left {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center;
 }

 .about-right {
    float: none;
    width: 80%;
    margin: 0 auto 30px auto;
    text-align: center;
 }

 .job, .job:nth-of-type(3n), .job:nth-of-type(2n) {
    width: 100%;
    margin: 0 0 20px 0;
 }

 .clients img {
    float: left;
    width: 42%;
    margin: 0 4%;
 }


 .team-member, .team-member:nth-of-type(4n), .team-member:nth-of-type(2n) {
    width: 100%;
    margin: 0 0 20px 0;
 }

}


@media screen and (max-width: 320px) {

 .container {
    min-width:240px;
    width:100%;
 }
 
}


/* START Bootstrap CSS */

.text-center {
    text-align: center;
}
.list-unstyled {
  padding-left: 0;
  list-style: none !important;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none !important;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.panel-body:after {
  clear: both;
}

/* END Bootstrap CSS */

.panel {
    background-color: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}
.panel.has-border {
    border-top: 8px solid;
}

.panel-body {
    padding: 20px 15px;
}
.panel-header {
    text-transform: uppercase;
}
.panel-subheader {
    color: #ccc;
}
.job-data, .list-inline {
    margin: 0 !important;
}
.job-data > li, .list-inline > li {
    margin-bottom: 0;
    vertical-align: middle;
}

/* .container .essentials ul {
        min-height: 215px important;
} */



.essentials .job-data > li:nth-child(2n+1) {
    width: 27%;
}
.essentials .job-data > li:nth-child(2n+2) {
    text-transform: uppercase;
    width: 71%;
    font-weight:500;
    color:black
}
.technology .col-sm-6 {
    padding-left: 15%;
}
.technology .col-sm-6:first-child:after {
    border-right: 2px solid #ccc;
    bottom: 0;
    content: "";
    display: block;
    height: 120%;
    position: absolute;
    right: 0;
    top: 0;
}
.application_details > strong.or, .linkedin_button {
    display: inline-block !important;
    margin-bottom: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.job-manager-form fieldset input.input-text, .job-manager-form fieldset select {
    border: 1px solid #E5E5E5;
}


.essentials { border-color: #d94793 !important }
.essentials h3 { color: #c7a6b8 !important }

.technology { border-color: #15b9d6 !important }
.technology h3 { color: #88b2b8 !important }

.methodology { border-color: #91bb21 !important }
.methodology h3 { color: #9eb888 !important }


@media ( min-width: 768px ) {
    .panel .fixed-height {
        height: 320px;
    }
    .panel .fixed-height:after {
        background-color: #f5f5f5;
        border-radius: 5px;
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }
}
@media ( min-width: 1200px ) {
    .single-job_listing .inner {
        padding: 0;
    }
}