@font-face {
  font-family: 'Futura';
  src: url(/assets/fonts/futura/futur.ttf);
}

@font-face {
  font-family: 'PlaylistScript';
  src: url(/assets/fonts/playlist/playlistscript.otf);
}

/*html,body{
  z-index: 1;
}*/

/*body,html{
  overflow-x: hidden;
}*/
html{
  /*height: 100vh;*/
  width: 100vw;
  overflow-x: hidden;
}

section{
  max-width: 100vw;
}

.container{
  max-width: 1200px;
}

body{
  /*font-family: "Comfortaa";*/
  /*font-family: 'Futura';*/
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 18px;
  font-weight: 300;
  color: #666;
  width: 100vw;
  /*height: 100vh;*/
  /*perspective: 1px;
  transform-style: preserve-3d;*/
  /*overflow-x: hidden;
  overflow-y: scroll;*/
  /*letter-spacing: 1px;
  word-spacing: 2px;*/
}

h1,h2,h3,h4,h5,h6{
  font-weight: bold;
  /*font-family: "Playfair Display";*/
  /*font-family: "Comfortaa";*/
}

footer{
  background-size: 150% 100%;
    background-position: 0% 0;
    background-image: linear-gradient(50deg, #6C0E34, #6C0E34, #CD801B, #F49516);
    animation: gradient 20s ease infinite;
}

/*.psychology-color{
  color: #8e44ad;
}

.psychology-bg,
.psychology-bg:hover{
  background-color: #8e44ad;
  color: #fff;
}*/

/*.call-to-action{
  width: 100%;
  position: relative;
  transform-style: preserve-3d;
  background-color: transparent;
}

.call-to-action::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(/assets/images/to-bg2.jpg);
  background-size: cover;
  transform: translateZ(-1px) scale(2.2);
  filter: blur(2px);
}*/

.coaching-color{
  color: #e67e22;
}

.coaching-bg,
.coaching-bg:hover{
  background-color: #e67e22;
  color: #fff;
}

.psychiatry-color{
  color: #2d98da;
}

.psychiatry-bg,
.psychiatry-bg:hover{
  background-color: #2d98da;
  color: #fff;
}

.ont-bg-one{
  color: #10ac84;
}

ul,li{
  padding: 0;
  list-style: none;
}

.bg-green{
  background-color: #557776;
}
.color-green{
  color: #557776;
}

.bg-light-green{
  background-color: #cad4cc;
}
.color-light-green{
  color: #cad4cc;
}

.bg-light-pink{
  background-color: #f4f0ef;
}
.color-light-pink{
  color: #f4f0ef;
}

.bg-light-orange{
  background-color: #f4f0ec;
}
.color-light-orange{
  color: #f4f0ec;
}

.bg-orange{
  background-color: #ffb37b;
}
.color-orange{
  color:#ffb37b;
}

.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate 25s linear infinite;
    bottom: -150px;
    border-radius: 100%;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        /*border-radius: 0;*/
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        /*border-radius: 50%;*/
    }

}

.btn{
  font-weight: 400;
}

/*.calendly-popup > .calendly-popup-content > iframe > html > body > #root > div > div > div > a
{
  display: none!important;
}*/

a,a:hover,a:visited,a:link{
  color: inherit;
  text-decoration: none;
}

/*#words{
  background-image: url('/assets/images/bgl2.png');
  background-size: 100% 100%;
}*/

.bg-danger{
  background-color: #ee5253!important;
}

.bg-warning{
  background-color: #ff9f43!important;
}

.bg-info{
  background-color: #0abde3!important;
}

.nav-link{
  color:#000;
}

.intro{
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
  padding-bottom: 1rem!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #9b59b6!important;
}


.main-title{
  font-size: 6rem;
}

.on{
  position: relative;
  color: #4a5a47;
}

.on:before{
  content: '';
  background-color: #4a5a47;
  display: block;
  height: 1.5rem;
  width: 0.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-2rem, -2.35rem);
  z-index: 2;
}


.bg-light-primary{
  /*background-color: rgba(77, 82, 52, 0.05);*/
  background-color: #eef0ef;
}

.bg-light-secondary{
  background-color: rgba(77, 82, 52, 0.05);
  /*background-color: rgba(127, 76, 49, 0.05);*/
}

.color-primary{
  /*color: rgba(38, 171, 163, 1);*/
  color: #10ac84;
}

