@font-face {
    font-family: 'SegoePrint';
    src: url('https://all-frontend-assets.s3.amazonaws.com/pece-landing-page/assets/fonts/SegoePrint.eot');
    src: url('https://all-frontend-assets.s3.amazonaws.com/pece-landing-page/assets/fonts/SegoePrint.eot?#iefix') format('embedded-opentype'), url('https://all-frontend-assets.s3.amazonaws.com/pece-landing-page/assets/fonts/SegoePrint.woff2') format('woff2'), url('https://all-frontend-assets.s3.amazonaws.com/pece-landing-page/assets/fonts/SegoePrint.woff') format('woff'), url('https://all-frontend-assets.s3.amazonaws.com/pece-landing-page/assets/fonts/SegoePrint.ttf') format('truetype'), url('https://all-frontend-assets.s3.amazonaws.com/pece-landing-page/assets/fonts/SegoePrint.svg#SegoePrint') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*****Base css***********/

* {
    box-sizing: border-box
}

:root {
    --gm-black: #000;
    --gm-pink: #e01b50;
    --gm-red: #f72d08;
    --gm-red-1: #f72d01;
    --gm-blue: #1c73ca;
    --gm-blue1: #15cbff;
    --gm-green: #13b9af;
    --gm-green: #95d03a;
    --gm-yellow: #f7c736;
    --gm-orange: #da7b5a;
    --gm-orange1: #fb3c07;
    --gm-white: #fff;
    --gm-lightgray: #7a7070;
    --gm-gray: #707070;
}

* {
    --font-family-base: 'Roboto', sans-serif;
    --main-font: 'Roboto', sans-serif;
    --main-normal: 400;
    --main-medium: 500;
    --main-semibold: 600;
    --main-bold: 700;
    --main-exbold: 800;
    --main-black: 900;
    --base-font-size: 24px;
    --base-font-size32: 32px;
    --base-font-size18: 18px;
    --base-font-size16: 16px;
    --base-font-size14: 14px;
}

a {
    color: var(--links);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

.clear {
    clear: both;
    overflow: hidden
}

img {
    border: 0;
    outline: 0
}

a img {
    outline: none
}

a {
    outline: none;
    cursor: pointer
}

a:active,
a:focus {
    outline: none
}

:active,
:focus {
    outline: none;
    -moz-outline-style: none
}

:link:focus,
:visited:focus {
    outline: none
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

html,
body {
    height: 100%;
    width: 100%;
    position: relative
}

body {
    margin: 0;
    font-family: var(--main-font);
    counter-reset: location;
    /* background-image: url(https://all-frontend-assets.s3.amazonaws.com/tmflow-landing/assets/images/walkthrough/asmainbg.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f89623;
    font-size: var(--base-font-size);
    position: relative;
}


/* body::after{content:'';display:block;height:100%;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;} */

html,
body {
    margin: 0;
    padding: 0;
    height: 100%
}

button {
    cursor: pointer;
    word-wrap: break-word!important;
    white-space: unset!important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: normal!important
}

mat-label {
    word-wrap: break-word!important;
    white-space: unset!important;
    overflow-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: normal!important
}

p:empty {
    display: none
}

section:empty {
    display: none
}

.gm button,
.gm a {
    cursor: pointer
}

.gm textarea:focus,
.gm input:focus {
    outline: none;
}

#container {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-image: url(https://all-frontend-assets.s3.amazonaws.com/tmflow-landing/assets/images/walkthrough/asmainbg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#container #container {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 1px
}

#header {
    position: relative;
    top: 0;
    z-index: 9
}
.WTtwosectionlists .listswrapper .mat-list-item .mat-list-item-content{justify-content: center;}
#body {
    flex: 1
}

#maincontent {
    position: relative;
    padding-bottom: 0
}

.contentblock .mat-table {
    box-shadow: none !
}

