@charset "utf-8";

.listStep{
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    margin: 10px 0;
    overflow: hidden;
    box-sizing:unset;
    letter-spacing:0;
    line-height:initial;
}
.listStep li{
    position: relative;
    width: 100px;
    padding: 9px 0 9px 20px;
    margin-right: 10px;
    background: #4f46e5;
    color:#FFF;
    text-align: center;
    font-size: 1.4rem;
    box-sizing:unset;
    letter-spacing:0;
    line-height:initial;
}

.listStep li:before, .listStep li:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
}
.listStep li:before{
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    border-width: 25px 0 25px 25px;
}
.listStep li:after{
    top: 0;
    right: -25px;
    border-style: solid;
    border-color: transparent transparent transparent #4f46e5;
    border-width: 25px 0 25px 25px;
    z-index: 1;
}
.listStep li.current {
    background:#c7d2fe;
    color:#333;
}
.listStep li.current:after{
    border-color: transparent transparent transparent #c7d2fe;
}


.listStep li.goal{
    background: #ec4899;
    color:#FFF;
}
.listStep li.goal:after{
    border-color: transparent transparent transparent #ec4899;
}

.listStep li.goal2{
    background: #ec4899;
    color:#FFF;
}
.listStep li.goal2:after{
    border-color: transparent transparent transparent #ec4899;
}

@media screen and (max-width: 640px) {
    .listStep li {
        width:30px; height:80px; font-size:120%;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    .listStep li:before, .listStep li:after{
        border-width:55px 0 55px 15px
    }
    .listStep li:after{
        right:-15px;
    }
}

.iframePage160 {
    width:100%; height:160px;
}
@media screen and (max-width: 480px) {
    .iframePage2 {
        height:210px;
    }
}

.iframePage210 {
    width:100%; height:210px;
}
@media screen and (max-width: 480px) {
    .iframePage {
        height:245px;
    }
}

.iframePage240 {
    width:100%; height:240px;
}
@media screen and (max-width: 480px) {
    .iframePage {
        height:275px;
    }
}

.iframePage300 {
    width:100%; height:160px;
}
@media screen and (max-width: 480px) {
    .iframePage2 {
        height:330px;
    }
}

.wpcf7-spinner { display:none; }

.expandSection {
    position:relative;
}
.expandSection h3{
    padding-left:1.5em;
}
.expandSection button{
    position:absolute; bottom:0.75em; left:0; width:100%; text-align:left;
}
.expandSection .choiceRight{
    position:absolute; bottom:0.75em; right:0;
}

.ignoreCategoryWrapper{
    margin:0;
}

.titleShadow{
    position:relative; min-height:80px; background-color:#F3F3FF;
}
.titleShadow span{
    position:absolute; z-index:2; left:0; top:10px;
    text-shadow: 1px 1px 0 #CCC, 4px 4px 8px #BBE;
    width:100%;
}
.titleShadow:after{
    content:""; display:block; width:150px; height:auto; min-height:60px;
    position:absolute; z-index:1; left:10px; top:10px;
    background: linear-gradient(to bottom, transparent 0%, transparent 60%, #F3F3FF 100%), url(../svg/illustFitness.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
}
@media screen and (max-width: 640px) {
    .titleShadow { padding:10px 0; min-height:auto; }
    .titleShadow span{ position:relative; top:0; }
    .titleShadow:after{ display:none; }
}

#getData { display:none; }

.colorBg                    { background-color: #fff2eb; }
.colorBgWhite               { background-color: #fff; }
.colorBtn, .colorBtnVanilla                   { color: #4598b1; }
.colorBtn:hover             { color: #65b8d1; }
.colorBtnIgnore             { color: #65b8d1; }
.colorBtnIgnore:hover       { color: #85d8f1; }
.colorBtnBg, .colorPureBtnBg                  { background-color: #4598b1 !important; }
.colorBtnBg:hover, .colorBtnBgHover           { background-color: #65b8d1 !important; }
.colorBtnBgIgnore           { background-color: #c5d8f1; }
.colorBtnBgIgnore:hover     { background-color: #a5e8f1; }
.colorBtnDisable            { color: #999; }
.colorBtnStart              { background-color:#2c25d7; }
.colorBtnStart:hover        { background-color:#3c35e7; }

.w-half { width: 50%; }