/* colors - START*/
/* colors - END*/
/* trustpilot background and color - START*/
/* trustpilot background and color - END*/
/* START - nav menu right arrow */
/* END - nav menu right arrow */
/* dimensions - START */
/* Legend: 
    - "d" = desktop
    - "t" = tablet
    - "m" = mobile
    - "v" = vertical
    - "h" = horizontal
    - "i" = in section / spacing between paragraphs in a section
*/
/* head section */
/* normal section */
/* columns section */
/* buttons */
/* dimensions - END */
/* custom calc variable for home page section - START */
/* custom calc variable for home page section - END */
.roadmaps-submenu {
  padding-bottom: 60px;
  padding-top: 60px;
  max-width: 100%;
  margin-bottom: 80px; }
  .roadmaps-submenu .subtitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 7fr 5fr;
    grid-template-columns: 7fr 5fr;
        grid-template-areas: 'subtitle .';
    grid-area: subtitle; }

.margin-bottom {
  margin-bottom: 25px; }

.task-management-section {
  margin-top: 50px;
  min-width: 100px !important; }
  .task-management-section .task-management-anchors {
    list-style-type: none;
    font-size: 16px;
    line-height: 160%;
    padding-left: 0;
    color: #41B770; }
  .task-management-section.container {
    min-width: 100px !important;
    width: 100%; }
  .task-management-section section > img,
  .task-management-section .img-cont img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    display: block; }
  .task-management-section img.limit-width-50 {
    max-width: 30%; }
  .task-management-section .review-images img {
    width: 100%; }
  .task-management-section .free-award-container-PM {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 302px;
    margin-bottom: 0px; }
    .task-management-section .free-award-container-PM .text-gray {
      margin-left: 0px; }
    .task-management-section .free-award-container-PM img {
      display: inline-block;
      width: 40px;
      margin-right: 20px;
      vertical-align: top; }
    .task-management-section .free-award-container-PM h5 {
      display: inline-block;
      width: 100%;
      max-width: -moz-calc(100% - 70px);
      max-width: calc(100% - 70px);
      margin-top: 22px;
      text-align: left;
      line-height: 140%; }
  .task-management-section .review-images {
    padding: 0 20px; }

.margin-top {
  margin-top: 25px; }

.big-margin-top {
  margin-top: 50px; }

.margin-bottom-large {
  margin-bottom: 40px; }

.glare-effect {
  overflow: hidden; }
  .glare-effect::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -130%;
    width: 100%;
    height: 60px;
    opacity: 0.5;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    background: rgba(255, 255, 255, 0.6);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(white), to(rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0));
    -moz-animation: glare 5s ease-in infinite;
      -o-animation: glare 5s ease-in infinite;
         animation: glare 5s ease-in infinite;
    -webkit-animation: glare 5s ease-in infinite;
    -webkit-animation-delay: 3s;
       -moz-animation-delay: 3s;
         -o-animation-delay: 3s;
            animation-delay: 3s; }