.h-100 {
    display: flex!important;
    flex-direction: column!important;
    justify-content: flex-start;
    align-items: stretch
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-4 {
    z-index: 4
}

.z-index-5 {
    z-index: 5
}

.z-index-6 {
    z-index: 6
}

.z-index-7 {
    z-index: 7
}

.z-index-8 {
    z-index: 8
}

.z-index-9 {
    z-index: 9
}

.p-5 {
    padding: 5px
}

.p-10 {
    padding: 10px
}

.p-13 {
    padding: 13px
}

.p-16 {
    padding: 16px
}

.p-20 {
    padding: 20px
}

.p-40 {
    padding: 40px
}

.pt-5 {
    margin-top: 5px
}

.pl-20 {
    padding-left: 20px
}

.pl-45 {
    padding-left: 45px
}

.pl-10 {
    padding-left: 10px
}

.pl-3 {
    padding-left: 3px
}

.pr-30 {
    padding-right: 30px
}

.mt-m-27percent {
    margin-top: -27%
}

.mt-5 {
    margin-top: 5px!important
}

.mt-15 {
    margin-top: 15px!important
}

.mt-26 {
    margin-top: 26px!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-9 {
    margin-left: 9px!important
}


/* .h-100{display:flex!important;flex-direction:column!important;justify-content:flex-start;align-items:stretch} */

.h-100p {
    height: 100%
}

.txt-uppercase {
    text-transform: uppercase
}

.txt-capital {
    text-transform: capitalize
}

textarea.mat-input-element {
    resize: none !important;
}

.text-right {
    text-align: right;
    margin: 0!Important;
}

span.text-right {
    width: 100%;
    display: block;
}


/*****grid css***********/

.countDiv {
    height: auto!important;
    display: flex!important;
    align-items: stretch!important;
    flex-wrap: wrap!important;
    justify-content: center!important;
    background: transparent;
    box-shadow: none !important;
}

.countDiv.mat-card {
    padding: 0!important;
    background: transparent !important;
    box-shadow: none !important;
}

.countDiv .mat-card {
    position: relative;
    overflow: hidden;
    margin: 0!important;
    padding: 0;
    box-shadow: none !important;
    background: transparent;
}

.countDiv__column4,
.countDiv__column3,
.countDiv__column2,
.countDiv__column1,
.countDiv__column {
    display: flex!important;
    align-items: stretch!important;
    justify-content: center!important;
    width: 100%;
    flex-wrap: wrap;
    box-shadow: none !important;
}

.countDiv__column--col1 {
    flex: 1 0 6.33333333%!important
}

.countDiv__column--col2 {
    flex: 1 0 14.66666667%!important
}

.countDiv__column--col3 {
    flex: 1 0 23%!important
}

.countDiv__column--col4 {
    flex: 1 0 31.33333333%!important
}

.countDiv__column--col5 {
    flex: 1 0 39.66666667%!important
}

.countDiv__column--col6 {
    flex: 1 0 48%!important
}

.countDiv__column--col7 {
    flex: 1 0 56.33333333%!important
}

.countDiv__column--col8 {
    flex: 1 0 64.66666667%!important
}

.countDiv__column--col9 {
    flex: 1 0 73%!important
}

.countDiv__column--col10 {
    flex: 1 0 81.33333333%!important
}

.countDiv__column--col11 {
    flex: 1 0 89.66666667%!important
}

.countDiv__column--col12 {
    flex: 1 0 98%!important
}

.maincontainer {
    width: 1751px;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 0!important
}

.btnblack {
    margin-top: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: var(--main-bold);
    font-size: 22px;
    color: var(--gm-white);
    margin-right: 0;
    line-height: 20px!important;
    padding: 10px 16px 14px!important;
    font-weight: var(--main-normal);
    background: var(--gm-black-gradient);
    overflow: hidden;
    position: relative;
}

.redgradient {
    margin-top: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: var(--main-bold);
    font-size: 22px;
    color: var(--gm-white);
    margin-right: 0;
    line-height: 20px!important;
    padding: 10px 16px 14px!important;
    font-weight: var(--main-normal);
    background: var(--gm-red-gradient);
    overflow: hidden;
    position: relative;
}

.buttonblock .redgradient {
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: var(--main-bold);
    font-size: 60px;
    color: var(--gm-white);
    margin-right: 0;
    line-height: 60px!important;
    padding: 21px 16px 24px!important;
    text-align: center;
    margin-bottom: 0;
    border-radius: 0 !important;
    white-space: normal;
}

.buttonblock .btnblack {
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: var(--main-bold);
    font-size: 60px;
    color: var(--gm-white);
    margin-right: 0;
    line-height: 60px!important;
    padding: 21px 16px 24px!important;
    text-align: center;
    margin-bottom: 0;
    width: 100%;
    border-radius: 0 !important;
    white-space: normal;
}

.buttonblock {
    margin-bottom: 40px;
}


/* .countDiv__column:nth-child(even){flex-direction: row-reverse;margin-top: 60px;}
.countDiv__column:nth-child(even) .homeblocktwoleft{text-align: right;}
.countDiv__column:nth-child(even) .cddblocktwoleft{text-align: right;}
.countDiv__column:nth-child(odd) .dsdblocktwoleft {text-align: right;} */


/*****body css***********/

p {
    font-family: var(--main-font);
    font-weight: var(--main-normal);
    font-size: 24px;
    line-height: normal;
    color: var(--gm-black);
    margin-bottom: 25px;
    position: relative;
    z-index: 4;
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 4;
    -ms-hyphenate-limit-chars: 10 3 4;
    hyphenate-limit-chars: 10 3 4;
}

p:last-child {
    margin-bottom: 0;
}

p a {
    color: var(--gm-red);
    cursor: pointer;
    text-decoration: none;
}


/*****title css***********/

.titleheader {
    background: url(https://all-frontend-assets.s3.amazonaws.com/tmflow-landing/assets/images/home/titlegradientblue.jpg) repeat-x center center;
    background-size: 100% 100%;
    display: block;
    padding: 27px;
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    margin-bottom: 28px !important;
    border: 1px solid #fff !important;
    margin-top: 0!important;
    border-top: none !important;
    position: relative;
    z-index: 9;
}

.titleheaderouter {
    position: relative;
    z-index: 999;
}

.titleheaderouter::after {
    content: "";
    position: absolute;
    bottom: -35px;
    left: -2.5%;
    width: 102.5%;
    height: 147px!important;
    background-image: url(https://all-frontend-assets.s3.amazonaws.com/tmflow-landing/assets/images/home/titleheader-bottomshadow.png);
    background-repeat: no-repeat;
    background-size: 100% 147px;
    z-index: 9;
}

.titleheader h1 {
    font-size: 60px;
    line-height: 60px;
    display: block;
    background: -webkit-linear-gradient(#faf9f9 0%, #e8e9e9 50%, #d8dad9 50%, #dbe1e7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.5));
    position: relative;
    text-transform: uppercase;
    font-family: var(--font-family-base);
    font-weight: var(--main-exbold);
    text-align: center;
    z-index: 2;
    position: relative;
    margin: 0;
    letter-spacing: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 4;
    -ms-hyphenate-limit-chars: 10 3 4;
    hyphenate-limit-chars: 10 3 4;
}

.titleheadertwo {
    padding: 17px 27px;
}


/*****Modal css***********/
.mybuynowModal.formsubmission p {margin: 9px 0 20px;}
.addeditform.addeditformuserlead {padding: 33px 10px 16px 10px;}
.successModal.formsubmission .mat-form-field-appearance-legacy .mat-form-field-infix {padding: 0.4375em 0 0;font-size: 14px;}
.formsubmission[style]{max-width: inherit !important;}
.mybuynowModal.mat-card{padding:0 !important}
.mat-dialog-container{background:rgba(var(--gm-white), 0.5);}
.modal-dialog{position:relative;width:auto;margin:10px}
.mat-dialog-container{padding:0!important;border-radius:0!important;overflow:visible!important}
.mybuynowModal .modal-dialog{max-width:727px;margin:30px auto;background:var(--gm-white);display:block;}
.mybuynowModal{background:(var(--gm-white),0.5) no-repeat top 40% center;background-size:cover}
.mybuynowModal .modal-body{position:relative;padding:15px;background-color:(var(--gm-white),0.5);border:8px solid #5a5a58;display: block;}
.mybuynowModal .close{font-size: 20px;font-weight: 400;line-height: 1;color: var(--gm-white);text-shadow: 0 1px 0 var(--gm-white);filter: alpha(opacity=20);opacity: 1!important;background: var(--gm-red)!important;padding: 0 4px 7px 10px!important;right: 0;position: absolute;top: 0;outline: none!important; width: 45px;height: 40px;min-width: 32px;border-radius: 0 0 0 40px;}
.mybuynowModal .modallogowrapper{text-align: center;width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.mybuynowModal .modallogowrapper img {width: 46.33%;margin: 0 1.5%;}
.mybuynowModal h1{font-family: var(--main-font) !important;font-weight: var(--main-bold)!important;font-size: 28px!important;text-transform: uppercase;padding: 0;margin: 20px 0 10px!important;line-height: 28px!important;position: relative;color: #080809;text-align: center;}
.mybuynowModal h1 span{color:var(--gm-red);margin-left:5px}
.mybuynowModal p{font-family:var(--main-font);font-weight: var(--main-normal);font-size:16px;text-transform:none;padding:0;margin:10px 0 20px;line-height:24px;position:relative;color:#080809;text-align:center}
.mybuynowModal a{color:var(--gm-red)}
.mybuynowModal.successmodal .modal-body{padding:40px}
.mybuynowModal.successmodal h6:after{display:none}
.mybuynowModal.successmodal .mat-checkbox-layout .mat-checkbox-label {line-height: normal;white-space: normal;}
.mybuynowModal.successmodal .form_field_set_billing_address_as_shipping_address .mat-checkbox {font-size: 16px;}

.successModal.formsubmission .redtxt{color:#ff1300!important;margin:0!important;line-height:16px!important;margin-bottom: -26px!important;text-align:right!important;font-size:14px!important;margin-right: 20px !important;}
.successModal.formsubmission .mat-form-field-prefix span{color:#ff1300!important}
.successModal.formsubmission .submitbtnsection button[type="submit"]{text-align:center;border-radius:2px;background:url(https://all-frontend-assets.s3.amazonaws.com/bioenergetics-landing-page/assets/images/home/btngreen-bg.webp) repeat-x center center;background-size:100% 100%;padding:7px 26px;margin:10px 0 0;display:block;border:1px solid #22623f;font-family:var(--main-font);font-weight:var(--main-normal);font-size:24px;text-transform:uppercase}
.successModal.formsubmission .submitbtnsection button[type="button"],.successModal .submitbtnsection button[type="reset"]{display:none}
.addeditform.addeditformuserlead{background: #f1f1f1;display: block;border: 1px solid #c8c0c0;border-radius: 5px;}
.successModal.formsubmission .mybuynowModal h1 {margin: 10px 0 10px!important;}
.mat-dialog-container {overflow-y: scroll !important;width: 100vw!important;height: 100vh !important;background: none !important;box-shadow: none !important;padding: 30px 0 !important;}

.formsubmission .libformclass .form {display: flex;align-items: flex-start;flex-wrap: wrap;}
.formsubmission .libformclass .form .form_field_wrapper{width: 48%;margin: 0 1%;}
.formsubmission .libformclass .mat-form-field-flex {background: #fff;border: 1px solid #d0d0d0;padding: 0 5px;box-sizing: border-box;border-radius: 4px 4px 0 0;padding: 0 0.75em 0.75em 0.75em;}
.formsubmission .libformclass .form_field_wrapperstatusgroup {margin-bottom: 2% !important;font-size: 18px;font-weight: 500;}
.form_field_wrapperPractice_Notes{width: 98% !important;}
.form_field_wrapperstatusgroup{width: 98% !important;}
.form_field_wrapperset_billing_address_as_shipping_address{width: 98% !important;margin-bottom: 2% !important;}
.form_field_wrapperstatus{width: 98% !important;}
.form_field_wrapperWebsite{width: 98% !important;}
.form_field_set_billing_address_as_shipping_address .mat-checkbox{margin-bottom: 1%;}


/*****Landing Form css***********/

.formsection .example-container .mat-form-field .mat-form-field-infix i {
    position: absolute;
    background: var(--gm-black);
    color: var(--gm-white);
    height: 164%;
    right: -5px;
    top: -13px;
    display: flex;
    align-items: center;
}

.formsection .example-container .mat-form-field-appearance-fill .mat-form-field-flex {
    padding: .25em .5em 0 .5em;
    background-color: #626262;
    border: 1px solid #9b9b9b;
    border-radius: 0;
    border-radius: 4px;
    height: 43px;
}

.formsection .example-container .mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .25em 0;
    color: #fff;
}

.formsection .example-container .mat-form-field-appearance-fill .mat-form-field-wrapper {
    padding-bottom: 14px;
}

.formsection .example-container .mat-form-field-subscript-wrapper {
    margin-top: 6px;
    padding: 0;
}

.formsection .example-container .mat-form-field-label {
    color: #f5f5f5 !important;
    font-style: italic;
}

.formsection .example-container .mat-form-field-appearance-fill .mat-form-field-underline {
    display: none;
}
.formsection .mat-form-field-wrapper {padding-bottom: 10px;}
.formsection .mat-form-field-underline {bottom: 10px;}

.formsection .example-container .mat-form-field-label {color: rgba(255,255,255,1);}
.formsection .example-container .mat-form-field-appearance-fill .mat-form-field-label {margin-top: -0.5em;}

.bluetxt{color:#0792ed;}
.redtxt{color:#ff1300;}

#header {margin-bottom: 0 !important;}
.walkthroughonesection .mat-list .mat-list-item:hover .mat-list-item-content{background: rgb(245,7,2) !important;background: linear-gradient(180deg, rgba(245,7,2,1) 55%, rgba(153,23,1,1) 100%) !important;display: block;color: #fff;width: auto;margin-left: 15px; border-radius: 4px;cursor: pointer;}


.graylistswrapper .mat-list .mat-list-item .mat-list-item-content {
    display: block;
}

.tmhomeblockfive .graylistswrapper .mat-list .mat-list-item .mat-list-item-content {
    padding-right: 0;
}

.sciencepage .tmhomeblockfour .peceplatformblk2_wrapper_text2 .mat-list-base .mat-list-item .mat-list-item-content {
    padding: 0
}


/*------Page Loader-------*/
.loaderfromappcomponent{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;}
.loaderfromappcomponent .mat-progress-bar-buffer {background-color: #097ee6;}
.loaderfromappcomponent .mat-progress-bar-fill::after {background-color: #ff503f;}


.comingsoon .mat-dialog-container {overflow-y: inherit!important;width: inherit!important;height: inherit!important;}

@media (max-width: 1560px) {.WTtwosectionlists .listswrapper .mat-list-item .mat-list-item-content{padding: 0;}}
@media (max-width: 767.98px) {
.formsubmission .libformclass .form .form_field_wrapper {width: 98%;margin: 0 1%;}
.mybuynowModal.successmodal.formsubmission .modal-body {padding: 18px;}
.mybuynowModal .modallogowrapper {flex-wrap: wrap;}
.mybuynowModal .modallogowrapper img {width: 46.33%;margin: 0 1.5%;}
}
@media (max-width:480.98px) {
.mybuynowModal .modallogowrapper img {width:98.33%;margin: 0 1.5%;}
}

.titleheader{
  background: linear-gradient(180deg, rgba(248,137,28,1) 49%, rgba(243,102,37,1) 51%);
}



.tmhomeblockfive .graylistswrapper .mat-list .mat-list-item .mat-list .mat-list-item .mat-list-item-content{
  background: linear-gradient(90deg, rgba(241,244,246,1) 40%, rgba(232,238,242,0) 89%);
  box-shadow: 0px 0px 2px #0000005e;
  border-radius: 5px;
  margin: 7px 0;
  margin-left: 17px;
}







.termsandconditions .mat-dialog-container{
    transform: none;
    background: #fff !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    padding: 20px !important;
    position: relative;
}
.modallogo{
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #f8fafb;
    padding: 10px 0;
    border: 1px solid #ddd;
}
.modallogo img{max-width: 100%;}
.modaltitle{
    background: linear-gradient(180deg,#0cba10,#018f0c);
    padding: 15px;    border: 1px solid #0ecd11;
}
.modaltitle h2{margin: 0;color: #fff;}
.modaltextwrapper{}
.modaltextwrapper h3{
    font-size: 24px;
    line-height: 26px;
    font-family: var(--main-font);
    font-weight: var(--main-bold);
    position: relative;
    padding: 5px 0;
    padding-left: 30px;
    margin: 0;
    color: #63d320;
}

.modaltextwrapper h3::before{
    content: '';
    height: 12px;
    width: 12px;
    background-color: #63d320;
    position: absolute;
    left: 5px;
    top: 12px;
    transform: rotate(45deg);
    border: 1px solid #0fc715;
}
.modaltextwrapper p{
    font-family: var(--main-font);
    font-weight: var(--main-medium);
    font-size: 16px;
    margin: 0;
    padding: 5px 0;
    padding-left: 30px;
}
.modaltextwrapper p a{
    text-decoration: none;
    outline: none !important;
}

.closebtn{
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: linear-gradient(180deg,#0cba10,#018f0c);
    z-index: 9999;
    cursor: pointer;
    display: flex;
    border-radius: 100px;
    border-radius: 100px;
    padding: 0 !important;
    min-height: inherit !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center;
}
.closebtn .material-icons{color: #fff;}
.modaltextwrapper{
    display: block;
    max-height: 65vh;
    overflow: hidden;
    overflow-y: scroll;
    padding: 20px 0;
}




@media (max-width:767px) {
    .tmhomeblockfive .graylistswrapper .mat-list .mat-list-item .mat-list .mat-list-item .mat-list-item-content{background: #f1f4f6 !important;}
}