.color-secondary{
  color: rgba(127, 76, 49, 1);
}

.bg-primary{
 /*background-color: rgba(38, 171, 163, 1)!important;*/
 background-color: #b5a17d!important;
 color:#fff;
}

.bg-secondary{
  background-color: rgba(127, 76, 49, 1)!important;
  color:#fff;
}

.bg-lima{
  background-size: 100% 100%;
  background-position: 0% 100%;
  /*animation: gradient 10s ease infinite;*/
  /*background-image: linear-gradient(18deg, #83b724, #83b724 9%, #f2c952 81%, #f2c952);*/
  background-image: linear-gradient(18deg, #83b724, #83b724 9%, #BDCD00 81%, #97BF0D);
  background-image: linear-gradient(40deg,  #FF9472BF 0%, #B11972BF 100%);
  background-image: linear-gradient(30deg, #BDCD00, #97BF0D);

  color: #fff;
}

.bg-lima:hover,
.bg-lima:link{
  color: #fff;
}

.logo{
  font-family: 'Futura';
}

#menu{
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
}

#menu:after{
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  background: linear-gradient(0deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.09) 100%);
  top: 56px;
  content: ' ';
}

/*#header{
  background-color: #cad4cc;
  position: relative;
  padding-top: 56px;

  background-image: url('/assets/images/header-bg.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  
}*/

/*#header{
  width: 100vw;
  height: 70vh;
  background-image:url('/assets/images/kt2.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}*/
#header{
  padding-top: 56px;
  position: relative;
  width: 100vw;
  /*height: 100vh;*/
  background-color: transparent;
  color: #4b5447;
}

#header .tf{
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 3px;
}

#header .tff{
  font-size: 1.4rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 2rem;
  opacity: .7;
}

#header .tl{
  font-family: 'PlaylistScript';
  font-size: 6.7rem;
  margin-top: 1rem;
  font-weight: 500;
  margin-bottom: 5rem;
}

#header .bgfl{
  position: absolute;
  left: 0;
  top: 50%;
  height: 50%;
  transform: translateY(-50%);
}

#header .bgfr{
  position: absolute;
  right: 0;
  top: 50%;
  height: 50%;
  transform: translateY(-50%);
}

/*#header:after{
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  background: linear-gradient(0deg, rgba(38, 171, 163, 0) 0%, rgba(38, 171, 163, 0.09) 100%);
  top: 0;
  content: ' ';
}*/

/*#header:before{
  display: block;
  position: absolute;
  width: 100%;
  height: 30px;
  background: linear-gradient(0deg, rgba(0,0,0, 0) 0%, rgba(0,0,0, 0.09) 100%);
  bottom: -30px;
  content: ' ';
}*/

section.std-section{
  padding: 5rem 0;
}

#header .hbg{
  position: relative;
}

#header .hbg:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url('/assets/images/bgl1.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

.bonito{
  padding:2.2rem;
  background-image: url(/assets/images/bg_first-screen.png);
  background-size: 100% 100%;
  display: inline-block;
}

.main-image .cont{
	border-radius: 1rem;
	overflow: hidden;
}

.bonito .cont{
  border-top-left-radius: 25%;
  overflow: hidden;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.2);
}

.with-round-shadow{
  position: relative;
}

.with-round-shadow .the-shadow{
  z-index: 1;
  position: absolute;
  height: 26%;
  width: 100%;
  bottom:-5%;
  content: " ";
  border-radius: 100%;
  background-color: rgba(38, 171, 163, 0.2);;
}

.with-round-shadow img{
  z-index: 2;
  position: relative;
}

.card{
  transition: all .5s;
  box-shadow: 0px 5px 11px 2px rgba(182,184,192,.1);
}

/*.card:hover{
  transform: scale(1.1);
}*/

.card-body{
  /*border-radius: 1rem;*/
  /*box-shadow: 0px 8px 20px 0px rgba(38, 171, 163, 0.07);*/
}

.card:hover{
  /*box-shadow: 0px 8px 40px 0px rgba(38, 171, 163, 0.2);*/
}

  .bg-light{
    background-color: #faf9f8!important;
  }

.bg-light-2{
  background-color: rgba(202, 212, 204, 0.10)!important;
}

.bg-light-green{
  /*background-color: #F4FCFA;*/
  background-color: rgba(121, 85, 72,.05)
}