section.roadmap-subscribe {
  margin-top: 80px;
  background: #F3F3F3; }

section .button__container {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 45px 0; }
  section .button__container.center {
    text-align: center; }

section .roadmap-anchors {
  list-style-type: none;
  font-size: 16px;
  line-height: 160%;
  padding-left: 0;
  color: #41B770; }
  section .roadmap-anchors .list-format {
    font-style: normal;
    font-family: 'Segoe UI', 'Open Sans', sans-serif; }
    section .roadmap-anchors .list-format li {
      font-size: 20px;
      color: rgba(51, 51, 51, 0.9);
      line-height: 160%; }
    section .roadmap-anchors .list-format.all-orange-text > li {
      color: #41B770; }

section .bottom_form_section {
  padding: 0 20px; }

section li h3 {
  margin-bottom: 0px; }

.subscribe-form {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }
  .subscribe-form.video-form {
    padding-top: 40px; }
  .subscribe-form form.first-form .input-group {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .subscribe-form form.first-form .input-group .form-element {
      height: 50px;
      border-radius: 2px; }
      .subscribe-form form.first-form .input-group .form-element.form-input {
        -webkit-box-flex: 3;
        -webkit-flex: 3 1 auto;
           -moz-box-flex: 3;
            -ms-flex: 3 1 auto;
                flex: 3 1 auto;
        background: #FFFFFF;
        color: #282832;
        margin-right: 10px;
        max-width: -moz-calc(100% - 140px);
        max-width: calc(100% - 140px);
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
      .subscribe-form form.first-form .input-group .form-element.form-button.input-group-addon {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
           -moz-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: #41B770;
        font-size: 16px;
        color: #FFFFFF;
        text-transform: uppercase;
        text-decoration: none;
        padding: 12px 8px;
        border: none;
        font-weight: 600;
        max-width: 130px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -o-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in; }
        .subscribe-form form.first-form .input-group .form-element.form-button.input-group-addon:hover, .subscribe-form form.first-form .input-group .form-element.form-button.input-group-addon.focus {
          background: #4FA866; }
  .subscribe-form.red-bkg-button form.first-form .input-group .form-element.form-button.input-group-addon {
    background: #41B770; }
    .subscribe-form.red-bkg-button form.first-form .input-group .form-element.form-button.input-group-addon:hover, .subscribe-form.red-bkg-button form.first-form .input-group .form-element.form-button.input-group-addon.focus {
      background: #4FA866; }
  .subscribe-form .enrolment-confirmation {
    width: 100%;
    max-width: 550px;
    padding: 12px 20px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    border-radius: 5px;
    background: #41B770;
    margin-top: 20px;
    padding-top: 30px; }
    .subscribe-form .enrolment-confirmation a.download {
      display: inline-block;
      position: relative;
      width: auto;
      max-width: 300px;
      margin: 10px auto 0;
      border: 1px solid #FFFFFF;
      border-radius: 5px;
      padding: 6px;
      font-size: 18px;
      text-align: center;
      color: #FFFFFF;
      font-weight: 600;
      text-decoration: none; }
      .subscribe-form .enrolment-confirmation a.download:hover, .subscribe-form .enrolment-confirmation a.download:focus {
        background: rgba(0, 0, 0, 0.05); }

.wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto; }
  .wrapper .form-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 40px; }
    .wrapper .form-container .form-elemenet {
      height: 50px;
      padding: 12px;
      font-size: 18px;
      border-radius: 2px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    .wrapper .form-container .form-input {
      -webkit-box-flex: 3;
      -webkit-flex: 3 1 auto;
         -moz-box-flex: 3;
          -ms-flex: 3 1 auto;
              flex: 3 1 auto;
      background: #FFFFFF;
      color: #282832;
      margin-right: 10px;
      max-width: -moz-calc(100% - 140px);
      max-width: calc(100% - 140px); }
    .wrapper .form-container .form-button {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background: #41B770;
      font-size: 16px;
      color: #FFFFFF;
      padding: 12px 8px;
      font-weight: 600;
      max-width: 130px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.templates__grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  margin-bottom: 30px; }
  .templates__grid img {
    width: 100%; }
  .templates__grid.columns__two {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .templates__grid--3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3 0 100%;
       -moz-box-flex: 3;
        -ms-flex: 3 0 100%;
            flex: 3 0 100%;
    margin: 20px 1.5% 20px 20px;
    padding: 20px;
    -webkit-box-shadow: 0 0 3px #666;
            box-shadow: 0 0 3px #666;
    max-width: 30%;
    min-height: 430px;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); }
    .templates__grid--3 .subtitle {
      font-size: 16px;
      line-height: 22px;
      min-height: 80px; }
    .templates__grid--3 h3 {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.1;
      margin-bottom: 0px; }
    .templates__grid--3 div {
      font-size: 12px;
      color: #96969c;
      line-height: 1.2; }
  .templates__grid--2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 30px);
       -moz-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 30px);
            flex: 0 0 calc(50% - 30px);
    margin: 5px;
    padding: 20px 20px 40px;
    -webkit-box-shadow: 0 0 3px #666;
            box-shadow: 0 0 3px #666;
    text-align: center;
    max-width: -moz-calc(50% - 30px);
    max-width: calc(50% - 30px);
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); }
    .templates__grid--2 h3 {
      text-align: left;
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 20px; }
      @media screen and (min-width: 767.98px) {
        .templates__grid--2 h3 {
          min-height: 60px; } }
      @media screen and (max-width: 767.98px) {
        .templates__grid--2 h3 {
          min-height: 20px; } }
  .templates__grid div {
    line-height: 22px; }
  .templates__grid.two-column-container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .templates__grid.two-column-container .column {
      padding-top: 32px;
      padding-bottom: 32px; }

.tutorial-details__body .templates__grid--2 > h5 {
  min-height: 80px;
  min-height: 2lh; }

br.show-on-mobile {
  display: none; }

@media screen and (min-width: 1360px) {
  .layout-section {
    background: #F3F3F3; }
    .layout-section .layout-section-content .image-right-template .row-2 h3 {
      margin-top: -50px; } }

@media screen and (max-width: 1359.98px) {
  .templates__grid--3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
       -moz-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    max-width: -moz-calc(50% - 40px);
    max-width: calc(50% - 40px); }
  br.show-on-mobile {
    display: inline-block; } }

@media screen and (max-width: 767.98px) {
  .templates__grid--3 {
    -webkit-box-flex: 5;
    -webkit-flex: 5 0 50%;
       -moz-box-flex: 5;
        -ms-flex: 5 0 50%;
            flex: 5 0 50%;
    max-width: 100%;
    margin-bottom: 40px; }
  .templates__grid--2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
       -moz-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
    margin-bottom: 40px; }
    .templates__grid--2 h3 {
      text-align: center;
      margin-bottom: 40px; }
  .row-3 .wrapper .subscribe-form {
    margin: 0; } }

.roadmap-tool-cta {
  margin-top: 20px;
  background: #F3F3F3; }

.submenu {
  margin-bottom: 40px;
  padding: 0; }

.submenu-item {
  display: inline-block;
  vertical-align: top;
  margin-right: 15px; }
  .submenu-item a {
    width: 100%; }
    .submenu-item a:active, .submenu-item a:focus {
      background-color: #979797; }

.split-menu {
  font-size: 0px; }

@media (max-width: 992px) {
  br.split-2 {
    display: inline; }
  .submenu-item {
    width: 100%;
    max-width: 200px;
    margin-bottom: 8px;
    margin-right: 8px; }
    .submenu-item--large {
      max-width: 230px; }
  br.split-4 {
    display: none; } }

@media (max-width: 767px) {
  br.split-4 {
    display: inline; }
  .top-margin-mobile {
    margin-top: -185px; } }

@media (min-width: 992px) {
  br.split-4 {
    display: none; }
  br.split-2 {
    display: none; } }

.trim-end {
  margin-right: -4px; }

/*# sourceMappingURL=roadmaps.min.css.map */