/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

@font-face {
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    src: url("//cdn2.hubspot.net/hub/413679/file-2159812473-eot/images/fonts/fontello.eot?t=1492159360013");
}

@font-face {
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    src: url("//cdn2.hubspot.net/hub/413679/file-2162872706-woff/images/fonts/fontello.woff?t=1492159360013") format("woff"),
    url("//cdn2.hubspot.net/hub/413679/file-2164126070-ttf/images/fonts/fontello.ttf?t=1492159360013") format("truetype");
}

@import url("https://fonts.googleapis.com/css?family=Lato:400,300,700,700italic,400italic,300italic");

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@charset "utf-8";
/* CSS Document */

body{
  color: #000000;
  font-family: 'Lato', Arial, sans-serif;
  
  
}

.jobmedic h1, h2, h3, h4, h5, h6, em {color:#000000; line-height:1.5em; font-family: 'Lato', Arial, sans-serif; font-weight:300;}
.jobmedic a{color:#2d98ff;}
.jobmedic a:hover, a:focus, a.link.secondary:hover, a.link.secondary:hover { color:#2d98ff; text-decoration:underline; }
.jobmedic .suite-back {background-color:#ebebeb;}

h1 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 0 2.2rem;
  text-transform: none;
}
h2 {
    font-size: 2em;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 0 1rem;
}
h3,.h3 {
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: 300;
}
h4 {
    font-size: 1.25em;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
h5 {
    font-size: 1em;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
}
h6 {
    font-size: 1em;
    line-height: 1.2;
}
blockquote {
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 500;
    margin: 0 0 2.2rem;
    font-style: italic;
    text-align: center;
}

/*****************************************/
/* All buttons    */
/*****************************************/



body .jobmedic .hs-button.large.primary,
body .jobmedic .hs-button.primary{
    background: #44a3ff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    margin: 12px 0 0 0;
     line-height:1.5em;
  padding:7px 28px;
  height:auto;
  color:#ffffff;
  font-family:inherit;
}

body .hs-button.secondary,
body .cta_button.secondary,
body .cta_button.download,
body .orange-button-border{
    background: none;
    border: 2px solid #44a3ff;
    color: #44a3ff;
    padding: 7px 28px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    height:auto;
  line-height:1.5em;
}

body .jobmedic .hs-button:hover,
body .jobmedic .hs-button:focus,
body .jobmedic .cta_button:hover,
body .jobmedic .cta_button:focus,
body .jobmedic .hs-button.primary:hover,
body .jobmedic .hs-button.primary:focus,
body .jobmedic input[type="submit"]:hover,
body .jobmedic input[type="submit"]:focus,
body .jobmedic input[type="button"]:hover,
body .jobmedic input[type="button"]:focus,
body .jobmedic .orange-button:hover,
body .jobmedic .orange-button:focus
{
    background-color:#71b9ff;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}

body .jobmedic .hs-button:active,
body .jobmedic .cta_button:active,
body .jobmedic .hs-button.primary:active,
body .jobmedic input[type="submit"]:active,
body .jobmedic input[type="button"]:active,
body .jobmedic .orange-button:active
{
    background-color:#558bbf;
}

body .hs-button.secondary:hover,
body .hs-button.secondary:focus,
body .cta_button.secondary:hover,
body .cta_button.secondary:focus,
body .cta_button.download:hover,
body .cta_button.download:focus,
body .orange-button-border:hover,
body .orange-button-border:focus{
  color:#71b9ff;
  border: 2px solid #71b9ff;
    color: #ffffff;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
  }

body .hs-button.secondary:active,
body .cta_button.secondary:active,
body .cta_button.download:active,
body .orange-button-border:active
{
  background-color: #558bbf;
  border: 2px solid #558bbf;
    color: #ffffff;
     -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
  padding: 5px 28px;
  }

/*****************************************/
/* Header    */
/*****************************************/

.menu-logo {
  padding:20px;
}

.hs-menu-wrapper > ul > li > a,
.custom-menu-primary .hs-menu-wrapper ul > li > a{
  padding: 18px 22px 10px 0;
    color:#000000;
}
.subnav {
    background-color: #f1f2f3;
  border-bottom: 1px solid #cacbcc;
}
.custom-menu-primary .hs-menu-wrapper > ul ul {
    margin: 0px 0 0 -20px;
}
.subnav-fixed-top .hs-menu-wrapper > ul > li > a,
.subnav-fixed-top .custom-menu-primary .hs-menu-wrapper ul > li > a{
    padding-top: 22px;
  color:#000000;
}
.hs-menu-wrapper ul > li > a:hover,
.custom-menu-primary .hs-menu-wrapper ul > li > a:hover,
.hs-menu-wrapper ul > li > a:active,
.custom-menu-primary .hs-menu-wrapper ul > li > a:active,
.hs-menu-wrapper ul > li > a:focus,
.custom-menu-primary .hs-menu-wrapper ul > li > a:focus,
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover,
.custom-menu-primary .hs-menu-wrapper > ul ul li a:active,
.custom-menu-primary .hs-menu-wrapper > ul ul li a:focus
{
  color:#2d98ff; 
  text-decoration: none;
}

.hs-menu-wrapper > ul > li.active > a,
.hs-menu-wrapper > ul > li.active-branch > a,
.custom-menu-primary .hs-menu-wrapper > ul > li.active > a,
.custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a{
  color:#000000;
  text-decoration: none;
}
.subnav .hs-menu-wrapper > ul > li > a.hs-button.primary{
    padding: 7px 20px;
    margin: 15px auto;
}
/*
.subnav-fixed-top{
  top:72px;
}*/
@media (max-width: 1400px)
  {
.hs-menu-wrapper > ul > li > a, .custom-menu-primary .hs-menu-wrapper ul > li > a {
    padding: 17px 22px 10px 0;
}
}
@media (max-width: 1242px)
{.mobile-trigger {
  color:#182642;
    background: rgba(0, 0, 0, 0) url("https://hiring.jobmedic.co.uk/hubfs/cb_menu_jm-1.svg") no-repeat scroll center center;
  }
 .mobile-open .mobile-trigger{
  background: rgba(0, 0, 0, 0) url(https://hiring.jobmedic.co.uk/hubfs/cb_menu_jm-1.svg) no-repeat scroll center center;
  }
}
  .custom-menu-primary .hs-menu-wrapper > ul > li:hover:first-child > a, .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a  {
    color: #2d98ff;
}
}
/*****************************************/
/* Footer    */
/*****************************************/

.jobmedic .hs-custom-footer * {color:#000000;}
.jobmedic .hs-custom-footer .hs-custom-social ul li a {color:#ffffff;}
.jobmedic .hs-custom-social ul li a {
  background-color: #000000;
}
.hs-custom-footer [class*="hs-footer-col"] a{
    font-weight: 400;
    text-decoration:none;
}

.jobmedic .hs-custom-social ul li a:hover{
    background-color: #71b9ff;
    color: #ffffff;
}
.jobmedic .hs-custom-social ul li a:active{
    background-color: #71b9ff;
    color: #ffffff;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
    max-width: none;
}
/**
 *  Pages
 * **/


.cdb-back{  
    background-image: url("https://hiring.jobmedic.co.uk/hubfs/hero_images/hero-cv-search-1920x437@2x_JM.jpg") !important;
}
/* Employer Brand */
.eb-back{  
    background-image: url("https://hiring.jobmedic.co.uk/hubfs/product_images/hero-employer-branding-JM.jpg") !important;
}
.ja-back{  
    background-image: url("https://hiring.jobmedic.co.uk/hubfs/hero_images/hero-job-advertising-1920x437_JM@2x.jpg") !important;
}
.jobmedic .about-back{
    background-image: url("https://hiring.jobmedic.co.uk/hubfs/hero_images/hero-about-us-JM.jpeg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    margin: 0;
    background-color: #734BAA;
}


.jobmedic .whatwedo-section{
    background-image: url(https://hiring.jobmedic.co.uk/hubfs/hero_images/section-bg-whatwedo-JM.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin: 0; 
}
.about-us-page .whatwedo-section{
    background-image: url(https://hiring.jobmedic.co.uk/hubfs/hero_images/about-hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin: 0; 
}
.pricing-plan .plan:first-of-type {
  border-radius:0px;
}

element.style {
}
.pricing-plan .plan-features {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: outside none none;
}
.pricing-plan * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.pricing-plan .plan{
  border-color:#000000;
}
.pricing-plan .plan-labels, .pricing-plan .plan-description, .pricing-plan .plan-title {
  color:#000000;
}
.pricing-plan .plan-price {
    background-color: #000000;
}
.pricing-plan .featured,
.pricing-plan .featured:last-child{
  border-color: #5b2f96 !important;
  border-radius:0px;
}
.pricing-plan .featured .plan-stamp {
    background: #5b2f96;
    border-color: #5b2f96;
  border-radius:0px;
  color:#ffffff;
}
.pricing-plan .featured .plan-title {
    color: #5b2f96;
}
.pricing-plan .featured .plan-price {
    background-color: #5b2f96;
}
.pricing-plan .featured .plan-title, .pricing-plan .featured .plan-price {
  color:#ffffff;
}
.pricing-plan .featured .hs-button.primary{
  background: #5b2f96;
}
.pricing-plan .featured .hs-button.primary:hover,
.pricing-plan .featured .hs-button.primary:focus
{
  background: #5f49aa;
}
.pricing-plan .featured .hs-button.primary:active
{
  background: #442371;
}

ul.resources-list{
    margin-bottom: 1.5em;
}

/*****************************************/
/* Responsive    */
/*****************************************/

@media (max-width: 767px)
{.righttocenteralign {
    text-align: center !important;
}
}
@media only screen and (max-width: 1242px){
.pricing-plan .plan, .pricing-plan .plan:first-child, .pricing-plan .plan:last-child {
    border-radius: 0px;
}}