.arrow-top{
  display: block;
  width: 100%;
  height: 60px;
  background-image: url('/assets/images/arrow-2.png');
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  margin-bottom: 1rem;
}

.arrow-bottom{
  display: block;
  width: 100%;
  height: 45px;
  background-image: url('/assets/images/arrow-1.png');
  background-size: auto 100%;
  background-position: right center;
  background-repeat: no-repeat;
  margin-top: 1rem;
}

.phrase{
  font-size: 2rem;
  /*padding-right: 2rem;*/
  text-align: center;
  line-height: 1.2;
  /*position: relative;*/
}

.phrase i{
  font-size: 2rem;
  color: #cad4cc;
}

/*.square{
  position: relative;
}

.square:before
{
  position: absolute;
  content: '';
  width: 110%;
  height: 130%;
  background-image: url(/assets/images/square.png);
  background-size: 100% 100%;
  left: -5%;
  top: -15%;
}*/

.method{
  color: #4a5a47;
  position: relative;
}

.method_number{
  color: #4a5a47;
  font-size: 4rem;
  width: 4rem;
  text-align: center;
  position: relative;
}

.method_number:before
{
  content: '';
  display: block;
  height: 5rem;
  width: 5rem;
  position: absolute;
  background-image: url('/assets/images/circle1.png');
  background-size: 100% 100%;
  left: -1.5rem;
  top: -0.2rem;
}

.method_number_next:after
{
  content: '';
  display: block;
  height: 3rem;
  width: 1rem;
  position: absolute;
  background-image: url('/assets/images/arrowb.png');
  background-size: 100% 100%;
  left: 1.8rem;
  top: 5.5rem;
}

.dot{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.avatar{
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background-color: #999;
  font-size: 1.3rem;
  font-weight: bold;
}

.btn-primary{
  border-color: #3498db!important;
  background-color: #3498db!important;
  background-color: #218c74!important;
  color:#fff!important;
}

.btn-secondary{
  border-color: #9b59b6!important;
  background-color: #9b59b6!important;
}

.btn-success{
  border-color: #10ac84!important;
  background-color: #10ac84!important;
  color: #fff!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #c6b69c!important;  
}


.underlined-left{
  background-image:url(/assets/images/brush.png);
  background-position: center bottom;
  background-size:100% 25px;
  background-repeat:no-repeat;
  padding: 1.2rem 1rem;
  display: inline-block;
}

.underlined-right{
  background-image:url(/assets/images/brushr.png);
  background-position: center bottom;
  background-size:100% 25px;
  background-repeat:no-repeat;
  padding: 1.2rem 1rem;
  display: inline-block;
}

/*.phrase::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f10d";
  position: absolute;
  left: -1rem;
  top: -1rem;
  color: rgba(38, 171, 163, 0.4);
  font-size: 2rem;
}*/

.oval{
  position: relative;
  padding: 1.5rem;
  background-image: url('/assets/images/oval.png');
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.ovals .col-md-6:nth-child(2) .oval:before,
.ovals .col-md-6:nth-child(3) .oval:before,
.ovals .col-md-6:nth-child(4) .oval:before
{
  position: absolute;
  content: '';
  width: 2rem;
  height: 1rem;
  background-image: url('/assets/images/arrowr.png');
  background-size: 100% 100%;
  left: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
}

/*.step{
  padding:0.5rem;
  position: relative;
  border-radius: 50%;
}

.step span{
  position: relative;
  margin: 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 1rem;
  background-color: rgba(38, 171, 163, 1);
}

.step .img{
  padding:1rem;
  position: relative;
}

.step .img:before{
  position: absolute;
  width: 80%;
  height: 80%;
  border-radius: 100%;
  top: 10%;
  left: 10%;
  background-color: rgba(0,0,0,0.09);
  content: ' ';
}*/

#steps{
    color: #fff;
  }
  #steps .step-t{
    padding: 3rem 1.5rem;
  }
  #steps .step-t p{
    font-size: 1rem;
    padding: 0 1rem;
  }
  #steps .step-t .num{
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    margin-bottom: 1.5rem;
  }
  #steps .step-t .num:after{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #4f6e70;
    font-weight: bold;
    font-size: 2rem;
  }
  #steps .step-t:nth-child(1) .num:after{
    content: '1';
  }
  #steps .step-t:nth-child(2) .num:after{
    content: '2';
  }
  #steps .step-t:nth-child(3) .num:after{
    content: '3';
  }
  #steps .step-t:nth-child(4) .num:after{
    content: '4';
  }

  #steps .step-t{
    border-radius: 50%;
    border-style: dashed;
    border-color: #fff;
  }
  #steps .step-t:nth-child(odd){
    border-width: 2px 0px 0px 0px;
    border-bottom-width: 0;
    border-bottom-color: transparent;
  }
  #steps .step-t:nth-child(even){
    border-width: 0px 0px 2px 0px;
  }

