/*
Theme Name: My Simply Group - Stage New
Theme URI: https://www.mysimplygroup.com
Author: Jeff Byers
Author URI: https://www.jeffbye.rs
Description: Responsive Theme developed for Client. 
Requires at least: WordPress 5
Version: 2.0
License: Exclusive License
Text Domain: my-simply-group
*/

/*******************************
      GENERAL
*******************************/

article {
  padding-top: 100px;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

h1 {
  color: #56a63f;
  font-size: 2em;
  font-weight: 300;
  line-height: 1em;
}

h2 {
  color: #56a63f;
  font-size: 1.7em;
  font-weight: 300;
  line-height: 1em;
}

h3 {
  color: #5c626b;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1em;
}

h4 {
  color: #5c626b;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1em;
}

a {
  color: #5c626b;
  text-decoration: underline;
  text-decoration-color: #d5e9cf;
  text-decoration-thickness: 0.2em;
  -webkit-text-decoration-skip: none;
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}

a:hover {
  color: #5c626b;
  text-decoration: underline;
  text-decoration-color: #d5e9cf;
  background-color: #d5e9cf;
  text-decoration-thickness: 0.2em;
}

p {
  color: #5c626b;
}

img {
  height: auto;
}

.bg-custom {
  background-color: #56a63f;
  color: #fff;
}

.bg-custom h1,
.bg-custom h2,
.bg-custom h3,
.bg-custom h4,
.bg-custom p {
  color: #fff;
}

.text-custom {
  color: #4c9e45;
}

/*******************************
      MISC
*******************************/

.wp-block-columns {
  margin-bottom: 0 !important;
}

.section {
  padding-bottom: 50px;
  padding-top: 50px;
  position: relative;
}

.outline-none video {
  outline: none;
}

/*******************************
      CIRCLE IMAGE
*******************************/

.circle-img:after {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: #56a63f;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.circle-img div {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.circle-img img {
  /* -moz-border-radius: 0 0 0 50%; */
  /* -webkit-border-radius: 0 0 0 50%; */
  /* border-radius: 0 0 0 50%; */
}

.circle-img div .cut-25 {
  padding-top: 25px;
  margin-bottom: -25px;
}

.circle-img div .cut-50 {
  padding-top: 50px;
  margin-bottom: -50px;
}

.circle-img div .cut-75 {
  padding-top: 75px;
  margin-bottom: -75px;
}

.circle-img div .cut-100 {
  padding-top: 100px;
  margin-bottom: -100px;
}

/*******************************
      TABLES
*******************************/

.table th {
  color: #fff;
  background-color: #56a63f;
  border-color: #56a63f;
  text-align: center;
}

/*******************************
      BUTTONS
*******************************/

.btn {
  margin: 0.5em 2em 0.5em 0;
  border-radius: 30px;
  height: 30px;
  color: #fff;
  text-decoration: none;
  font-size: 0.8em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 110px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 1.2em;
  text-transform: uppercase;
}

.btn-footer {
  color: #444c57;
  border: 2px solid #fff;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 30px;
  padding: 10px;
  text-transform: uppercase;
}

.btn-footer:active,
.btn-footer:focus,
.btn-footer:hover {
  outline: none;
  text-decoration: none;
  background-color: transparent;
  color: #fff;
}

.btn-outline-white {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 30px;
  padding: 10px;
}

.btn-outline-white:active,
.btn-outline-white:focus,
.btn-outline-white:hover {
  outline: none;
  text-decoration: none;
  background-color: #fff;
  color: #4c9e45;
}

.btn-outline {
  color: #4c9e45;
  border: 2px solid #4c9e45;
  background-color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
  outline: none;
  text-decoration: none;
  background-color: #4c9e45;
  color: #fff;
}

.btn-custom {
  color: #ffffff;
  border: 2px solid #108445;
  background-color: #108445;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active {
  outline: none;
  text-decoration: none;
  background-color: #ffffff;
  color: #56a63f;
}

.btn-custom-2 {
  color: #ffffff;
  border: 2px solid #fff;
  background-color: #56a63f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 30px;
  padding: 10px;
}

#topnav .navigation-menu > li.last-elements > a,
#topnav .navigation-menu > li.last-elements > a:hover,
#topnav
  .navigation-menu
  > li.last-elements
  > a:focus
  #topnav
  .navigation-menu
  > li.last-elements
  > a:active {
  text-decoration: none;
}

.btn-custom-2 a {
  color: #ffffff;
}
.btn-custom-2 a:hover {
  color: #56a63f;
}

.btn-custom-2:hover,
.btn-custom-2:focus,
.btn-custom-2:active {
  outline: none;
  text-decoration: none;
  background-color: #fff;
  color: #56a63f;
  border: 2px solid #56a63f;
}

.btn--no-style,
.btn--no-style {
  border: none !important;
  margin: 0;
  border-radius: 0;
  height: auto;
  color: inherit;
  text-decoration: none;
  font-size: 28px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: unset;
  background: transparent;
}

.btn--no-style:hover,
.btn--no-style:focus,
.btn--no-style:hover,
.btn--no-style:focus {
  color: rgba(86, 166, 63, 1) !important;
  border: none !important;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none !important;
}

/*******************************
      MOBILE-ADAPTATIONS
*******************************/

@media (max-width: 599px) {
  .reverse-columns {
    flex-direction: column-reverse;
  }
}

/*******************************
      ICONS
*******************************/

.contact-icon {
  font-size: 30px;
  flex-basis: 10% !important;
}

.contact-info {
  flex-basis: 90% !important;
}

/*******************************
      FORMSTACK CUSTOM
*******************************/

.fsBody {
  font-weight: 300 !important;
}

.fsBody input,
.fsBody select,
.fsBody textarea {
  font-family: 'Montserrat', sans-serif !important;
}
.wf-active .fsBody,
.wf-active .fsBody input,
.wf-active .fsBody select,
.wf-active .fsBody textarea {
  font-family: 'Montserrat', sans-serif !important;
}

.fsBody .fsForm {
  float: center !important;
  border: none !important;
  background-color: transparent !important;
}

.fsRequiredMarker {
  color: red;
}

.fsForm textarea,
.fsRowBody input[type='email'],
.fsRowBody input[type='number'],
.fsRowBody input[type='tel'],
.fsRowBody input[type='text'] {
  background-color: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #c1c1c1 !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  color: #5c626b !important;
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

.fsForm textarea.fsRequired,
.fsRowBody input[type='email'].fsRequired,
.fsRowBody input[type='number'].fsRequired,
.fsRowBody input[type='tel'].fsRequired,
.fsRowBody input[type='text'].fsRequired {
  background-color: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #c1c1c1 !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  color: #5c626b !important;
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

.fsForm textarea:focus,
.fsRowBody input[type='email']:focus,
.fsRowBody input[type='number']:focus,
.fsRowBody input[type='tel']:focus,
.fsRowBody input[type='text']:focus {
  border-color: #56a63f !important;
}

.fsBody .fsLabel {
  color: #5c626b !important;
}

.fsBody label {
  color: #5c626b !important;
}

.fsNextButton,
.fsPreviousButton,
.fsSubmitButton {
  text-transform: uppercase !important;
  color: #ffffff !important;
  border: 2px solid #108445 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #108445 !important;
  border-radius: 30px !important;
  height: 30px !important;
  padding: 10px 20px 20px 20px !important;
}

.fsNextButton:hover,
.fsPreviousButton:hover,
.fsSubmitButton:hover {
  text-transform: uppercase !important;
  color: #56a63f !important;
  outline: none !important;
  background-color: transparent !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: 2px solid #56a63f !important;
}

label.fsOptionLabel {
  font-size: 12px;
  line-height: 1.5;
}

.fsPagination,
.fsSubmit {
  text-align: left !important;
}

/*******************************
      WHITE FORM
*******************************/

.custom-form-white .form-control-white {
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #fff;
}

.custom-form-white input {
  padding: 20px 0px;
  outline: none;
}

.custom-form-white input::-webkit-input-placeholder {
  /* Edge */
  color: #fff;
}

.custom-form-white input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
}

.custom-form-white input::placeholder {
  color: #fff;
}

/*******************************
      FOOTER
*******************************/

footer {
  color: #fff;
  background: #444c57;
}

footer a {
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

footer a:hover,
footer a:focus {
  text-decoration: underline;
  background-color: transparent;
  color: #fff;
}

footer .footer-right {
  text-align: left;
}
footer .footer-right {
  text-align: right;
}

@media (max-width: 991px) {
  footer .footer-right,
  footer .footer-left {
    text-align: center;
  }
  footer .list-inline-item {
    min-width: 100%;
  }
  footer .btn-item {
    padding-top: 30px;
  }
}

/* MY SIMPLY GREEN FOOTER CSS */
footer {
  background: #454c57;
  color: #fff;
}

footer p {
  color: #fff;
}

footer .inner-box {
  max-width: 100%;
  display: grid;
  grid-template-columns: 3fr 5fr;
  padding: 4vw 7vw;
}

footer .footer-logo {
  display: block;
  width: auto;
  height: 100px;
  grid-column: 1 / span 2;
  margin-bottom: 16px;
}

footer .footer-logo img {
  width: auto;
  height: 100%;
}

footer .footer-social {
  margin-top: 0.5em;
}

footer .footer-social a {
  width: 35px;
  height: 35px;
  display: inline-block;
  margin-right: 1em;
}

footer .footer-social img {
  width: 100%;
  height: auto;
}

footer .copyright {
  grid-column: 1 / span 2;
  grid-row: 3;
}

footer .nav-side {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a.button {
  background: #fff;
  font-size: 1.1em;
  color: #707070;
  margin-right: 0;
  border-radius: 8px;
}

footer .top-nav {
  font-size: 1em;
}

footer .nav-bottom {
  width: calc(100%);
  margin-top: 0;
}

footer .bottom-nav {
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 80px);
  float: right;
  padding: 0;
}
footer .bottom-nav > li > a {
  font-size: 1em !important;
  line-height: 0em;
  margin-bottom: 1em;
}
footer .sidebar .textwidget p,
.copyright {
  font-size: 0.9em;
}
footer .bottom-nav .menu-item-has-children {
  text-align: left;
}

footer ul {
  list-style: none;
  padding: 0;
}

.dropdown-toggle-arrow {
  display: inline-block;
  /* margin-left: 0.255em; */
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/* MK UPDATES - 10/25/20 */
footer .bottom-nav .menu-item-type-custom a .footer-menu-link--mobile {
  display: none;
  transition: all 0.2s ease;
}

footer .bottom-nav .menu-item-has-children > a {
  font-size: 1rem;
  line-height: 0;
  margin-bottom: 1em;
  font-weight: bold;
}
footer .bottom-nav .menu-item-has-children .sub-menu {
  display: block;
  background: none;
  position: static;
  box-shadow: none;
  font-weight: 300;
  font-size: 0.9em;
  text-align: left;
  line-height: 1.5;
  transform: translateX(0);
  padding: 0;
  text-decoration: none;
}
footer .bottom-nav .menu-item-has-children .sub-menu li {
  line-height: 2;
  font-size: 1em !important;
  padding: 0;
}
footer .bottom-nav .menu-item-has-children .sub-menu:before {
  display: none;
}

.bold {
  font-weight: bold;
}
.bold .bold {
  font-weight: 400;
}

footer li.button a {
  border-radius: 30px;
  background: #fff;
  color: #454c57;
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1em;
}
footer li.button a:hover {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  color: #fff;
  text-decoration: none;
}

/* DAVID'S MYSIMPLYGREEN FOOTER CODE */
footer .footer-logo {
  width: 180px;
}
footer .sidebar .textwidget p,
.copyright {
  font-size: 12px;
}
footer .bottom-nav .menu-item-has-children .sub-menu li a {
  font-size: 12px !important;
  display: block;
}
footer .sidebar .textwidget strong,
#menu-footer-bottom > li > a {
  font-size: 14px !important;
  line-height: 1.5;
  display: block;
  margin-bottom: 1em;
}
footer .footer-social a {
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 0.5em;
}
footer .nav-bottom {
  margin-top: 0;
}
footer .bottom-nav .menu-item-has-children .sub-menu li {
  line-height: 1.5;
}

/* DAVID'S MYSIMPLYGREEN FOOTER CODE END */

@media only screen and (min-width: 1921px) {
  footer .logo {
    width: 20vw;
    height: 4vw;
  }
  footer .inner-box {
    max-width: 100vw;
  }
}

@media only screen and (max-width: 890px) {
  footer .inner-box {
    display: block;
  }
  footer .logo {
    margin: 0 auto 40px;
  }
  footer .nav-side {
    width: 100%;
  }
  footer .bottom-nav {
    width: 100%;
  }
}

@media only screen and (max-width: 680px) {
  footer {
    text-align: center;
  }
  footer .footer-logo {
    display: inline-block;
  }
  footer nav {
    margin-top: 2em;
  }
  footer nav ul li {
    display: block;
    width: 100%;
    text-align: center;
    margin: 1em 0;
  }

  footer .bottom-nav {
    float: none;
    display: block;
  }
  footer .bottom-nav .menu-item-has-children {
    text-align: center;
  }

  footer .bottom-nav .menu-item-has-children a {
    cursor: pointer;
  }

  /* MK UPDATES - 10/25/20 */
  footer .bottom-nav .menu-item-type-custom a .footer-menu-link--mobile {
    display: inline;
    color: #fff;
    font-size: 0.75rem;
    margin: 0 0 0 8px;
    border: none;
    border-radius: 0;
    /* width: 8px; */
    height: auto;
    padding: 0;
    min-width: 0;
  }

  footer .bottom-nav .menu-item-type-custom a .footer-menu-link--mobile img {
    width: 8px;
    height: 8px;
  }

  footer .bottom-nav .menu-item-type-custom a .footer-menu-link--mobile:hover {
    color: #fff !important;
  }

  /* MK UPDATES - 10/25/20 */
  footer .bottom-nav .menu-item-has-children .sub-menu {
    display: none;
  }
  /* MK UPDATES - 10/25/20 */
  footer .bottom-nav .menu-item-has-children.open .sub-menu {
    display: block;
    animation-name: mobileFooterMenu;
    animation-duration: 1s;
  }
  /* MK UPDATES - 10/25/20 */
  footer .bottom-nav .menu-item-has-children.open .footer-menu-link--mobile {
    transform: rotate(180deg);
  }

  @keyframes mobileFooterMenu {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}

/*******************************
      OWL SLIDER CUSTOM
*******************************/

.owl-theme .owl-controls .owl-page span {
  background-color: #4c9e45 !important;
}

/*******************************
      PROCESS MODEL
*******************************/

.process-model {
  list-style: none;
  padding: 0;
  position: relative;
  border: none;
  z-index: 0;
}

.process-model li {
  display: inline-block;
  width: 16%;
  text-align: center;
  float: none;
}

.process-model li::after {
  background: #e5e5e5 none repeat scroll 0 0;
  bottom: 0;
  content: '';
  display: block;
  height: 4px;
  margin: 0 auto;
  position: absolute;
  /* right: -30px; */
  top: 33px;
  width: 32%;
  z-index: -1;
}
.process-model li.visited::after {
  background: #4c9e45;
}

.process-model li.active::after {
  background: #4c9e45;
}

.process-model li:last-child::after {
  width: 16%;
}

.process-model li a {
  padding: 0;
  border: none;
  color: #606060;
}

.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
  color: #4c9e45;
}

@-webkit-keyframes myfirst {
  0% {
    border-color: #e5e5e5;
  }
  50% {
    border-color: #4c9e45;
  }
  100% {
    border-color: #e5e5e5;
  }
}

.process-model li i {
  display: block;
  height: 68px;
  width: 68px;
  text-align: center;
  margin: 0 auto;
  background: #f5f6f7;
  border: 2px solid #e5e5e5;
  line-height: 65px;
  font-size: 30px;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.process-model li.active i,
.process-model li.visited i,
.process-model li i:hover {
  background: #fff;
  border-color: #4c9e45;
  color: #4c9e45;
}
.process-model li.active i {
  -webkit-animation: myfirst 2s infinite;
}

/* mobile modifications */
@media (max-width: 599px) {
  .process-model li {
    width: 32% !important;
  }
  .process-model li:last-child::after {
    width: 32% !important ;
  }
  .process-model li::after {
    display: none;
  }
}

/*******************************
      FAQS
*******************************/

.accordion-section .panel-default > .panel-heading {
}
.accordion-section .panel-default .panel-title a {
  display: block;
  font-style: italic;
}
.accordion-section .panel-default .panel-title a:after {
  font-family: 'FontAwesome';
  font-style: normal;
  font-size: 3rem;
  content: '\f106';
  color: #4c9e45;
  float: right;
  margin-top: -12px;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
  content: '\f107';
}
.accordion-section .panel-default .panel-body {
}

/*******************************
        PRICING
*******************************/

.pricing-icon i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 50%;
  color: #fff;
  background-color: #ababab;
}

.pricing-icon-active i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 50%;
  color: #fff;
  background-color: #4c9e45;
}

.pricing-icon-alt i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  color: #ababab;
}

.pricing-icon-active-alt i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 18px;
  color: #4c9e45;
}