.btn-green{
  background-color: var(--main-color);
  color: #fff;
}

#map{
  background-image: url(/assets/images/tracker-map-bg.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#call-to-action{
  padding:3rem 0;
  background-color: var(--main-color);
  color:  #fff;
}

.video-container{
  width: 100vw;
  height: 100vh;
}
    
/*iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
}*/

@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
    
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}



/*canvas {
  background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(142,164,147,1) 0%, rgba(202,212,204,1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}*/

#separator{
  display: block;
  height: 100px;
  background-color: rgba(38, 171, 163, 0.15);
}

.color_1{
  background-color: #f7d794;
}

.accordion-button:not(.collapsed){
  background-color: #f8f9fa;
  color: #333;
}

.accordion-button.collapsed{
  background-color: #f8f9fa;
  color: #333;
}

.accordion-button:not(.collapsed)::after{
  background-image: var(--bs-accordion-btn-icon);
}

.accordion-button:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

#insta ul.slick-dots{
  margin-top: 1rem;
}

ul.slick-dots{
        padding:0;
        list-style: none;
        text-align: center;
        margin-top: 3rem;
    }

    ul.slick-dots li{
        display: inline-block;
        margin-left: 0.6rem;
    }

    ul.slick-dots li:first-child{
        margin-left: 0;
    }

      .slick-dots button {
      display: block;
      width: 0.8rem;
      height: 0.8rem;
      padding: 0;
      border: 1px solid #999;
      border-radius: 100%;
      background-color: transparent;
      text-indent: -9999px;
    }
    .slick-dots li.slick-active button {
      background-color: #999;
    }

     .dots-light .slick-dots button {
      border: 1px solid #fff;
    }
    .dots-light .slick-dots li.slick-active button {
      background-color: #fff;
    }

.flipX{
  transform: scaleX(-1);
  line-height: 0;
  margin: 0;
  padding: 0;
}

img{
  line-height: 0;
}

/*#mobile-menu .offcanvas-body div > div > a{
  font-weight: 500;
}

#mobile-menu ul li{
  font-weight: 400;
}*/

#mm-services-btn i{
  transition: all 0.5s;
  position: absolute;
  right: -1.8rem;
  top: 50%;
  transform: translateY(-50%);
}

#mm-services-btn:not(.collapsed) i{
  transform: rotate(180deg) translateY(45%);
}

#coaching-items i{
  margin-left: -3.5rem;
  opacity: .7;
  /*color: #d4d9d5;*/
}

.video-js:not(.vjs-playing)  .vjs-big-play-button {
    font-size: 3em;
    /*line-height: 1.5em;*/
    /*height: 1.63332em;*/
    width: 1.5em;
    height: 1.5em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    margin-left: 0;
    /*margin-top: -0.81666em;
    margin-left: -1.5em;*/
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    border: none;
    background-color: #2B333F;
    background-color: rgba(43, 51, 63, 0.7);
    border-radius: 50%;
    transition: all 0.4s;
}

.fal{
   font-weight: 100!important;
}

.primary-bg,
  .primary-bg:hover,
  .primary-bg:link,
  .primary-bg:visited{
    background-color: #a12f5b;
    color: #fff;
  }

  .primary-color,
  .primary-color:hover,
  .primary-color:link,
  .primary-color:visited{
    color: #a12f5b;
  }

.bg-gradient-primary{
    background-size: 150% 100%;
    background-position: 0% 0;
    background-image: linear-gradient(50deg,#6C0E34,#6C0E34,#CD801B,#F49516);
    animation: gradient 20s ease infinite;
  }

  .text-gradient-primary{
    background-image: linear-gradient(50deg,#6C0E34,#6C0E34,#CD801B,#F49516);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient 20s ease infinite;
  }

  .bg-psyquiatry{
    background-color: #2d7a5e;
    color: #fff;
  }

  .text-psyquiatry{
    color: #2d7a5e;
  }

  .btn-psyquiatry{
    border:1px solid #2d7a5e!important;
    color: #2d7a5e;
  }

  .bg-coach{
    background-color: #d3841c;
    color: #fff;
  }

  .text-coach{
    color: #d3841c;
  }

  .btn-coach{
    border:1px solid #d3841c!important;
    color: #d3841c;
  }

  .bg-therapy{
    background-color: #a12f5b;
    color: #fff;
  }

  .text-therapy{
    color: #a12f5b;
  }

  .btn-therapy, a.btn-therapy{
    border:1px solid #a12f5b!important;
    color: #a12f5b;
    transition: all 0.750s;
  }

  .btn-therapy:hover{
    color: #fff;
    background-color: #a12f5b;
  }

  .btn-therapy-fill{
    color: #ffffff!important;
    background-color: #a12f5b;
    transition: all 0.250s;
  }

  .btn-therapy-fill:hover{
    border:1px solid #a12f5b!important;
    color: #a12f5b!important;
  }


  .btn-coach, a.btn-coach{
    border:1px solid #d3841c!important;
    color: #d3841c;
    transition: all 0.250s;
  }

  .btn-coach:hover{
    color: #fff;
    background-color: #d3841c;
  }

  .btn-coach-fill, a.btn-coach-fill{
    color: #fff;
    background-color: #d3841c;
    transition: all 0.250s;
  }

  .btn-coach-fill:hover, a.btn-coach-fill:hover{
    border:1px solid #d3841c!important;
    color: #d3841c;
    background-color: transparent;
  }


  .separator-top{
    height: 90px;
    mask-size: 100% 100%;
    mask-image: url(/assets/images/paddings/white_top.png);
  }

  .separator-bottom{
    height: 90px;
    mask-size: 100% 100%;
    mask-image: url(/assets/images/paddings/white_bottom.png);
  }

  .separator-top-flip{
    height: 90px;
    mask-size: 100% 100%;
    mask-image: url(/assets/images/paddings/white_top.png);
    transform: scaleX(-1);
  }

  .separator-bottom-flip{
    height: 90px;
    mask-size: 100% 100%;
    mask-image: url(/assets/images/paddings/white_bottom.png);
    transform: scaleX(-1);
  }

  .parallax-window {
      min-height: 100px;
      background: transparent;
      overflow: hidden;
  }

  section{
    position: relative;
  }

   .ont-steps .ont-step .sborder{
    /*border-radius: 50%;
    border: 5px solid red;*/
    padding: 10px;
    position: relative;
  }

  .ont-steps .ont-step .scontent{
    border-radius: 50%;
    border: 10px solid rgba(255,255,255,.3);
  }

  .ont-steps .ont-step .sborder{
  }

  .ont-steps .ont-step:not(:last-child) .sborder:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: '\f061';
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 3rem;
    transform: translate(100%,-50%);
  }

  .workshop{
    /*background-color: transparent;*/
    background-image: linear-gradient(18deg, #48593b,#25634A,#CD801B,#F49516)!important; 
    color: #fff;
    opacity: 0.95;
  }


  .ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}


.ribbon.active span{
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
}
.ribbon.active span::before {
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon.active span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbon.devel span{
  background: #79A70A;
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
}
.ribbon.devel span::before {
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon.devel span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}


.ribbon.coming span{
  background: #79A70A;
  background: linear-gradient(#B6BAC9 0%, #808080 100%);
}
.ribbon.coming span::before {
  border-left: 3px solid #808080;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #808080;
}
.ribbon.coming span::after {
  border-left: 3px solid transparent;
  border-right: 3px solid #808080;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #808080;
}



  @media (max-width: 768px){
    .separator-top,.separator-bottom{
      height: 30px;
    }
  }

    /*.sec-steps{
    background-color: transparent;
    background-image: linear-gradient(18deg, #48593b,#25634A,#CD801B,#F49516)!important;
  }*/

  /*a7315f*/
  /*a12f5b*/

  /* fb9529 - ef8e27 naranja */
  /* 2d7a5e - 34916f verde

@media (max-width: 768px){
  #coaching-items i{
    margin-left: -2.5rem;
  }
}

@media (min-width: 769px){
  .step span{
    position: absolute;
    left: -1rem;
    top: -1rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(38, 171, 163, 1);
  }
}