.pricing-box {
  border: 2px solid #f1f1f1;
  border-radius: 20px;
}

.pricing-box-active {
  border: 2px solid #4c9e45;
  border-radius: 20px;
}

.icon-img figure img {
  max-height: 120px;
}

/*******************************
       PRODUCT TABS  
*******************************/

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #4c9e45;
  background-color: transparent;
  border-color: transparent transparent #4c9e45;
  border-bottom: 4px solid !important;
  font-weight: 700;
}
.nav-tabs .nav-link {
  border: none;
}

/*******************************
       *. SOCIAL ICONS  
*******************************/

.footer-social-icon-white {
  font-size: 20px;
  height: 20px;
  width: 20px;
  line-height: 20px;
  border-radius: 0px;
  text-align: center;
  display: inline-block;
}

/*******************************
     SMARTPHONE ICONS  
*******************************/

.smartphone-icon i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 50%;
  color: #fff;
  background-color: #ababab;
}

.smartphone-icon-active i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  border-radius: 50%;
  color: #fff;
  background-color: #4c9e45;
}

.smartphone-icon-alt i {
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  font-size: 27px;
  color: #ababab;
}

.smartphone-icon-active-alt i {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  color: #4c9e45;
}

/*******************************
     TIMELINE ARROW
*******************************/

.arrow {
  background-color: #4c9e45;
  content: '';
  display: inline-block;
  height: 2px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}

.arrow:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  border-top: 2px solid #4c9e45;
  border-right: 2px solid #4c9e45;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

/*******************************
     OUR COMPANIES LOGOS
*******************************/

@media (max-width: 599px) {
  .our-companies-logo {
    width: 100%;
    max-width: 175px;
  }
}

/*******************************
     CAREERS
*******************************/

.hero {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding-top: 30px;
	font-size: 16px;
}
@media only screen and (max-width: 680px) {
	.hero {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}

.hero .text-side {
    -ms-grid-column: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px 30px 30px 7vw;
    height: 100%;
    max-height: 75vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero .text-side .copy {
    width: 100%;
    max-width: 800px;
}

.hero .text-side .copy h1, .hero .text-side .copy h2 {
	font-size: 1.9em;
    font-weight: 200;
    line-height: 1.25em;
}

.hero .text-side .copy p {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
}

.hero .image-side {
    -ms-grid-column: 2;
    position: relative;
    background: url(images/hero-image.png) no-repeat right center/ contain;
    height: 40vw;
    width: 50vw;
    max-height: 75vh;
}


@media only screen and (max-width: 680px) {
	.hero .image-side {
		-ms-grid-row: 1;
		grid-row: 1;
		height: 100vw;
		width: 100%;
	}
}

.hero .image-side:after {
    content: '';
    display: block;
    position: absolute;
    width: 40vw;
    height: 40vw;
    max-width: 70vh;
    max-height: 70vh;
    bottom: 20px;
    right: 7%;
    border-radius: 50%;
    z-index: -1;
}

.hero .image-side:after {
    background: rgba(86,166,63,1);
}

@media only screen and (max-width: 680px) {
	.hero .image-side:after {
		width: 80vw;
		height: 80vw;
	}
}

.half-and-half {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0 0;
	font-size: 16px;
}

@media only screen and (max-width: 680px) {
	.half-and-half {
		display: flex;
   		flex-direction: column-reverse;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 40px 0 0;
	}
}

.half-and-half .text-side {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 30px 30px 30px 7vw;
}

.half-and-half .text-side .copy {
    width: 100%;
    max-width: 800px;
}

@media only screen and (max-width: 680px) {
	.half-and-half:nth-of-type(even) .text-side, .half-and-half:nth-of-type(odd) .text-side {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 2;
		grid-row: 2;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
}

.half-and-half .text-side .copy h1, .half-and-half .text-side .copy h2 {
	font-size: 1.9em;
    font-weight: 200;
    line-height: 1.25em;
	margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

.half-and-half .text-side .copy p {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 300;
	margin-block-start: 1em;
    margin-block-end: 1em;
}

.half-and-half:nth-of-type(even) .text-side {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 30px 7vw 30px 30px;
}

.half-and-half .image-side {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-height: 30vw;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    position: relative;
    text-align: center;
}

.half-and-half .image-side:after {
    content: '';
    display: block;
    width: 30vw;
    height: 30vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-65%, -50%);
    -ms-transform: translate(-65%, -50%);
    transform: translate(-65%, -50%);
    z-index: -1;
    border-radius: 50%;
}

.half-and-half .image-side:after {
    background: rgba(86,166,63,1);
}

.half-and-half:nth-of-type(even) .image-side {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}

@media only screen and (max-width: 680px) {
	.half-and-half:nth-of-type(even) .image-side, .half-and-half:nth-of-type(odd) .image-side {
		background-size: contain !important;
		background-position: center bottom !important;
		grid-row: 1;
		-ms-grid-row: 1;
		grid-column: 1;
		-ms-grid-column: 1;
		min-height: 40vh;
	}
}

@media only screen and (max-width: 680px) {
	.half-and-half .image-side:after {
		width: 80vw;
		height: 80vw;
	}
}

.job-postings {
	font-size: 16px;
}

.job-postings .inner-box {
	width: 100%;
    margin: 0 auto;
    padding: 30px 7vw;
}

@media (max-width: 1400px) {
	.job-postings .inner-box {
		max-width: 100vw;
	}
}

.job-postings .inner-box h1, .job-postings .inner-box h2 {
	font-size: 1.9em;
    font-weight: 200;
    line-height: 1.25em;
	margin-block-start: 0.83em;
    margin-block-end: 0.83em;
}

.job-postings .inner-box p {
	font-size: 16px;
	margin-block-start: 1em;
    margin-block-end: 1em;
}

.job-postings .job-grid {
	display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.job-postings .job-grid > .item {
    background: rgba(248, 248, 248, 1);
    padding: 30px;
    margin: 20px;
}

.job-postings .job-grid > .item:nth-child(odd) {
    margin-left: 0;
}

.job-postings .job-grid > .item:nth-child(even) {
    margin-right: 0;
}

.resumator-job-title, .resumator-job-info, .resumator-job-view-details, .resumator-jobs-text, .resumator-job-description-text p span, .resumator-job-description-text p span span, .resumator-job-description-text p span span span, .resumator-job-description-text p span span span span, .resumator-job-description-text ul li, .resumator-job-description-text ul li span, .resumator-job-description-text ul li span span, .resumator-job-description-text ul li span span span,.resumator-job-description-text ul li span span span span, .resumator-buttons ul li a, .resumator-job-description-text p, .resumator-job-description-text p b, .resumator-job-description-text p b u, .resumator-job-description-text p u {
	font-family: 'Montserrat', sans-serif!important;
	color: #5C626B!important;
	font-size: 14px!important;
}

.resumator-job-title {
	font-size: 18px!important;
}

.resumator-job-info {
	font-size: 12px!important;
}


.resumator-job-link.resumator-jobs-text {
	display: inline-block;
	padding-bottom: 1px;
}

.resumator-buttons ul {
	height: auto!important;
	display: flex;
	align-items: center;
}

.resumator-apply-button {
	text-transform: uppercase !important;
    color: #ffffff !important;
    border: 2px solid #56a63f !important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: #56a63f !important;
    border-radius: 30px !important;
    height: 30px !important;
    padding: 10px 20px 20px 20px !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 13px !important;
    font-weight: 400;
    font-style: normal;
    line-height: 13px;
}

.resumator-apply-button:hover {
	text-transform: uppercase !important;
    color: #56a63f !important;
    outline: none !important;
    background-color: transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: 2px solid #56a63f !important;
}

.resumator-job-description-text a {
	color: #5c626b!important;
    text-decoration: underline!important;
    text-decoration-color: #d5e9cf!important;
    text-decoration-thickness: 0.2em!important;
    -webkit-text-decoration-skip: none!important;
    text-decoration-skip: none!important;
    text-decoration-skip-ink: none!important;
}

@media (max-width: 543px) {
	.wpb_wrapper .wpsisac-slick-slider.design-5 .slick-next,
	.wpb_wrapper .wpsisac-slick-carousal.design-6 .slick-next {
		right: -38px !important;
	}
}

@media (max-width: 767px) {
	.wpb_wrapper .wpsisac-slick-slider.design-5 .slick-next,
	.wpb_wrapper .wpsisac-slick-carousal.design-6 .slick-next {
		right: -40px !important;
	}
}

