@font-face {
    font-family: 'bariolregular';
    src: url('../../fonts/bariol/bariol_regular-webfont.eot');
    src: url('../../fonts/bariol/bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/bariol/bariol_regular-webfont.woff2') format('woff2'),
         url('../../fonts/bariol/bariol_regular-webfont.woff') format('woff'),
         url('../../fonts/bariol/bariol_regular-webfont.ttf') format('truetype'),
         url('../../fonts/bariol/bariol_regular-webfont.svg#bariolregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirbook';
    src: url('../../fonts/avenir_ff/AvenirLTStd-Book.otf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avenirbold';
    src: url('../../dist/fonts/avenir_ff/AvenirLTStd-Black.otf');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'bariolbold';
    src: url('../../fonts/bariol/Bariol-Bold.eot');
    src: url('../../fonts/bariol/Bariol-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/bariol/Bariol-Bold.woff2') format('woff2'),
        url('../../fonts/bariol//Bariol-Bold.woff') format('woff'),
        url('../../fonts/bariol/Bariol-Bold.ttf') format('truetype'),
        url('../../fonts/bariol/Bariol-Bold.svg#Bariol-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
.bold--font-family{
    font-family: 'bariolbold' !important;
    font-size: 24px !important;
}
.therapist-documentation--documents .button,
.therapist-documentation .gform_button,
.newDesignBtn {
    color: #fff !important;
    border-radius: 35px !important;
    font-family: 'bariolbold' !important;
    font-weight: unset !important;
    font-size: 20px !important;
    padding: 8px 24px !important;
    /*text-transform: capitalize;*/
    border: 0 !important;
}
.newGreenBtn {
    background: #96ba3f !important;
}
.newLightBlueBtn  {
    background: #7FC0EE !important;
}

@media only screen and (min-width: 1200px) {
    #masthead-wrap #masthead {
        padding: 1.4em 0 !important;
        margin: -15px 0px -30px 0px;
        /* min-height:90px!important;
        max-height:100px!important; */
    }
}


.therapist-documentation .gform_button,
.therapist-documentation--documents .button,
.newBlueBtn {
    background: #2C547C !important;
}
body #masthead-wrap .logo {
    display: inline-block;
    width: 127px;
    margin-right: 0em;
}
body #masthead-wrap .logo svg {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: block
}
#footer.newDesignFooter .menu-item .nav-menu li a {
    font-family: 'bariolbold';
    font-size: 18px;
    font-weight: unset;
    /* text-transform: lowercase; */
    color: #5D5D5D;
}
body #masthead-wrap a.nav-link{
    font-family: 'bariolbold';
    font-size: 18px;
    font-weight: unset;
    text-transform: lowercase;
    color: #5D5D5D; 
}
.newDesignFooter .menu-item h3 {
    font-size: 36px;
    color: #7FC0EE;
    font-family: 'bariolbold';
}
.newDesignFooter .menu-item .nav-menu li {
    margin-bottom: 9px !important;
}
/* .newDesignFooter .menu-item .nav-menu a {
    font-size: 26px;
    color: #5d5d5d !important;
    text-transform: lowercase;
} */
.newDesignFooter .menu-item.secondItem {
    padding-left: 30px;
}
.newDesignbttomfooter {
    background: #7FC0EE;
    margin: 0 !important;
}
.newDesignbttomfooter p {
    font-size: 18px !important;
    color: #fff;
    margin: 22px 0;
}
.newDesignbttomfooter p a {
    font-size: 18px !important;
    color: #fff !important;
    display: inline-block;
}
.newDesignbttomfooter p a:first-child {
    margin: 0 26px;
}
#footer.newDesignFooter {
    margin-top: 0 !important;
}
body.home.page-template-templatesfront-php .newDesignFooter .footer-content.px-xl-5 {
    border: 0 !important;
}
body.home.page-template-templatesfront-php header#masthead-wrap.newDesignHeader {
    border: none !important;
}
.newDesignBanner.hero-section .content-wrap {
    background: transparent;
}
.newDesignBanner .newDesignBtn  {
    font-size: 20px !important;
    text-transform: capitalize;
    border: 0 !important;
    padding: 8px 24px !important;
}
.newDesignBanner .container p.newDesignBannerContent {
    line-height: 36px !important;
}
.newDesignBanner .container p {
    font-size: 20px;
    color: #5d5d5d;
}
#therapistCalendarBookings, #customerBookings {
    height: auto;
}
.newDesignHeader .login-wrap li.username-li p,
.newDesignHeader .login-wrap li a {
    font-size: 16px;
    font-family: 'bariolbold';
    color: #54C1F0;
    text-transform: uppercase;

}
.newDesignHeader .login-wrap li {
    position: relative;
}
.newDesignHeader .login-wrap li .customer-links li{
    margin: 10px 24px!important;
    transition: all 0.5s;
}
.newDesignHeader .login-wrap li .customer-links li:first-of-type{
    margin-top:18px!important;
   
}
.newDesignHeader .login-wrap li .customer-links li:last-of-type{
    margin-bottom:18px!important;
   
}
.newDesignHeader .login-wrap li .customer-links li a{
    border-bottom: 0px;
    padding-bottom : 0px;
    text-transform: capitalize;
    color: #54C1F0;
    font-size:20px;
}
.newDesignHeader .login-wrap li .customer-links li a:hover{
    color: #BBBBBB;
}


.sessionActionsButtons .dropdown-menu,
.newDesignHeader .login-wrap li ul {
    padding: 0px;
    margin-top: 0px;
    position: absolute;
    min-width: 200px;
    text-align: left;
    background: #fff;
    border: 1px solid #00000029;
    border-radius: 2px;
    z-index: 99;
    top: 45px;
    left: -139px;
}
.newDesignHeader .login-wrap li ul li a {
    border-bottom: 1px solid #7FC0EE;
    color: #7FC0EE;
    padding: 0 0 9px 0;
}
.newDesignHeader .login-wrap li ul li a:hover {
    color: #15425E;
}
.newDesignHeader .login-wrap
.newDesignHeader .login-wrap li a.myAccount{
    color: #7FC0EE;
}
.newDesignHeader .login-wrap li ul li,
.newDesignHeader .login-wrap li ul li a {
    display: block !important;
}
.sessionActionsButtons .dropdown-menu:before,
.newDesignHeader .login-wrap li ul:before {
    display:block;
    border-top: 1px solid #7FC0EE;
    height: 20px;
    width: 20px;
    border-right: 1px solid #7FC0EE;
    transform: rotate(-45deg);
    position: absolute;
    top: -11px;
    background: #fff;
}
.newDesignHeader .login-wrap li.logout a {
    /*text-transform: capitalize;*/
    font-size: 19px !important;
    padding: 8px 29px !important;
}
.newDesignHeader .login-wrap li.accountActions  a {
    color: #2C547C;
}
.newDesignHeader .login-wrap li.accountActions  a:hover {
    color: #7FC0EE;
}
.newDesignHeader .login-wrap .my--account--dd .dropdown-toggle::after{
    display: none;
}
.dropdown.show .new--down--arrow,
.newDesignHeader .login-wrap .my--account--dd.show .dropdown-toggle .arrow--down{
    transform: rotate(180deg);
}
.dropdown.show .dropdown-toggle:after{
    transform: rotate(47deg);
}
select.flyOpened{
    background-image: url(../images/select-icon-up1.png) !important;
}

.icon--info{
    border: 1px solid #ddd;
    width: 20px;
    height: 20px; 
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    padding: 0 6px;
    font-size: 14px;
}
.tooltip-inner {
    max-width: 310px !important;
    padding: 8px 28px !important;
    color: #000 !important;
    text-align: left !important;
    background-color: #fdfcfc !important;
    border: 1px solid #ddd;
    box-shadow: 0 0 5px #ddd;
    font-size: 16px;
    line-height: 18px;   
}
@media(max-width:836px){
    .tooltip{
        left:45px!important;
    }
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before, 
.tooltip.tooltip-top .tooltip-inner::before{
    border-top-color: #ddd !important;
}
.tooltip.bs-tether-element-attached-top .tooltip-inner::before, 
.tooltip.tooltip-bottom .tooltip-inner::before{
    border-bottom-color: #ddd !important;
}
.tooltip.bs-tether-element-attached-left .tooltip-inner::before, 
.tooltip.tooltip-right .tooltip-inner::before{
    border-right-color: #ddd !important;
}

.newDesignHeader .login-wrap li.accountActions:hover:before {
    display: block;
    content: '';
    position: absolute;
    height: 22px;
    width: 100%;
    bottom: -17px;
    left: 0;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-top: 8px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.d-flex {
    display: flex;
}
.justify-content-flex-end {
    justify-content: flex-end;
}
.justify-content-space-around{
       justify-content: space-around;
}
.justify-content-space-between {
    justify-content: space-between;
}
.justify-content-space-evenly {
    justify-content: space-evenly;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center;
}
.h1title, .h1.title {
    font-size: 50px;
    color: #2C547C;
}
.newDesignPara {
    font-size: 20px;
    color: #5d5d5d;
    font-family: 'bariolregular';
}
.newDesignPara.label {
    color: #15425E;
    font-size: 28px;
    margin-bottom: 15px;
}
.sessionsStatusIcons {
    margin: 40px 0;
}
.sessionsStatusIcons > div {
    font-family: 'bariolbold';
    text-transform: uppercase;
    margin: 0 40px 20px 0; 
}
.sessionsStatusIcons > div span {
    height: 49px;
    width: 49px;
    margin-right: 20px;
}
.scheduledSessionsBannerImage {
    padding-left: 25px;
}
.scheduledSessionsBannerContent {
    /* padding: 0 25px 0 0; */
}
.calanderAndStatus {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 15px;
    color: #5d5d5d;
    font-family: 'bariolbold';
    /* text-transform: uppercase; */
}
@media(max-width:575px){
    .calanderAndStatus {
        display: flex;
        flex-direction: column;
        justify-content: start!important;
        font-size: 20px;
        color: #353535;
        font-family: 'bariolbold';
        /* text-transform: uppercase; */
    }
    .calanderAndStatus span {
        width: 30px!important;
        display: block;
        margin-bottom: 5px;
    }
    .external-calendar{
        display:none!important;
    }
    .external-calendar-m{
        display:flex!important;
        align-self: center;
    }
    .external-calendar-dropdown-menu{
        position: absolute;
       top:60px!important;
    }

}
.external-calendar-dropdown-menu{
    position: absolute;
    background-color: white;
    z-index: 9999;
    text-align: initial;
    box-shadow: 3px 3px #00000029;
    border-radius: 3px!important;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
.external-calendar{
    display:flex;
}
.external-calendar-m{
    display:none;
}


.calanderAndStatus span {
    width: 105px;
    display: block;
    margin-bottom: 5px;
}
.sessionsSchedule {
    font-size: 20px;
    color: #5d5d5d;
    font-family: 'bariolregular';
}
.sessionsSchedule > div {
    display: flex;
    margin-bottom: 10px;
}
.sessionsSchedule > div > div:first-child {
    flex: 1.3;
    /* font-family: 'bariolbold'; */
}
.sessionsSchedule > div > div:last-child {
    flex: 2;
}
.confirmedStatus > .goToSessionRoomBtn > button {
    background:#2C547C !important;
    color: #fff;
    text-transform: capitalize;
    font-family: 'bariolbold';
    font-size: 18px !important;
    height: 50px;
    width: 95% !important;
    text-align: left;
    padding: 0 22px;
}
.confirmedStatus > .booking-options > button {
    background:white !important;
    color: #5D5D5D;
    text-transform: capitalize;
    font-family: 'bariolbold';
    font-size: 18px !important;
    height: 50px;
    width: 95% !important;
    text-align: left;
    padding: 0 22px;
    border-color:#707070 !important;
}
.confirmedStatus button.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.confirmedStatus button.dropdown-toggle span {
    border-top: 12px dashed;
    border-top: 5px solid\9;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}
.confirmedStatus > div {
    flex: 0.5;
}
@media(max-width:991px){
    .confirmedStatus > div {
        flex: 0.5;
    }
}

.confirmedStatus > div .caret {
    transition: all 0.2s ease;
}
.confirmedStatus > div.show .caret {
    transform: rotate(-60deg);
}
.confirmedStatus > .goToSessionRoomBtn > button:hover:enabled,
.confirmedStatus > .goToSessionRoomBtn  > button:focus:enabled{
    background: #2C547C !important;
    color: #fff;
    border-color:#2C547C !important;
}

.confirmedStatus > .booking-options > button:hover:enabled,
.confirmedStatus > .booking-options > button:focus:enabled {
    background: white !important;
    color: #5D5D5D;
    border-color: #707070 !important;
}
.confirmedStatus button:after {
    display: none !important;
}
.confirmedStatus .dropdown-menu:before,
.confirmedStatus .dropdown-menu {
    /* border-color:#2C547C !important; */
    box-shadow: 3px 3px #00000029;
    border-radius: 3px!important;
}
.confirmedStatus .dropdown-menu {
    top: 52px;
    padding: 0px 0px;
}
.confirmedStatus .dropdown-menu button:hover:enabled {
    color:#5D5D5D !important;
    background: transparent;
    background-color: #E4E4E4!important;
}
.confirmedStatus .dropdown-menu button:disabled, .confirmedStatus .dropdown-menu button:disabled:hover {
    color: #afafaf !important;
   
}
.confirmedStatus .dropdown-menu:before {
    right: 26px;
}
.confirmedStatus .dropdown-menu button {
    font-size: 22px;
    font-family: 'bariolbold';
    /* text-transform: lowercase; */
    color : #5D5D5D!important;
    border-bottom: 1px solid #EAF1D9;
    padding: 10px 10px;
    text-align: left;
}
.sessionDate {
    padding: 10px 25px;
}
.sessionDate div {
    font-family: 'bariolbold';
    font-size: 24px;
}
.sessionDate div:last-child {
    margin-left: 5px;
}
.sessionActions a {
    font-family: 'bariolbold';
    color: #15425E !important;
    display: flex;
    align-items: center;
    font-size: 16px;
}
.sessionActions a img {
    width: 17px;
    margin: 0 0 0 10px;
}
.sessionActions p {
    font-family: 'bariolregular';
    font-size: 16px;
    color: #5d5d5d;
}
.t-schedule-title{
    margin-left:-15px;
}
.newDesignSessionsRowOuter > div > div {
    /* background: #f6f8ed; */
    margin-bottom: 20px!important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px!important;
    box-shadow: 0 0 2px #ddd!important;
    border-radius: 10px!important;
    background: white!important;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1)!important;
    -moz-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1)!important;
    box-shadow: 5px 5px 5px 0px rgba(222,222,222,1)!important;

}
.newDesignSessionsRowOuter > div:nth-child(even) > div {
    background: #f2fafd;
}
.newDesignSessionsRowOuterff > div > div {
    /* background: #f6f8ed; */
    margin-bottom: 20px!important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 10px!important;
    box-shadow: 0 0 2px #ddd!important;
    border-radius: 10px!important;
    background: #F1F1F1!important;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1)!important;
    -moz-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1)!important;
    box-shadow: 5px 5px 5px 0px rgba(222,222,222,1)!important;

}
.newDesignSessionsRowOuterff > div:nth-child(even) > div {
    background: #f2fafd;
}
.newDesignSessionsRow {
    padding: 35px 0;
}

.pendingStatus > .goToSessionRoomBtn > button {
    background:#2C547C !important;
    border-color:#2C547C !important;
}
.pendingStatus > .booking-options > button{
    background:white !important;
    border-color:#707070 !important;
    color: #5D5D5D;
} 
.pendingStatus > .goToSessionRoomBtn > button:hover:enabled, 
.pendingStatus > .goToSessionRoomBtn > button:focus:enabled {
    background:#2C547C !important;
    color: #fff !important;
    border-color:#2C547C !important;
}
.pendingStatus > .booking-options > button:hover:enabled,
.pendingStatus > .booking-options > button:focus:enabled {
    background:white !important;
    color: #5D5D5D !important;
    border-color:#707070 !important;
}
.pendingStatus .dropdown-menu:before,
.pendingStatus .dropdown-menu {
    /* border-color:#2C547C !important; */
    box-shadow: 3px 3px #00000029;
    border-radius: 3px!important;
}
.pendingStatus .dropdown-menu button {
    color:#5D5D5D !important;
    padding: 10px 10px;
}
.dropdown-menu button {
   font-size:20px!important;
   border-bottom: 0px!important;
}
.pendingStatus .dropdown-menu button:hover:enabled {
    color: #5D5D5D !important;
}
.pendingStatus .dropdown-menu button:disabled, .pendingStatus .dropdown-menu button:disabled:hover {
    color: #afafaf !important;
}

.cancleStatus > .booking-options > button,
.cancleStatus > .goToSessionRoomBtn > button {
    background: #afafaf !important;
    border-color: #afafaf !important;
    color:white;
}
.cancleStatus > .booking-options > button:hover:enabled, 
.cancleStatus > .goToSessionRoomBtn > button:hover:enabled,
.cancleStatus > .booking-options > button:focus:enabled, 
.cancleStatus > .goToSessionRoomBtn > button:focus:enabled {
    background: #fff !important;
    color: #afafaf !important;
    border-color: #afafaf !important;
}
.cancleStatus .dropdown-menu:before,
.cancleStatus .dropdown-menu {
    border-color: #afafaf !important;
}
.cancleStatus .dropdown-menu button {
    color: #afafaf !important;
}
.cancleStatus .dropdown-menu button:hover:enabled {
    color: #afafaf !important;
}
.cancleStatus .dropdown-menu button:disabled, .cancleStatus .dropdown-menu button:disabled:hover {
    color: #afafaf !important;
}

.newDesignDashboardBanner {
    margin-bottom: 70px;
}
.therapistSearchArea .find-therapist-filters.ft-sub-wrapper {
    background: transparent;
    border: 0;
    padding: 0;
    margin-top: 50px;
}
.therapistSearchArea  .dropdown-toggle:after {
    height: 15px;
    width: 15px;
    transform: rotate(225deg);
    border-top: 3px solid black;
    border-left: 3px solid black;
    border-right: 0 !important;
    transition: all 0.5s;
    right: 35px !important;
    top: 15px !important;
}
/* .therapistSearchArea  .dropdown-toggle.show:after {
    transform: rotate(-60deg);
} */
.fyl-find-therapist-wrapper .therapistSearchArea .ft-sub-wrapper .fly-cust-dd .dropdown-toggle {
    height: 50px;
    border-radius: 35px;
    font-family: 'bariolbold' !important;
    color: #96BA3F;
    font-size: 21px;
    font-weight: 600;
}
.fyl-find-therapist-wrapper .therapistSearchArea .ft-sub-wrapper .fly-cust-dd.show .dropdown-toggle {
    border-radius: 35px 35px 0 0;
}
.find-a-therapist-banner {
    padding: 0 0 0 50px;
}
.newDesignFindTherapistFilters {
    padding: 100px 0;
    border: 0;
}
.therapistSearchArea .form-group {
    margin-bottom: 14px;
}
.therapistSearchArea h1.title {
    /* font-size: 52px; */
    margin-top: -10px;
}
.updateResultBtn button.btn.btn-lg {
    height: 50px;
    margin-top: 30px;
    padding: 7px 33px !important;
}
.newDesignSuggestedTherapists h1.title {
    text-align: left;
}
.newDesignTherapistsFillterTags {
    flex: 2;
}
.newDesignTherapistsFillterTags .selected-items {
    border: 1px solid #e2e2e2;
    /* border-radius: 40px; */
    padding: 0 30px;
    min-height: 50px;
    margin: 0 10px 15px 0;
    display: flex;
    align-items: center;
    background: #e2e2e2;
}
.newDesignTherapistsFillterTags .selected-items p {
    margin: 0;
}
.newDesignTherapistsFillterTags .selected-items p span {
    font-family: 'bariolbold';
    color: #15425E;
    font-size: 21px;
}
.newDesignViewaAllBtn  button.fly-view-all-btn,
.newDesignViewaAllBtn.view-all button.showSuggestedBtn {
    position: static !important;
    font-family: 'bariolbold';
    color: #96BA3F;
    font-size: 21px !important;
    background: transparent;
    padding: 4px 11px;
}
.newDesignViewaAllBtn.view-all {
    text-align: right !important;
}
.newDesignViewaAllBtn {
    flex: 0.50;
}
.logged-in .newDesignTherapistsList .item--alt {
    padding: 0 !important;
    border: 0 !important;
}
.logged-in .newDesignTherapistsList .item--alt header .thumb {
    max-width: unset !important;
    border-radius: 0 !important;
    border: 0 !important;
}
.logged-in .newDesignTherapistsList .item--alt header .thumb a {
    display: block;
    position: relative;
}
.logged-in .newDesignTherapistsList .item--alt header .thumb a .firstSessionFree {
    height: 115px;
    width: 115px;
    background: #96BA3F;
    color: #fff;
    font-family: 'bariolbold';
    border-radius: 100%;
    position: absolute;
    bottom: 20px;
    right: 40px;
    padding: 17px 6px;
    text-align: center;
}
.newDesignTherapistsList.content-wrap {
    padding: 0 15px !important;
    margin-bottom: 30px !important;
}
.newDesignTherapistsList.content-wrap header .content {
    padding: 0 30px !important;
    text-align: left;
}
.newDesignTherapistsList.content-wrap header .content h3 {
    color: #15425E;
    text-transform: lowercase;
    font-size: 32px;
    margin-top: 20px;
    height: auto !important;
}
.fly-find-therapist .newDesignTherapistsList p,
.fly-find-therapist .newDesignTherapistsList p.age,
.fly-find-therapist .newDesignTherapistsList p.feelya_price span {
    color: #353535;
    font-family: 'bariolregular';
    font-size: 18px !important;
    line-height: 28px !important;
}
.fly-find-therapist .newDesignTherapistsList p.feelya_price {
    margin: 30px 0;
}
.fly-find-therapist .newDesignTherapistsList p.lable {
    font-family: 'bariolbold';
    margin-bottom: 0;
}
.fly-find-therapist .newDesignTherapistsList p.languages span {
    text-transform: capitalize;
}
.logged-in #therapist-matrix .newDesignTherapistsList .item--alt .entry-content:after {
    display: none;
}
.logged-in #therapist-matrix .newDesignTherapistsList .item--alt .button-wrap {
    position: static;
    padding: 0 30px;
    text-align: left
}
.logged-in #therapist-matrix .newDesignTherapistsList .item--alt header .content .therapist-headline {
    min-height: 95px;
    height: auto;
}
.newDesignTherapistsList .button-wrap a {
    font-family: 'bariolbold';
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: capitalize;
    float: none;
    width: auto !important
}
.newDesignTherapistsList .button-wrap a.btn-primary {
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
}
.newDesignTherapistsList .button-wrap .viewFulllProfile {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: 'bariolbold';
    margin-bottom: 30px;
}
.newDesignTherapistsList .button-wrap .viewFulllProfile img{
    width: 15px;
    margin: 0 0 0 5px;
}
.logged-in #therapist-matrix .newDesignTherapistsList .item--alt .entry-content {
    height: auto;
}
.newDesignSuggestedTherapists .therapist-container > div > div {
    background: #f2fafd;
}
.newDesignSuggestedTherapists .therapist-container > div:nth-child(even) > div   {
    background: #f6f8ed;
}

body .newDesignSection5{
    background-color: #f2f2f2 !important;
}
body .newDesignSection5 .containerPad{
    padding: 50px 0px 50px 0px;
}
.newDesignSuggestedTherapists .main-content-wrap {
    border: 0 !important;
}
.newDesignSuggestedTherapists .newDesignSection5 {
    margin-top: 60px;
}

.newDesignFindTherapist.hero-section .content-wrap {
    background: transparent;
}
.newDesignFindTherapist.hero-section .item .col-content {
    max-width: 404px;
}
section.hero-section.newDesignFindTherapist {
    margin-top: 100px;
}
.newDesignFindTherapist.standard-hero .item .content-wrap {
    justify-content: flex-start;
}
.newDesignFindTherapist.standard-hero .item .content-wrap .container {
    margin-top: 50px;
}
.newDesignFindTherapist #therapist-matrix .image-wrap {
    border-radius: 0;
    border:0;
    margin: 0 0 10px;
}
.newDesignFindTherapist #therapist-matrix .image-wrap .therapist-cycle__profile-image {
    padding-top: 78%;
}
.newDesignFindTherapist #therapist-matrix .inner {
    text-align: left;
}
.newDesignFindTherapist #therapist-matrix .inner h4 {
    font-size: 24px;
    color: #15425E;
    text-transform: capitalize;
    font-family: 'bariolregular';
    font-weight: normal;
    margin: 0 0 5px;
}
.newDesignFindTherapist #therapist-matrix .inner p {
    font-size: 18px;
    color: #5d5d5d;
}
.newDesignFindTherapist #therapist-matrix:after {
    display: none;
}
section .newDesignBtn {
    padding: 8px 24px !important;
}
.newDesignFindTherapist .newDesignSection3 {
    padding: 100px 0;
}
.page-wrapper.newDesignFindTherapist {
    padding-top: 4em;
}
.newDesignFindTherapist #therapist-matrix .item {
    margin-bottom: 1em;
}

.newDesignSection4 .newDesignPara {
    font-size: 20px;
    color: #F1F1F1;
}
.therapistSearchArea .dropdown .dropdown-toggle:after {
    transition: all 0.5s ease;
}
/* .therapistSearchArea .dropdown.show .dropdown-toggle:after {
    transform: rotate(180deg);
} */
.newDesignFindTherapistFilters .ft-sub-wrapper .fly-cust-dd .dropdown-menu {
    top: 50px;
}
.therapistName {
    text-transform: lowercase;
}
.profile-image__inner.therapistProfileImage {
    border-radius: 0%;
}
/* body .lightblue-wrapper--alt {
    padding-top: 0;
} */

.therapistBioContent .acf-input ul {
    display: flex;
    flex-wrap: wrap;
}
.therapistBioContent .acf-input ul li  {
    flex-basis: 23%;
    margin-bottom: 5px;}
.therapistBioContent .acf-input ul li label {
    font-size: 16px;
    color: #5d5d5d;
}
input[type=text], textarea {
    -webkit-appearance: none!important; 
    -webkit-text-size-adjust: 100%!important;
}
.therapistBioContent .acf-input textarea {
    resize: none;
}
.therapistBioContent .acf-fields > .acf-field {
    padding: 15px 12px 30px;
}
.therapistBioContent label,
.therapistBioContent .form-control-label {
    color: #5d5d5d;
    /*text-transform: lowercase;*/
    font-size: 24px;
    font-family: 'bariolbold'!important;    
}
.bottom_tpi_btn{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 18px;
}
.therapistBioContent input {
    color: #5d5d5d;
}
.newDesignFooter .logo {
    display: block;
    width: 50%;
    margin: 20px auto 0;
}
.date__extcalendar a {
    cursor: pointer;
}
.clickable {
    cursor: pointer;
}
/* Last */
.page-align-find-t{
    margin-top: 0px !important;
}
.page-align-wewill{
    padding-top: 4.6em !important;  
}

select{
    appearance:none !important;
	-webkit-appearance:none !important;
	-moz-appearance:none !important;
    -ms-appearance:none !important;
    padding-right: 40px !important;
}

/*-- Corana strip header (Start here) --*/

.carona--strip{
    display: flex;
    float: left;
    align-items: center;
    justify-content: center;
    background-color: #2c547b; 
    padding-top: 7px;
    padding-bottom: 7px;   
}
.carona--strip a{
    margin: 0;
    font-family: bariolregular;
    font-size: 20px;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index:1001;
}
@media(min-width:1200px){
    .carona--strip a{  
        width: 50%;
       
    } 
}
.carona--strip .fa{
    color: #fff;
    font-size: 35px;
    line-height: 24px;
    margin-left: 3%;
    cursor: pointer;
}

/*-- Corana strip header (End here) --*/


/*-- Corana page (Start here) --*/
.covid--wrapper .point--txt{
    list-style: disc;
    padding-left: 30px;
    margin-bottom: 60px;
}
.covid--wrapper .point--txt li{
    margin-bottom: 15px;    
}
.covid--wrapper .covid--book--btn{
    margin-top: 10px;
}
.covid--wrapper .corona--img{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .covid--wrapper .corona--img img{
    -webkit-animation: rotation 60s infinite linear;
} */
@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
    }
    to {
            -webkit-transform: rotate(359deg);
    }
}

.covid--wrapper .carona--symptoms{
    margin-top: 90px;
}

.covid--wrapper .carona--info{
    margin-bottom: 55px;
}
.covid--wrapper .carona--info .point--txt{
    padding-left: 23px;
}
.covid--wrapper .dark--black{
    color: #5d5d5d !important;
}
.covid--wrapper .carona--footer{
    margin: 80px 0 100px 0
}
.covid--wrapper .forColor{
    color: #2C547C;
}
.covid--wrapper h2{
    font-size: 28px;
}
.covid--wrapper .newDesignPara{
    font-size: 23px;
}


/*-- Corana page (End here) --*/

/* Footer */
.updated--footer h3{
    text-align: center !important;
    font-family: 'bariolbold' !important;
    font-size: 24px ;
}
.updated--footer p{
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    padding-top: 8px !important;
}

@media (min-width:581px) and (max-width: 991px) {
    .newDesignFindTherapist.hero-section .item .col-content {
        max-width: 435px;
    }
    .newDesignPara {
        font-size: 17px;
        line-height: 28px;
    }
    .newDesignSection4 .newDesignPara {
        font-size: 17px;
        color: #F1F1F1;
        
    }
    .newDesignFooter .menu-item h3 {
        font-size: 32px;
    }
    body .forColorH3 {
        font-size: 30px !important;
    }
}
@media (max-width:580px) {
    .carona--strip a{
        font-size: 15px;
        line-height: 15px;
    }
    .carona--strip .fa{
        font-size: 25px;
        line-height: 20px;
    }
    .covid--wrapper .carona--footer {
        margin:0 0 30px 0;
    }
    
    .covid--wrapper .corona--img{
        margin-top: 50px;
    }
    .covid--wrapper .corona--img img{
        width: 80%;
    }
    .covid--wrapper .carona--info {
        margin-bottom: 25px;
    }
    .covid--wrapper .carona--symptoms {
        margin-top: 60px;
    }
    .newDesignFindTherapistFilters > .row {
        margin: 0;
    }
    .newDesignFindTherapist.hero-section .item .col-content {
        max-width: 95%;
        margin: 0 auto;
    }
    .therapistBioContent .acf-input ul li {
        flex-basis: 100% !important;
        margin: 0 20px 10px 0 !important;
    }
    .covid--wrapper .covid--book--btn{
        margin-top: 40px;
        text-align: center;
    }
    .covid--wrapper .h1title{
        font-size: 45px;
        line-height: 41px;
    }
}
@media (max-width:768px) {
    #viewAll > .container {
        flex-direction: column;
    }
    #viewAll > .container > div:first-child{
        order: 2;
    }
    #viewAll .newDesignViewaAllBtn{
        margin-bottom: 20px;
    }
    #filterviewAll > .container {
        flex-direction: column;
    }
    .newDesignTherapistsFillterTags{
        justify-content: center;
    }
    .responsive-suggest-t{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .newDesignSuggestedTherapists #therapist-matrix header .thumb {
        position: relative;
        width: auto;
        height: auto;
    }
}
@media (min-width:320px) and (max-width:480px) {
    .bold--font-family{
        font-size: 20px !important;
    }
    .sessionActionsButtons {
        flex-direction: column;
    }
    .sessionActionsButtons .dropdown {
        margin-bottom: 20px;
    }
    
}
@media (min-width:581px) and (max-width:767px) {
    .therapistBioContent .acf-input ul li {
        flex-basis: 50%;
        margin: 0 0 10px 0 !important;
    }
}
@media (min-width:481px) and (max-width:767px) { 
   
    .newDesignFindTherapist.standard-hero .item .content-wrap .container {
        margin-top: 0;
    }
    .newDesignFindTherapist.standard-hero .item .content-wrap .container .h1.title {
        font-size: 43px;
        margin-bottom: 5px;
    }
    .howCanWeHelpBanner .newDesignBannerContentHolder {
        padding-top: 15px !important;
    }
    .newDesignBanner .howCanWeHelpBanner .container p.newDesignBannerContent {
        line-height: 30px !important;
    }
    .newDesignBanner .howCanWeHelpBanner .container .button-wrap.mt-5 {
        margin-top: 15px !important;
        padding: 0 !important;
    }
}
@media(max-width:607px) {
    .carona--strip a {
        font-size: 15px;
    }
}
@media (min-width:767px) and (max-width:768px) {
    .newDesignBanner.hero-section .bg-image2 {
        height: 630px !important;
        background-position: center right -520px;

    }   
}

@media (max-width:767px){
    .newDesignSection4 .newDesignPara {
        font-size: 17px;
        color: #F1F1F1;
        padding-top:60px;
    }
}
@media (min-width:320px) and (max-width:767px) {
     
    body .newDesignBanner .h1.title {
        font-size: 43px;
    }
    .newDesignBanner.hero-section .bg-image {
        height: 400px !important;
        background-position: center right -100px;

    }    
    .newDesignBanner.hero-section .bg-image2 {
        height: 630px !important;
        background-position: center right -520px;

    }    
    .sessionsStatusIcons {
        flex-wrap: wrap;
    }
    .sessionsStatusIcons > div {
        margin-bottom: 40px;
    }
    .scheduledSessionsBannerImage {
        padding-left: 0;
        margin: 50px auto;
    }
    .newDesignSessionsRowOuter > div {
        margin: 0 5px 30px;
    }
    .newDesignSessionsRowOuterff > div {
        margin: 0 5px 30px;
    }
    .scheduledSessionsBannerImage img {
        max-width: 70%;
        margin: 0 auto;
        display: block;
    }
    .sessionActionsButtons {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .newDesignSuggestedTherapists #therapist-matrix .content {
        padding: 0 30px;
    }
    .newDesignFindTherapistFilters .row > div:first-child,
    .newDesignDashboardBanner > div:first-child,
    .newDesignSection3 .col-md-10:first-child,
    #viewAll > .container > div:first-child {
        order: 2;
    }
    .newDesignFindTherapistFilters .row > div:last-child
    .newDesignDashboardBanner > div:last-child,
    .newDesignSection3 .col-md-10:last-child,
    #viewAll > .container > div:last-child {
        order: 1;
        margin-bottom: 40px;
    }
    .newDesignFindTherapistFilters {
        padding: 50px 0;
    }
    .find-a-therapist-banner {
        padding: 0 100px;
        margin-bottom: 50px;
    }
    body .newDesignSection5 .containerPad{
        padding: 50px 0px 50px 0px;
    }
    .newDesignSection3 .col-md-6:last-child {
        order: 1;
    }
    .newDesignSection3 .col-md-6:first-child {
        /* margin-top: 70px; */
        order: 2;
    }
    .newDesignPara {
        font-size: 17px;
        line-height: 31px;
    }
   
    section.hero-section.newDesignFindTherapist {
        margin-top: 50px;
    }
    .newDesignFooter .menu-item .nav-menu a {
        font-size: 24px;
    }
    body .paddSection3Col {
        padding: 0 !important;
    }
    .newDesignSection3 > .pt-5, 
    .newDesignFindTherapist .therapist-container {
        padding-top: 0 !important;
    }
    .newDesignBanner .container p.newDesignBannerContent {
        line-height: 24px !important;
        font-size: 20px;
        margin: 0;
        padding: 0; 
    }
    .containerSection2 .row div {
        margin: 0 auto; 
    }
    .newDesignLandingSection3 .row .pb-5:last-child {
        padding-bottom: 0 !important;
    }
    body .hero-title-landing {
        padding: 2em 0;
    }
    body .howCanWeHelp .forColorH3 {
        font-size: 28px;
    }    
    body .forColorTitleSection3 {
        font-size: 40px !important;
        position: absolute;
        width: 100%;
        padding: 15px 15px 15px 0px;
    }
    body .forColorH3 {
        font-size: 30px !important;
    }
    .newDesignFindTherapist .container.my-5 {
        margin: 0 auto !important;
    }
    .page-wrapper.newDesignFindTherapist {
        padding-top: 2em;
    }
    .registerAccountImg {
        margin: 0 0 20px;
    }
    .newDesignFindTherapist .newDesignSection3 {
        padding: 50px 0;
    }
    .sessionsStatusIcons > div {
        margin: 0 20px 20px 0;
    }
    .calanderAndStatus span {
        width: 70px;
    }    
    /* @media (min-width:320px) and (max-width:767px) */
}
@media (min-width:320px) and (max-width:767px) and (orientation: landscape) {
    .newDesignBanner.hero-section .bg-image {
        height: 350px !important;
    }
    /* @media (min-width:320px) and (max-width:767px) and (orientation: landscape) */
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
    .newDesignBannerContentHolder {
        background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0.9 ) 0%,rgba(255,255,255,0.9 ) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0.9 ) 0%,rgba(255,255,255,0.9 ) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 );
        padding: 30px;
        border-radius: 15px;
        box-shadow: 0px 0px 20px -11px rgba(0,0,0,0.5);
    }
    .for--ipadL--only{
        max-width: 100% !important;
        flex-basis: 100% !important;
        margin-top: -114px;
    }
}
@media (min-width: 992px) and (max-width:1199px) {
    .newDesignFindTherapist.hero-section.hero-section .bg-image {
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;
    }
    .newDesignFindTherapist.hero-section .item .col-content {
        max-width: 360px;
        text-align: left;
    }
    .howCanWeHelp .forColorH3 {
        font-size: 30px !important;
    }
    .newDesignPara {
        font-size: 20px;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    .newDesignSessionsRowOuter > div {
        margin: 0 5px 30px;
    }
    .newDesignSessionsRowOuterff > div {
        margin: 0 5px 30px;
    }
    
    .newDesignBanner .container p.newDesignBannerContent {
        line-height: 24px !important;
        font-size: 20px;
        margin: 0;
        padding: 0;
    }
    .scheduledSessionsBannerImage img {
        margin: 0 auto;
        display: block;
    }
    .sessionActionsButtons {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .sessionsStatusIcons > div {
        margin: 0 20px 20px 0;
    }
    body .howCanWeHelp.matrix-wrap > div > div {
        min-height: 420px;
    }
    .therapistBioContent .acf-input ul li {
        flex-basis: 21%;
    }
    /* @media (min-width: 768px) and (max-width:991px) */
}
@media (min-width: 320px) and (max-width:1200px) {
    h1.title {
        font-size: 40px !important;
    }
    .fyl-find-therapist-wrapper .therapistSearchArea .ft-sub-wrapper .fly-cust-dd .dropdown-toggle,
    .newDesignTherapistsFillterTags .selected-items p span {
        font-size: 18px;
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    body .hero-section .item .content-wrap {
        padding-top: 2em;
    }
    .newDesignBanner.hero-section .bg-image {
        height: 400px !important;
    }
    .newDesignBanner.hero-section .bg-image2 {
        /* background-position: 55% 40%; */
        height: 580px!important;
    }
    .howCanWeHelpBannerSection.hero-section .bg-image {
        height: 340px !important;
    }
   
    body .newDesignFindTherapist.standard-hero .item .content-wrap {
        padding-top: 0;
    }
    body .newDesignFindTherapist.standard-hero .item .content-wrap .container {
        margin-top: 0px;
    }
    body .newDesignFindTherapist.standard-hero .item .content-wrap .container h1.title {
        font-size: 34px !important;
        margin-bottom: 5px;
    }
    body .newDesignFindTherapist.standard-hero .item .content-wrap .container .button-wrap {
        padding-top: 1em;
    }
    .hero-section .item .content-wrap.howCanWeHelpBanner {
        padding-top: 1em;
    }
    
    .howCanWeHelpBanner .newDesignBannerContent {
        margin-bottom: 20px;
        font-size: 22px !important;
    }    
    .howCanWeHelpBanner .newDesignBannerContentHolder.pt-5,
    .howCanWeHelpBanner .button-wrap.mt-5 {
        margin-top: 0 !important;
        padding-top: 15px !important;
    }
}
@media (min-width: 1024px) and (max-width:1199px) {
    .newDesignBanner.hero-section .bg-image {
        height: 450px !important;
    }
    .newDesignBanner.hero-section .bg-image2 {
        height: 600px !important;
    }
    .newDesignFindTherapist.hero-section.hero-section .bg-image {
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;

    }
    .newDesignFindTherapist.hero-section.hero-section .button-wrap {
        padding-top: 0;
    }
    .newDesignPara.label {
        font-size: 24px;
    }
    .howCanWeHelpBanner .newDesignBannerContentHolder.pt-5,
    .howCanWeHelpBanner .button-wrap.mt-5 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .howCanWeHelpBanner .newDesignBannerContent {
        margin-bottom: 50px;
        font-size: 22px !important;
    }
    .hero-section .item .content-wrap.howCanWeHelpBanner {
        padding-top: 2em;
    }
    .therapistBioContent .acf-input ul li {
        flex-basis: 21%;
    }
}

@media (min-width: 1200px) and (max-width:1365px) {
    .newDesignBanner.hero-section .bg-image {
        height: 530px !important;
    }
    .newDesignBanner.hero-section .bg-image2 {
        height: 630px !important;
    }
    body .newDesignFindTherapist.hero-section.hero-section .bg-image {
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;
    }
    .howCanWeHelpBanner .newDesignBannerContentHolder.pt-5,
    .howCanWeHelpBanner .button-wrap.mt-5 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .howCanWeHelpBanner .newDesignBannerContent {
        margin-bottom: 50px;
    }
}

@media (min-width: 1366px) and (max-width:1599px) {
    .newDesignFindTherapist.hero-section.hero-section .bg-image{
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;
    }
    .newDesignBanner.hero-section .bg-image {
        height: 579px !important;
        
    }
    .newDesignBanner.hero-section .bg-image2 {
        height: 660px !important;
        
    }
  
    .howCanWeHelpBanner .newDesignBannerContentHolder.pt-5,
    .howCanWeHelpBanner .button-wrap.mt-5 {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    .howCanWeHelpBanner .newDesignBannerContent {
        margin-bottom: 50px;
    }
    .newDesignBanner .container p.newDesignBannerContent {
        font-size: 20px;
    }

}
@media (min-width:1600px) and (max-width:1919px) {
    .newDesignBanner.hero-section .bg-image {
        height: 650px !important;
    }
    .newDesignBanner.hero-section .bg-image2 {
        height: 650px !important;
    }
    .newDesignFindTherapist.hero-section.hero-section .bg-image {
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;
    }
}
@media (min-width:1920px) {
    .newDesignBanner.hero-section .bg-image {
        height: 816px !important;
    }
    .newDesignBanner.hero-section .bg-image2 {
        height: 816px !important;
    }
    .newDesignFindTherapist.hero-section.hero-section .bg-image {
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;
    }
}
@media (max-width:1199px) {
    /* .login-wrap .col-content > ul {
        display: block !important;
    } */
    .newDesignHeader .login-wrap li ul {
        left: 0px;
    }
    .newDesignHeader .login-wrap li ul:before {
        right: calc(50% - 6px);
    }
    /* .newDesignHeader .login-wrap li,
    .newDesignHeader .login-wrap li ul li {
        display: block !important;
        margin-top: 13px;
    } */
}

/* kiran css */
.section3-newDesign{  
    padding-bottom: 3em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section3-newDesign-tilte{
    font-family: 'bariolbold';
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
}
/* section 2 header  */
.containerSection2{
  max-width: 100% !important;
  /* width: 1366px !important; */
}

body .forColor{
  color: #7FC0EE;
  text-align: left;
  padding-top: 10px;
}
body .forColorH3{
  color: #2C547C;
  text-align: left;
  padding-top: 10px;
  margin-bottom: 0;
  font-size: 30px;
  font-family: 'bariolbold';
}
body .footer--H3{
    color: #2C547C;
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 26px;
    font-family: 'bariolbold';
    text-align: center;
}
body .footer--para{
    font-size: 22px;
    color: #5d5d5d;
    font-family: 'bariolregular';
    line-height: 28px;
    text-align: center;
}
.forImg{
  width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 320px) and (max-width:767px) {
    .section3-newDesign-tilte{
        font-size: 34px;
    }
  .overview-cta .containerSection2  .image-wrap {
    float: none;
    margin-right: 0rem;
  }
  body .containerSection2 .content p{
    margin-left: 0px !important;
  }
}
/* section 3 */
body .paddSection3Col{
    padding: 15px 0 60px 0;
}
body .paddSection3ColImg{
  padding: 40px 0 40px 40px;
}

body .forColorTitle{
  color: #7FC0EE;
  text-align: left;
  padding-top: 10px;
  font-size: 63px;
}
body .newDesignSection3{
  background-color: #f2f2f2 !important;
}
/* section 4 */
body .newDesignSection4{
padding: 0px 0px 66px 0px;    
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7fc0ee+16,96ba3f+100 */
background: #7fc0ee; /* Old browsers */
background: -moz-linear-gradient(top, #7fc0ee 16%, #96ba3f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7fc0ee 16%,#96ba3f 100%); /* Chrome10-25,Safari5.1-6 */
background: transparent linear-gradient(0deg, #96BA3F 0%, #51BAA5 0%, #53B3C2 22%, #7CB0E5 86%, #7FC0EE 100%) 0% 0% no-repeat padding-box; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc0ee', endColorstr='#96ba3f',GradientType=0 ); /* IE6-9 */
}

body .forColorTitleSection3{
  color: #fff;
  text-align: left;
  padding-top: 10px;
  font-size: 50px;
}
/* section 5 */
body .newDesignSection5{
  background-color: #f2f2f2 !important;
}
body .newDesignSection5 .containerPad{
  padding: 50px 0px 50px 0px;
}
@media (min-width: 320px) and (max-width:767px) {
  body .newDesignSection5 .containerPad{
    padding: 20px 0px;
  }
}
/* landing page */
body .newDesignLandingSection3 .forbackgroundRow{
  background-color:#2C547C;
  display: flex;
  justify-content: center;
  align-items:center;
  border-radius: 2px;
}
body .newDesignLandingSection3 .containerPad{
  padding: 80px 0px 80px 0px;
}
@media (min-width: 320px) and (max-width:767px) {
  body .newDesignLandingSection3 .containerPad{
    padding: 50px 0px 50px 0px;
    padding-right: 15px;
  }
}
body .newDesignLandingSection3 .forColorH3{
  color: #83C141;
  text-align: left;
  padding-top: 10px;
  font-size: 32px;
}
body .newDesignLandingSection3 .newDesignPara {
  padding-top: 20px;
    font-size: 26px;
    color: #fff;
    font-family: 'bariolregular';
}
body .newDesignLandingSection3 .newBlueBtn{
  background-color: #83C141 !important;
}
.lookingForHelpImg{
  max-width: 215px;
  /* padding: 30px; */
}
 .hero-title-landing{
    background: #fff;
    float: left;
    width: 100%;
    padding:5em 0 4em 0;
    border: none;
}
.hero-title-landing * {
 color: #7FC0EE ;
 margin-bottom: 0;
}
.newDesignBannerContentHolder .serachDiv{
  display: flex;
  justify-content: flex-start;
  max-width: 511px;
  height: 62px;
  border: 1px solid #95B93E;
  border-radius: 35px;
  background: #fff;
}
.newDesignBannerContentHolder .serachDiv img{
  margin-left: 25px;
  width: 25px;
  margin-right: 10px;
}
.newDesignBannerContentHolder .serachDiv .sreachInput{
  width: 80% !important;
  border: none !important;
  font-size: 26px;
  color:#5D5D5D;
}
.howCanWeHelp .forColorH3{
    padding: 30px 30px 0px 30px;
    font-size: 35px;    
    text-transform: lowercase;
}
.howCanWeHelp .newDesignPara{
    padding: 25px 30px 30px 30px;
}
.howCanWeHelp.matrix-wrap > div > div {
  background: #f5f8ed;
  min-height: 600px;
  }
.howCanWeHelp.matrix-wrap > div:nth-child(even) > div {
  background: #f2fafd;
}
.howCanWeHelp .readMoreFix{
  position:inherit !important;
  padding: 0 0 40px 30px !important;
}
.howCanWeHelp > div {
      padding-bottom: 30px !important;
}

/* UI Changes (5th July) */

.logged-in #therapist-matrix .item--alt header .content h3{
    text-transform: capitalize
}
body .feelya-form .disabled-notice{
    color: #ccc !important;
}

.feelya--placeholder ::-webkit-input-placeholder { 
    font-size: 17px;
}  
.feelya--placeholder :-ms-input-placeholder { 
    font-size: 17px;
}  
.feelya--placeholder ::placeholder {
    font-size: 17px;
}
.feelya-submit-ud{
    float: right !important;
}
.feelya-delete-ud{
    float: left !important;
    background-color: transparent !important;
    color: #2c537c !important;
}

/* UI Changes (5th July) end here*/

.new--down--arrow{
    font-size: 35px !important;
}

/* new--select--dd */



@media (min-width:320px) and (max-width:1200px) {
    .sm-links.list-inline {
        display: none
    }
    #mobile-nav .login-wrap {
        padding-top: 0 !important;
    }
    .login-wrap .col-content > .userProfileActAndDetail.postLogin > li:first-of-type {
        clear: left;
    }
    .login-wrap .col-content > .userProfileActAndDetail.postLogin > li:last-child {
        margin-right: 0;
        float: right;
    }
    .login-wrap .col-content > .userProfileActAndDetail.postLogin > li:nth-last-child(2) {
        float: left;
    }
    .login-wrap .col-content > .userProfileActAndDetail.preLogin {
        justify-content: space-between !important;
    }

}
@media (min-width:1200px) {
  .howCanWeHelp.matrix-wrap > div > div {
    min-height: 500px;
    }
    .align-items-center.userProfileActAndDetail {
        display: block !important;
    }
    .login-wrap .col-content > .userProfileActAndDetail.postLogin {
        display: flex;
        align-items: center;
        margin-left: auto;
    }
    .login-wrap .col-content > .userProfileActAndDetail.postLogin li:last-child {
        margin-right: 0 !important;
    }
}
@media (min-width: 320px) and (max-width:767px) {
  .newDesignBannerContentHolder .serachDiv .sreachInput{
    width: 70% !important;
  }
  .howCanWeHelp.matrix-wrap > div > div {
    min-height: auto;
  }
  .newDesignLandingSection3 .col-sm-10:first-child {
    order: 2;
  }
  .newDesignLandingSection3 .col-sm-10:last-child {
    order: 1;
  }
}
::-webkit-input-placeholder { /* Edge */
  color: #868686;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #868686;
}

::placeholder {
  font-size: 27px;
  color: #868686;
  font-family: 'bariolregular';
}

.smallText {
    font-size: 16px;
} 
.newLine {
    display: block;    
}
.fly-find-therapist .newDesignTherapistsList p.age {
    min-height: 84px;
}
.fly-find-therapist .newDesignTherapistsList p.languages {
    min-height: 56px;
}
.align-items-center.userProfileActAndDetail {
    justify-content: flex-start;
    align-items: baseline !important;
}
.userProfileActAndDetail > li {
    margin-right: 15px;
}
/* .userProfileActAndDetail > li:last-child {
    margin-left: auto !important;
} */
.login-wrap .col-content > .userProfileActAndDetail.preLogin {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3px;
}
.login-wrap .col-content > .userProfileActAndDetail.preLogin li:last-child {
    margin: 0 0px 0px 15px !important;
}

.suggest-therapists input::-webkit-input-placeholder { /* Edge */
    font-size: 18px;
    color: #666;
    font-family: 'bariolregular';
  }
  
  .suggest-therapists input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 18px;
    color: #666;
    font-family: 'bariolregular';
  }
  
  .suggest-therapists input::placeholder {
    font-size: 18px;
    color: #666;
    font-family: 'bariolregular';
  }
  @media (max-width: 812px) { 
    .suggest-therapists input::-webkit-input-placeholder { /* Edge */
        font-size: 14px !important;
      }
      
      .suggest-therapists input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        font-size: 14px !important;
      }
      
      .suggest-therapists input::placeholder {
        font-size: 14px !important  ;
      }    
}

/* header--updated */
.header--updated #main-site-nav li:first-of-type{
    padding: 0 83px 0 150px;
}
.header--updated #main-site-nav li{
    padding: 0 83px 0 80px;
    font-size: 26px;
}
.header--updated #main-site-nav li:last-child{
    padding-left:90px; 
}
.header--updated #main-site-nav li a{
    font-size: 16px;
    color: #2C547C;
    text-transform: uppercase;

}
#masthead-wrap #masthead .header--updated  .login-wrap li.username-li{
        margin-right: 30px;
}
.header--updated.therapistlogin #main-site-nav li:last-child{
    padding-left: 95px;
}
#masthead-wrap #masthead .header--updated.therapistlogin .login-wrap li.username-li {
    margin-right: 84px;
}
.therapist-documentation--passport .gform_footer.top_label .gform_button.button{
    float: right;
}
.therapist-documentation--documents .gform_footer.top_label .gform_button.button{
    float: right;
}
.therapist-documentation--documents .gform_wrapper.gf_browser_chrome input.button.gform_button_select_files{
    width: auto;
    padding: 8px 24px !important;
}
.view-file--button{
    color: #fff !important;
    border-radius: 35px !important;
    font-family: 'bariolbold' !important;
    font-weight: unset !important;
    font-size: 18px !important;
    padding: 8px 24px !important;
    border: 0 !important;
    background: #2C547C;
}
.bold-precalled{
    font-family: 'bariolbold' !important; 
}
.tooltip--video-session {
    display:inline-block;
  }
  .tooltip--video-session .tooltip--msg {
    visibility: hidden;
      min-width: 300px ;
      padding: 8px 8px ;
      color: #333 ;
      background-color: #fdfcfc;
      border: 1px solid #ddd;
      box-shadow: 0 0 5px #ddd;
      font-size: 16px;
      line-height: 18px;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 100;
    right: -100px;
    bottom: 110px;
    border-radius: .25rem;
  }
  .tooltip--video-session .tooltip--msg1 {
    visibility: hidden;
      min-width: 300px ;
      padding: 8px 8px ;
      color: #333 ;
      background-color: #fdfcfc;
      border: 1px solid #ddd;
      box-shadow: 0 0 5px #ddd;
      font-size: 16px;
      line-height: 18px;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 100;
    right: 0%;
    bottom: 110px;
    border-radius: .25rem;
  }
  .tooltip--video-session:hover .tooltip--msg,.tooltip--video-session:hover .tooltip--msg1 {
    visibility: visible;
  }
  .tooltip--msg::before{
    bottom: -5px;
    right: 40%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #ddd !important;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    overflow: visible;
  }
  .tooltip--msg1::before{
    bottom: -5px;
    right: 10%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: #ddd !important;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    overflow: visible;
  }
  @media (max-width:812px){
    .tooltip--msg,.tooltip--msg1{
        display: none;
    }
  }
/* Login Css */
@media only screen and (min-width: 1200px) {
    .therapist-login{
        margin: 0;
        margin-top: -10px;
        text-align: end;
        font-size: 14px;
        font-family: "bariol_regularregular", Helvetica, Arial, sans-serif;
        letter-spacing: 0px;
    }
    .therapist-login a{
        color: #2C547C!important;
        font-family: 'bariolbold';

    }
    .therapist-login a:visited{
        color: #2C547C!important;

    }
    .therapist-login a:hover{
        color: #31C5F4!important;

    }
    
}
@media only screen and (max-width: 1200px) {
    .therapist-login{
        display:none;
        
    }
}
/* Css for the circle dropdown menu button */
    #dropdowncircle{
        margin: -4px 0px 0px 0px!important;
    }
  .circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 19px;
    font-family: 'bariolbold';
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #54C1F0;
    text-transform: uppercase; 
   
    border-radius:100px;
}
#menulist:hover  #menucircle {
    box-shadow:27px -0px #F1F1F1;
    -moz-box-shadow: 27px -0px #F1F1F1;
    -webkit-box-shadow: 27px -0px #F1F1F1;
    -o-box-shadow: 27px -0px #F1F1F1;
    border-radius:100px;
    }
#menulist:hover  #menucircle:before {
    content: '';
    position: absolute;
    left: 18px;
    width: 30px;
    height: 100%;
    background: #F1F1F1;
    z-index: -1;
}
.circle-mobile {
    position: relative;
    left: 20px;
    width: 40px;
    height: 40px;
    font-size: 21px;
    font-family: 'bariolbold';
    line-height: 42px;
    color: #fff;
    text-align: center;
    background: #54C1F0;
    text-transform: uppercase;
    border-radius:100px;
    display: inline-block;
}

#mobilearrow{
    position: relative;
    left: 20px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 22px;
    margin-left: -4px;
    color: #54C1F0!important;
}
@media (max-width:768px){
    #mobilearrow{
        position: initial!important;
       
    }
    .circle-mobile {
        position: initial!important;
    }
}
@media (max-width:575px){
    #mobile-nav-trigger .menu-anim-wrap{
        left:15px!important;
    }

}
#mobile-nav-trigger{
    position: absolute!important;
    top: 50%!important;
    right: 20px;
    width: 100px;
    height: 50px!important;
}
#mobile-nav-trigger.active .arrow--down {
    transform: rotate(180deg);
}
button#mobile-nav-trigger:before .arrow--down {
    transform: rotate(180deg);
}

.dropdown-toggle-link{
    color: #54C1F0!important;
}
.navbar-toggler:before {
    display:none
}
.navbar-toggler::after {
    
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 19px;
    font-family: 'bariolbold';
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #54C1F0;
    text-transform: uppercase;
    border-radius:100px;
}
.mobile_nav.opened .navbar-toggler:after {
    content: "CLOSE";
}
.mobile-logout{
    right: 0vh!important;
    width: 40px!important;
}

/* Css for menu animation */


.customer-ul {
    -webkit-transition:max-height 0.4s ease-out!important;
    -moz-transition:max-height 0.4s ease-out!important;
    -o-transition:max-height 0.4s ease-out!important;
    transition:max-height 0.4s ease-out!important;
}
#dropdowncircle.show > .customer-ul {

    -webkit-transition:max-height 0.4s ease-out!important;
    -moz-transition:max-height 0.4s ease-out!important;
    -o-transition:max-height 0.4s ease-out!important;
    transition:max-height 0.4s ease-out!important;
    z-index: 1000;
}
.customer-ul li {

    -webkit-transition:none!important;
    -moz-transition:none!important;
    -o-transition:none!important;
    transition:none!important;
}
#dropdowncircle.show > .customer-ul li {

    -webkit-transition:none!important;
    -moz-transition:none!important;
    -o-transition:none!important;
    transition:none!important;
}
.customer-ul li a{
    opacity: 0;

    -webkit-transition:none!important;
    -moz-transition:none!important;
    -o-transition:none!important;
    transition:none!important;
}
#dropdowncircle.show > .customer-ul li a{
    opacity: 100;
    -webkit-transition:all 0.25s ease-in 15ms !important;
    -moz-transition:all 0.25s ease-in 15ms !important;
    -o-transition:all 0.25s ease-in 15ms !important;
    transition:all 0.25s ease-in 15ms !important;
    font-size: 20px;
}

.dropdown-menu li a{

    -webkit-transition:0.25s ease-out!important;
    -moz-transition:0.25s ease-out!important;
    -o-transition:0.25s ease-out!important;
    transition:0.25s ease-out!important;
}

/* Css for the second home page section title */
/* @media (max-width: 576px){
    .endorsementimages{
        max-height:25px!important;
    }
} */

.whatwedosection{
    /* padding: 0 1.5rem 1.5rem 1.5rem !important; */
    text-align: left;
}
.whatwedolink{
    color:#5D5D5D !important;
    text-decoration: underline !important;
}
/* Css for samaritans section title */
.forColorH3samaritans{
    font-size: 20px;
    font-family: 'bariolbold' ; 
    color: #5D5D5D;

}
@media (max-width: 768px){
    .forColorH3samaritans{
        font-size: 17px!important;
        font-family: 'bariolbold' ; 
        color: #5D5D5D;
    
    }
}

/* Css for the home page images shadow */
.image-with-shadow {
    box-shadow: 3px 3px 6px #00000029;
}
/* Css for sign up section */
@media (min-width: 768px)and (max-width: 1201px){
    .forColorTitleSection3{
        font-size: 40px!important;
    }
}
/* Socials css */
.socialsimg{
    height : 30px;
    width : 30px;
}
@media (max-width: 575px){
    .socialscolumn{
        padding-top: 1vh;
        padding-bottom: 4vh;
    } 
}
@media (min-width: 575px) and (max-width: 768px){
    .socialscolumn{
        padding-top: 40px;
        padding-bottom: 40px;
    } 
    .sign-up-image-center{
        text-align: center!important;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .socialscolumn{
        padding-top: 50px;
        padding-bottom: 42px;
    } 
}
@media (min-width: 992px) {
    .socialscolumn{
        padding-top: 70px;
        padding-bottom: 42px;
    } 
}
/* Find out more section css */

.centered-column-mobile{
    margin:auto;
}

/* Footer css */
.samaritans{
    font-size: 20px!important;
}
.footertitles{
    font-size: 18px!important;
    font-family: 'bariolbold' !important; 
    color: #2C547C!important;
    text-transform: uppercase;
    margin-bottom: 40px;
}
@media (max-width: 768px){
    .footertitles{
        margin-top: 30px;
    }
    .footertitles:first-of-type{
        margin-top: 0px;
    }
}

.footercolumn{
    display: inline-block;
    text-align:left;
}
@media (min-width: 768px){
    .border-vertical-line{
    border-right:0.25px solid #DDD;
    }
   
}
@media (max-width: 768px){
    .samaritans{
        font-size: 16px!important;
    }
}

.centerfooter{
max-width: 151px ;
margin-left: auto ;
margin-right: auto ;
}
@media (min-width: 575px) and (max-width: 767px){
    .centerfooter{
        text-align: center;
        max-width: 151px ;
        margin-left: auto ;
        margin-right: auto ;
        }
}
@media (max-width: 767px){
    .centerfoote:first-of-type{
       padding-top: 0px;
        }
    .centerfooter{
       padding-top: 55px;
        }
}
/* Header css */


/* Front Page Mobile breakpoint css */
.hero-slider-mobile{
    display:none;
}
#hero-slider-mobile2
    {
        display:none;
    }
.newDesignPara{
    font-size: 20px!important;
}  
.navbar-toggler .menu-anim {
    border-radius: 50px; 
}
.therapist-sign-up-img{
       
    max-width: 512px;
    max-height: 292px;
    padding-top: 43px;
}
#therapist-sign-up-button
{
    padding-top: 67px!important;
}

@media (max-width: 575px){
   
    
    .navbar-toggler .menu-anim {
    margin-left:0px!important;
    border-radius: 50px;
    
    }
    .hero-slider-mobile{
        display:block;
        padding-top:2.5vh;
        /* padding-left:6vh; */
        /* padding-right:6vh; */
        /* text-align: center; */
    }
    #hero-slider-mobile2
    {
        display:flex;
    }
    .newDesignBanner{
        display: none;
    }

    /* .section3-newDesign{
        display: none;
    }
    .newDesignSection4{
        display: none;
    } */
    #socialspad{
        padding-top : 1rem!important;
    }

    /* #section2buttonwrap{
        display: none;
    } */
    #section2title{
        text-align:center;
    }
    #section2text{
        text-align:center!important;
    }

}
@media(max-width:375px) {
    .carona--strip {
        text-align: center!important;
    }
    .hide-on-mobile{
        display:none!important;
    }
    #main-site-wrap{
        min-height: 300px!important;
    }
    
    .no-padding-on-mobile{
        padding:0px!important;
    }
    #custom-mobile-navigation-left{
        min-height: auto!important;
        padding:0px!important;
    }
}
@media(max-width:319px) {
.center-on-mobile{
        text-align:center!important;
    }

}
#nextOfBanner-md{
    display: none;
}
@media (min-width: 577px) and (max-width: 991px){
    #nextOfBanner{
        display: none;
    }
    #nextOfBanner-md{
        display: block;
        
    }
    #nextOfBanner-md .forColorH3{
    line-height: 0.6!important;
    }
    
}
@media (min-width: 575px) and (max-width: 991px){
    .therapist-sign-up-img{
        padding-top: 0px;
        max-height: 230px;
        margin-top: 70px;
    }
    
}
@media (min-width: 575px) and (max-width: 629px){
    
    body .newDesignSection4{
        padding: 0px 0px 50px 0px;
    }
    #therapist-sign-up-button
{
    padding-top: 53px!important;
}
}

/* mobile navigation */
#sign-up-block li:first-of-type{
    padding-top: 0px!important;
    margin-top:0px!important;
}

#mobile-nav2>.container{
    width: 100%;
}
#mobile-nav2{
    padding:0px;
}
#mobile-nav2 li:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
#mobile-nav2 li:first-of-type {
    /* padding-top: 40px;
    margin-top: 40px; */
    border: none;
}
#mobile-nav2.collapsing{
    -webkit-transition:0.2s ease-out!important;
    -moz-transition:0.2s ease-out!important;
    -o-transition:0.2s ease-out!important;
    transition:0.2s ease-out!important;
}
.extra_mobile_nav{
    margin-left: 14px;
    width: 40px;
    height: 40px;
}
.navbar-toggler .menu-anim2 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 52%;
    /* left: 50%; */
    display: block;
    width: 20px;
    height: 3px;
    margin-top: -2px;
    margin-left: -15px;
    background-color: transparent;
    font-size: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border-radius: 50px;
}

.navbar-toggler .menu-anim2:before,
.navbar-toggler .menu-anim2:after {
    -webkit-transition: all 0.25s cubic-bezier(0, 0.985, 0.17, 0.99);
    -moz-transition: all 0.25s cubic-bezier(0, 0.985, 0.17, 0.99);
    -o-transition: all 0.25s cubic-bezier(0, 0.985, 0.17, 0.99);
    transition: all 0.25s cubic-bezier(0, 0.985, 0.17, 0.99);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2C547C;
    content: '';
    border-radius: 50px;
}

.navbar-toggler .menu-anim2 {
    background: #2C547C;
    border-radius: 50px;
}

.navbar-toggler .menu-anim2:before {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
    border-radius: 50px;
}

.navbar-toggler .menu-anim2:after {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -o-transform: translateY(7px);
    transform: translateY(7px);
    border-radius: 50px;
}
#mobile-nav-trigger2.active .menu-anim2:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}
#mobile-nav-trigger2.active .menu-anim2 {
    background-color: transparent;
}

.navbar-toggler.active .menu-anim2:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}



.custom-mobile-navigation li{
    display:block!important;
    /* padding-bottom: 20px!important; */
}

.custom-mobile-navigation a{
    display:block!important;
    font-family: 'bariolbold'!important;
    font-size: 20px!important;
    font-weight: unset!important;
    color: #00537E!important;
   
}
.custom-mobile-navigation a:active{
    background-color: #F5F5F5;
   
}
.custom-mobile-navigation-logged-in a{
    color: #54C1F0!important;
}
.custom-mobile-navigation a::first-letter{
    text-transform:uppercase;
}
.custom-mobile-navigation{
    text-align: center;
}

@media (max-width: 1200px){

html, body {
    overflow-x: hidden;
  }
  body {
    position: relative
  }
}


/* Css for logged in instead of guest */
.logged-in-h1{
    color:#54C1F0!important;
}


/*Css for Main Page Breakpoints */
@media (min-width: 375px) and (max-width: 768px){
    body .newDesignSection5 .containerPad {
        padding : 0!important;
    }
    .feelya-main-heading{
        width:100%;
        text-align: center;
    }
    .feelya-main-heading-left{
        width:100%;
        text-align: left;
    }
    .button-wrap{
        text-align: center!important;
    }
    .newDesignBanner.hero-section .bg-image{
        background-position: 55% 40%;
        height: 537px!important;
    }

}
@media(max-width: 375px){
    .feelya-main-heading{
        width:100%;
        text-align: center;
    }
}

/* Css for therapist search */

#find-a-therapist-header-section{
    max-width:400px;
    
}
@media  (min-width: 577px) and (max-width: 1025px){
    .newDesignFindTherapist.hero-section.hero-section .bg-image{
        height: 250px !important;
        position: relative;
        width: 100%;
        background-size: contain;
        left: 40%;
        top: 15px;
        background: repeat;
    }
}

@media  (min-width: 768px) and (max-width: 992px){
    #find-a-therapist-header-section p{
        width:62%!important;
        margin-bottom: 1rem;
    }
}
.hero-slider-mobile-ft{
    display: none;
}
.hero-slider-mobile2-ft{
    display: none;
}
@media (max-width: 830px){
    #find-a-therapis-no-login{
        display: none;
    }
    .hero-slider-mobile-ft{
        display:block;
        padding-top:2.5vh;
        padding-left:6vh;
        padding-right:6vh;
        text-align: center;
    }
    .hero-slider-mobile2-ft{
        display:block;      
        text-align: center;
    }
}

@media (min-width: 576px) and (max-width: 769px){
    .container{
        width:100%!important;
    }
    .heropara{
        width:55%;
    }
}
/* Css for resources Pages */
#resources-submenu{
    z-index: 999;
}
@media(max-width:534px){
    #resources-submenu{
        z-index: 999;
        padding-right: 0px;
        padding-left: 0px;
    }
}
.single-post-image img{
    -webkit-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
    -moz-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
    box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
}
.clock-image{
    width:15px;
    height:15px;
    padding-bottom: 0px;
    vertical-align: baseline
}
a.custom-pagination:visited{
    color:#5d5d5d!important;
}
a.custom-pagination:link{
    color:#5d5d5d!important;
}
@media (max-width:535px){
    #resources-submenu ul li{
        width: 100%;
        border-bottom: 0.25px solid #DDD;
    }
    #resources-submenu ul li:active{
        width: 100%;
        border-bottom: 0.25px solid #DDD;
        background-color: #F5F5F5;
    }
    #resources-submenu ul li:last-of-type{
        width: 100%;
        border-bottom: none;
    }
}

.resources-white-link-button{
    font-family: bariolregular;
    font-size: 20px;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 35px !important;
    font-family: 'bariolbold';
}
.searchtitle{
    font-size: 20px;
    color:#5D5D5D;
    font-family: 'bariolbold';
}
.searchtitle a{
    font-size: 26px;
    color:#5D5D5D!important;
    font-family: 'bariolbold';
}
.searchtitle a:hover{
    font-size: 26px;
    color:#5D5D5D;
    font-family: 'bariolbold';
}
.resourceheader3 {
    font-size: 30px;
    color:#5D5D5D;
    font-family: 'bariolbold';
}
.resourceheader3 a {
    color:#5D5D5D!important;
    font-family: 'bariolbold'!important;
}
.resourceheader3 a:hover{
    color:#5D5D5D;
}
.tprofileheader {
    font-size: 24px!important;
    color:#5D5D5D!important;
    font-family: 'bariolbold'!important;
}
.resourcepara-no-bold {
    font-size: 20px;
    color:#5D5D5D!important;
    font-family: 'bariolregular';
}
.resourcepara {
    font-size: 20px;
    color:#5D5D5D!important;
    font-family: 'bariolbold'!important;
    text-decoration: underline!important;
}
.resourcepara a {
    color:#5D5D5D!important;
    font-family: 'bariolbold'!important;
    text-decoration: underline;
}
.resourcepara a:hover{
    color:#5D5D5D!important;
    opacity: 0.5!important;
}
.resourcepara:hover{
    color:#5D5D5D!important;
    opacity: 0.8!important;
}
.resourcepara:active{
    color:#5D5D5D!important;
    opacity: 0.5!important;
}

.resourceparawhite {
    font-size: 20px;
    color:white!important;
    font-family: 'bariolbold'!important;
    text-decoration: underline!important;
}
.resourceparawhite a {
    color:white!important;
    font-family: 'bariolbold'!important;
    text-decoration: underline;
}
.resourceparawhite a:hover{
    color:white!important;
    opacity: 0.5!important;
}
.resourceparawhite:hover{
    color:white!important;
    opacity: 0.8!important;
}
.resourceparawhite:active{
    color:white!important;
    opacity: 0.5!important;
}


.resourcesbanner{
    padding: 25px 15px;
    border-radius: 2px;
    box-shadow: 0px 0px 20px -11px rgba(0,0,0,0.5);
    text-align: left;
  }
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
  .resourcesbanner{
    /* display: table; */
    text-align: center;
    height:50vh;
  }
  .bannerimg{
    width: 100%;
    min-height: 18vh;
    max-height : 20vh;
  }
  .bannerbutton {
    /* display: table-cell; */
    margin-top: 2vh;
    vertical-align: bottom;
}
.resourcesbannerTitle{
  margin-top:2%;
  margin-bottom:1%;
  font-size:2vw!important;
  min-height:10vh;
  max-height:12vh;
  line-height:1;
  
}
.resourcesbannerExcerpt{
  margin-top:2%;
  margin-bottom:1%;
  font-size:1.5vw!important;
  height:12vh;
  line-height:1;
}
.resourcepagination {
  margin: auto;
  width: 60%;
  padding: 10px;
}
#common-issues-image-holder img{
  max-width: 100%;
  height: auto;
  min-height: 177px;
  object-fit: cover;
  margin-bottom: 0px!important;
  -webkit-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
  -moz-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
  box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);

}

.common-issues-container{
    padding-right: 25px!important;
    padding-left: 25px!important;
}

#featured-image-holder img{
  max-width: 100%;
  height: auto;
  min-height: 315px;
  object-fit: cover;
  margin-bottom: 0px!important;
  -webkit-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
  -moz-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
  box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);

}
@media(max-width:575px){
    .articles-column div{
        margin:auto;
        max-width:370px!important;
        text-align:center;
    }
}
@media(min-width:1200px){
    .articles-column{
        max-width:370px!important;
        padding-left:53px!important;
        padding-right:52px!important;
    }
    .articles-column:first-of-type{
        max-width:370px!important;
        padding-left:10px!important;
        padding-right:95px!important;
    }
    .articles-column:nth-of-type(4){
        max-width:370px!important;
        padding-left:10px!important;
        padding-right:95px!important;
    }
    .articles-column:nth-of-type(3){
        max-width:370px!important;
        padding-left:105px!important;
        padding-right:0px!important;
    }
    .articles-column:nth-of-type(6){
        max-width:370px!important;
        padding-left:105px!important;
        padding-right:0px!important;
    }
}
@media(min-width:992px)and (max-width: 1200px){
    .articles-column{
        max-width:465px!important;
        padding-left:100px!important;
        padding-right:100px!important;
    }
}
@media(max-width:991px){
    #featured-image-holder{
        margin-bottom: 10px;
    }
}
.resources-tile-image img {
  height:176px!important;
  width: 265!important;
  object-fit: cover;
  -webkit-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
  -moz-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
  box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
}
#resources-search{
  margin-top: 60px;
  margin-bottom: 30px;
  padding-left: 25px!important;
}
#resources-search .form-inline{
  display: inline-flex;
}
@media (max-width:768px){
 
    #resources-search{
      text-align: center;
  }
    #resources-search .searchIconImg{
    position:relative;
    right:0px;
    left : 5px;
    top:0px;
  } 
    #resources-search .resourcesSearchBar{
    width:auto;
    margin-top : 10px;
    font-size:20px;
      font-family: 'bariolregular';
  } 
}
/* Css for partners page */
.partners-first-para p{
    font-size: 20px;
    color: #5d5d5d;
    font-family: 'bariolregular';
}
#partners-image-holder img{
    object-fit: contain;
    max-width: 100%;
    height: auto;
    min-height: 177px;
    margin-bottom: 0px!important;
    -webkit-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
    -moz-box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
    box-shadow: 3px 3px 6px  rgba(109,109,110,0.4);
    padding: 5px 10px;
}
/* Css for self-test */
@media(max-width:535px){
    #question-title-container{
        text-align: center;
    }
    #question-title-container2{
        text-align: center;
    }

}

.question-hr{
    border-top: 0.25px solid #DDD!important;
    opacity: 1!important;
}
.question{
    margin: auto;
}
.question .question-text{
 width:100%!important;
}
#retakeBtn{
    background: #fff!important;
    color: #2C547C!important;
    border: 1px solid !important;
}
.hidden{
    display: none;
}
.self-test-Img{
    max-height:342px;
    text-align:center;
}
.self-test-italic-para{
    font-family: 'bariolregular';
    font-style: italic;
    font-size:14px!important;
    color:#5d5d5d;
}
.self-test-para{
    font-family: 'bariolregular';
    font-size:20px!important;
    color:#5d5d5d;

}
@media (min-width:998px){
    .self-test{
        margin-bottom: -30px;
    }
}
/* Css for methodologies */
.methodologies-column{
    padding-left: 25px!important;
    padding-right: 25px!important;
}
.methodologiesHeader a:link{
    font-size:20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color:#5d5d5d;  

}
.methodologiesHeader a:hover{
    font-size:20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color:#5d5d5d;  

}
.methodologiesHeader a:visited{
    font-size:20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color:#5d5d5d;  

}
.methodologiesHeader{
    font-size:20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color:#5d5d5d;  
    margin-bottom: 50px;

}
.inner-methodology-link{
    font-size: 20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color: #5d5d5d!important;
}
.inner-methodology-link:active{
    font-size: 20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color: #5d5d5d!important;
}
.inner-methodology-link:visited{
    font-size: 20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color: #5d5d5d!important;
}
.inner-methodology-link:hover{
    font-size: 20px!important;
    font-family: 'bariolbold';
    text-decoration: underline;
    color: #5d5d5d!important;
}

/* Css for search area */
.feelya-post-search input::placeholder{
    font-size:20px!important;
      font-family: 'bariolregular';
}
.search-title{
    font-family: 'bariolbold';
    font-size:44px!important;
    color:#5d5d5d;  
}
#search_posts_widget{
    max-width:220px;
    
}
#search_posts_widget form{
    position: absolute;
    right: 60px;
}
#resources-search .searchIconImg{
    right:30px!important;
}
.search-button{
    background:transparent!important;
}
@media (max-width:768px){
    .search-title{
        text-align: center; 
    }
    #search_posts_widget form{
        position: unset;
        right: 0px;
    }
    #search_posts_widget .form-inline{
        position: unset;
        display: inline-flex;
      }
      #search_posts_widget{
        padding-bottom: 30px;
        max-width:100%;
        text-align: center;
    }
      #search_posts_widget .searchIconImg{
      position:relative;
      right:0px;
      left : 5px;
      top: 5.2px;
    } 
      #search_posts_widget .resourcesSearchBar{
      width:auto;
      margin-top : 10px;
      font-size:20px;
      font-family: 'bariolregular';
    } 
}
/* Css for Pagination */
.pagination li a{
    color :#5d5d5d
}
.pagination li a:visited{
    color :#5d5d5d
}
.pagination li a:hover{
    color :#5d5d5d
}

/* Css for image cropping */
.upload-demo .upload-demo-wrap,
.upload-demo .upload-result,
.upload-demo.ready .upload-msg {
    display: none;
}
.upload-demo.ready .upload-demo-wrap {
    display: block;
}
.upload-demo.ready .upload-result {
    display: inline-block;    
}
.upload-demo-wrap {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.upload-msg {
    text-align: center;
    padding: 50px;
    font-size: 22px;
    color: #aaa;
    width: 260px;
    margin: 50px auto;
    border: 1px solid #aaa;
}

/* Css for buttons and links */
.newBlueBtn:active{
    -webkit-box-shadow: inset 4px 4px 11px -1px rgb(0, 0, 0);
-moz-box-shadow: inset 4px 4px 11px -1px rgb(0, 0, 0);
box-shadow: inset 4px 4px 11px -1px rgb(0, 0, 0);
transition: box-shadow,background 0.1s ease-in-out;
background:#234363!important;
}
.newBlueBtn:hover{
background:#234363!important;
}
@media (min-width:376px){
    .mobile-only{
        display: none;
    }
    .mobile-pricing{
        padding-top:0px!important;
    }
}
@media (max-width:376px){
    .mobile-pricing{
        padding-top:15px!important;
    }
    .mobile-header{
        text-align: center;
    }
}
@media(max-width: 1200px) and (min-width: 320px){
    .pricing-heading{
        font-size:40px!important;
    }

}

/* Css for Find a therapist */

.tipslinkmobile{
    display: block;
   
    line-height: 35px;

    font-size: 18px;
}

.tipslinkmobile b{
    text-decoration: underline;
} 
@media(min-width:978px){
    .tipslinkmobile{
      display:none;  
    }

}

.tipslink{
    display:none;
}

.tipslink b{
    text-decoration: underline;
} 
@media(min-width:978px) and (max-width:1200px){
.tipslink{
    display: block;
    position: absolute;
    left: 28%;
    line-height: 35px;
    margin-bottom: 0px;
    
    font-size: 18px;
}
}
@media(min-width:1200px){
    .tipslink{
        left: 24%;
        display: block;
        position: absolute;
        line-height: 35px;
        margin-bottom: 0px;
        
        font-size: 18px;
    }


}



#searchTextbox::placeholder{
    font-size:16px;
}
@media(min-width:1200px){
    .fatclientimagesection{
        height:300px!important;
    }
}
.noappointments{
    text-align: left!important;
}
@media(max-width:991px){
    .noappointments{
        text-align: center!important;
    }
    .schedulenoappointmentsimg{
        text-align: center!important;
    }
}

.updated--radio2{
    display: inline-block!important;
    margin-bottom: 0rem!important;
    line-height: 16px!important;
    font-size: 16px!important;
    padding: 0px 10px;
}

.radio2:hover{
    background-color:#e4e4e4;
   
}
.radio2:active{
    background-color: lavender;
   
}
@media(min-width:600px){

}
@media(max-width:600px){
    .shortlist-desktop{
        display: none;
    }    
}
@media(max-width:992px){
    .find--therapist--wrapper .search--dashboard .right--data .therapist--list{
        display: block!important;
    }
    .shortlistIconDesktop{
    display:none;
    }
    .fatcredentials{
        width:95%;
    }

}
@media(min-width:992px){
    .fattable{
        padding-top: 7%!important;
    }
    .shortlistIcon{
     display:none;
    }
    .findatherapistshortlistImage{
        height:35px!important;
    }
    .mobileshortlist{
        display:none;   
    }
}
@media(min-width:1200px){
    .fattable{
        padding-top: 7%!important;
    }
}
@media(max-width:600px){
   
    .findaTherapistDesktop{
        /* display:none; */
    }
    .findatherapistMobilepara{
        text-align: center;
        line-height: 35px;
    }
    
}

.shortlist-desktop{
    position: absolute;
    top: -19px;
}
.shortlistdesktopspan{
    position: absolute;
    top: 3px;
    margin-left:-90px;
    width: max-content;
}
.findatherapistshortlistImagedesktop{
    transform: rotate(-90deg);
    /* position: absolute; */
    /* top: -11px; */
}
.about--body{
    padding-top: 15px;
    overflow-wrap: anywhere;
}
.findatherapistMobileImage{
    height:35px;
    vertical-align: top;
    display: inline-block;
    margin-top:-2px
}
.fat-book-btn{
    line-height: 29px!important;
    width :170px!important;
    background-color: #54C1F0!important;
    border-color: #54C1F0!important;
}
.fat-book-btn:hover{    
    background-color: #4badd8!important;
    border-color: #4badd8!important;
}
.fat-book-btn:active{    
    box-shadow: inset 2px 3px 11px -1px rgb(24,45,67);
    transition: box-shadow,background 0.1s ease-in-out;
    background: #4badd8!important;
}
.findatherapistMobile{
    color: #5d5d5d;
    display: inline-block;
    height: 35px;
    line-height: 40px;
    margin-bottom: 5px!important;
    overflow: hidden;
    text-overflow: clip;
    font-size: 28px!important;
}
.shortlistIcon{
    position: absolute;
    right: 0px;
    top: 60px;
}
.findatherapistshortlistImage{
    height:25px;
    margin: auto;
    vertical-align: bottom;
}
.therapistprofileimage{
    display: inline;
    align-items: center;
    justify-content: center;
    border-radius: 100%!important;
    border: 0.2px solid #c2c2c2;
    object-fit: cover;
    height: 200px;
    width: 200px;
    margin-bottom: 10px;
}
.videoaboutmeinnertitle{
    vertical-align: text-top;
    display: flex;
    align-items: baseline;
    text-align: start;
    align-content: flex-start;
    flex-direction: column;
}
.videoaboutmeinnerbutton{
    vertical-align: text-top;
    display: flex;
    align-items: center;
    text-align: start;
    align-content: flex-start;
    border-radius : 15px;
    font-size: 16px;
    color:#707070;
    font-family: "bariolbold";
}
.videoaboutmeinnertitleimg{
    height:24px;
}
.videoaboutmeinnertitleimg2{
    height:15px;
}
.videoaboutmeinnertitleimg3{
    height:15px;
    vertical-align: text-bottom;
}
.TvideoRecordLog{
    max-height:200px;
    border-radius : 3px;
    font-size: 14px;
    color:#707070;
    font-family: "bariolregular";
    border : 0.2px solid #c2c2c2;
    min-height: 30px;
    margin-top: 1px;
    padding-left: 5px;
    pointer-events: none;
    
}
#questionssavespinner{
    position: absolute;
    right: 100px;
    bottom: 68px;
}
#tvideouploadcheckbox .acf-input{
    padding-top:10px!important;
}
#tvideouploadcheckbox .acf-input ul li label input
{
    float:right;
    margin-left: 15px;
    margin-top: 5px;
}
#tvideouploadcheckbox .acf-input ul li label
{
   font-size:16px!important;
   font-family: "bariolregular";
}
#tvideouploadcheckbox .acf-label p.description
{
    font-size:16px!important;
    font-family: "bariolregular";
    margin-top: 20px;
}
#tvideouploadcheckbox .acf-label label
{
   display:none!important;
}
.find--therapist--wrapper .search--dashboard .right--data .therapist--list {
    margin-bottom: 20px;
    /* border: 1px solid #ddd; */
    padding: 15px;
    box-shadow: 0 0 2px #ddd;
    border-radius: 10px;
    background: #F2F2F2;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);
    box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);
}
.fatcenter{
    text-align: center;
}


.fat-bg-image{
    background-repeat: repeat; 
    background-position: top left;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: contain;
    display: block;
    width: 100%;
    height: 250px;
    /* padding: 0 0 100% 0; */
    position: relative;
    left: 40%;
    top:10px;
}
.fatcredentials{
    font-size:20px!important;
    line-height: 20px;
    line-break: auto;
    overflow-wrap: anywhere;
}
.fatvideoaboutme{
    margin-bottom: 15px!important;
    font-size:16px!important;
    margin-top:-4px;
}
.fat-videoaboutme-span{
    margin-right:15px;
}
.findatherapistMobilepara{
    text-align: center;
    line-height: 23pt;
}
#collapsesort, #collapsesort .collapsing, #collapsesort .collapse.in{
    line-height:35px;
    position:absolute;
    right:15px; 
    top:50px;
    z-index: 10000;
    background:white;
    border: 1px solid #00000029;
    min-width: 150px;
    /* padding: 0px 10px; */
    box-shadow: 3px 3px #00000029;
    border-radius: 3px!important;
}
.p18{
    font-size: 18px!important;
}

/* Css for user profile */

.InInfo.InInfo--hidden .InInfo__inner,.InInfo.InInfo--hidden .nc__inner,.nc.nc--hidden .InInfo__inner,.nc.nc--hidden .nc__inner{display:none}

.recomendedtherapistsbox{
    margin-bottom: 20px!important;
    /* border: 1px solid #ddd; */
    padding: 10px;
    box-shadow: 0 0 2px #ddd;
    border-radius: 10px;
    background: #F2F2F2;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);
    box-shadow: 5px 5px 5px 0px rgba(222,222,222,1);
}

.recommended-therapist-shortlist-desktop{
    transform: rotate(-90deg);
}
.shortlist-desktop-profile{
    position: absolute;
    top: -16px;
    /* right: -5.5em; */
}
.shortlist-mobile-profile{
    position: absolute;
    right: -10px;
    top: 11%;
}
@media(min-width:992px){
    .shortlist-mobile-profile{
        display:none;
    }
}
.shortlist-text-span{
    position:relative;
    top:4px;
}

/* Css for Therapist Profile */

.modal-xl{
    max-width: 1000px!important;
}
@media(max-width:575px){

    .modal-xl{
        max-width: 100%!important;
    }
}

#therapist-video .acf-fields .acf-field
{
    border :none!important;
    padding-bottom:0px!important ;
    padding-top:0px!important;
    padding-left: 0px!important;
}
#therapist-video .acf-fields .acf-field p.description
{
    font-size:14px;
    pointer-events: none;
}
#therapist-video .acf-fields .acf-field:nth-child(3n+0) {
    border :none!important;
    padding-bottom:15px!important ;
    padding-top:0px!important;
    padding-left: 0px!important;
    margin-top:-5px;
}
.therapistVideoUploadField .acf-fields .acf-field
{
    border :none!important;
    padding-bottom:0px!important ;
    padding-top:0px!important
}
.therapistVideoUploadField{
    max-width:50%;
}
.therapistVideoUploadField .acf-input .acf-input-wrap input
{
    font-size:16px!important;
    font-family: 'bariolbold';
    color:#5d5d5d!important;
    text-decoration: none;
    border :none!important;
    padding-bottom:0px!important ;
    padding-top:0px!important;
    padding-left:0px!important;
    pointer-events: none;
}

/* #innerTVideoUpload input
{
    pointer-events: none;
    font-size:16px!important;
    color:#5d5d5d!important;
    font-family: 'bariolbold';
    padding-bottom: 1px!important;
} */
#innerTVideoUpload .acf-field 
{
    margin-top:0px!important;
    margin-bottom:0px!important;

}
#innerTVideoUpload textarea
{
    pointer-events: none;
    border-color: #5d5d5d;
    height:auto;
    min-height:55px;
    resize:none;
    overflow:hidden;
    font-size:14px!important;
    border-radius: 3px!important;
    margin-top:6px!important;
    margin-bottom: 35px!important;
    padding-top:0px!important;
    padding-left:5px!important;
    font-family: 'bariolregular';
}
#innerTVideoUpload textarea::placeholder
{
    font-size:14px!important;
}
#innerTVideoUpload label
{
    pointer-events: none;
    font-size:16px!important;
    color:#5d5d5d!important;
    font-family: 'bariolbold';
    padding-bottom: 1px!important;
    margin-bottom: 0px!important;
}
#therapistDashboardTherapistVideoUncutLabel{
    font-size: 24px;
    color:#5d5d5d!important;
}

.summaryparagraph{
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 8px;
}
.tprofiletextbox{
    /* border: 1px solid #707070!important; */
    width: 415px;
    height : 135px;
    font-size: 16px;
    display: block;
    overflow-wrap: anywhere;
}
@media (min-width:991px) and (max-width:1200px){
    .tprofiletextbox{
        width:365px!important;
        height:155px!important;
    }

}
@media (min-width:767px) and (max-width:991px){
    .tprofiletextbox{
        width: 295px!important;
        height:185px!important;
    }

}
@media (min-width:766px) and (max-width:767px){
    .tprofiletextbox{
        width: 305px!important;
        height:185px!important;
    }

}
@media (max-width:766px){
    .tprofiletextbox{
        width: 100%!important;
        height:135px!important;
    }

}
.profilecardsummary{
    font-size:16px!important;
    overflow-wrap: anywhere;

}
.profilecardsummary a{
    font-size:16px!important;
}

#the-summary-bio{
    /* width:325px!important; */
    /* height : 55px!important; */
    border-bottom: solid black 0.2px;
}

#the-summary-bio .acf-input textarea{
    width:325px!important;
    height : 55px!important;
    font-size: 18px!important;
    padding : 0px!important;
}

.number-input-t-profile {
   
    margin: 0!important;
    height:31px!important;
    width:110px!important;
    
}
.tprofilelabel{
    font-size: 16px;
    font-family: 'bariolregular';
    color: #5d5d5d;
    margin-bottom:0px;
}
.tprofilebiglabel{
    font-size: 18px;
    font-family: 'bariolbold';
    color: #5d5d5d;
    margin-bottom:0px;
}
.tcardtable{
    font-size: 16px!important;
}
.cardprofileimage{
    width:166px!important;
    height:166px!important;
}
#tablecolumn{
    padding:0px!important
}
.para16{
    font-size: 16px!important;
}
@media(max-width:992px){
    .mobile-center{
        text-align: center!important;
    }
}
.nodecoration{
    text-decoration: none!important;
}
@media(max-width:767px){
    #secnd_save_btn{
        margin:auto;
    }
    #profile-picture-span{
        padding-top:20px;
    }
}
#profile-picture-span{
    padding-top:72px;
}
.discount-select{
    margin: 0!important;
    height: 32px!important;
    width: 110px!important;
    font-size: 16px;
    padding: 0px 0px 0px 10px!important;
    border-radius: 3px!important;
    border :1px solid #c5c5c5!important;
    background-size: 10px 7px!important;
    background-position: 94% center!important;
}
/* Css for Welcome Page */
.welcome-subheading1{
    padding-top:0px!important;
}
.welcome-subheading{
    padding-top:20px!important;
}

.welcome-subheading .buttonp{
    margin: auto;
    text-align: center;
}
.welcomelinkbtn{
    display: block;
    margin:auto;
    width:225px!important;
    height:45px!important;
}
/* Css for client/therapist Schedule page */

#ffsessionsaccordionbutton[aria-expanded="true"] + i{
    transform: rotate(180deg);
    margin-top: 1px;
  }
.btn-white{
    background: #fff !important;
    color: #5d5d5d !important;
    border: 1px solid #2C547C;
    min-width: 110px;
}
.btn-white3{
    font-family: 'bariolbold';
    color: #5d5d5d !important;
    font-size :20px!important;
}
.btn-white2{
    font-family: 'bariolbold'!important;
    background: #fff !important;
    color: #5d5d5d !important;
    border: 1px solid #707070!important;
    min-width: 110px;
    font-size :20px!important;
    width:200px;
}
.btn-white:active{
    background: rgb(202, 202, 202) !important;
    color: #5d5d5d !important;
    border: 1px solid #2C547C;
    min-width: 110px;
    border-color:#2C547C!important;
}
.btn-white:focus{
    background: rgb(202, 202, 202) !important;
    color: #5d5d5d !important;
    border: 1px solid #2C547C;
    min-width: 110px;
    border-color:#2C547C!important;
    box-shadow: 0 0 0 2px rgb(202, 202, 202);
}
.btn-drop-rebook{
    font-family: "bariolbold"!important;
    font-size:20px!important;
    border: 1px solid #2C547C!important;
    background-color: #2C547C!important;
    color:white!important;
    display: inline-flex!important;
  align-items: center; 
  height: 50px;
}
.btn-drop-white{
    font-family: "bariolbold"!important;
    font-size:20px!important;
    border: 1px solid #5D5D5D!important;
    background-color: white!important;
    color:#5D5D5D!important;
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-justify-content: space-between!important;
  align-items: center!important; 
  justify-content: space-between!important;
  height: 40px;
}
#newbookingdropdownmainB{
    max-height : 433px!important;
    z-index: 9999999;
}

.helpwithspan{
    width:100%!important;
    overflow:hidden!important;
    text-align: left;
}

.opentotherapyclass{
    top: 25vh;
    font-size:90px;
    line-height: 90px;
}
@media(max-width:768px){
    .opentotherapyclass{
        top: 15vh;
    } 
}
@media(max-width:425px){
    .helpwithspan{
        width:100%!important;
        overflow:hidden!important;
        text-align: left;
    }
    .opentotherapyclass{
        top: 10vh;
        font-size:70px;
        line-height: 70px;
    } 
}

@media(max-width:991px){
    .tipsclass{
        padding-top:15px;
        justify-content: space-between;
    }
    .tipsclass a{
        margin:0px!important;
    }
}
.no-mobile{
    display:flex;
    align-items: center ;
}
@media(max-width:991px){
    .drop-rebook{
        margin:auto!important;
    }
}
@media(max-width:376px){
    .drop-rebook{
        margin:auto!important;
        padding-bottom: 15px;
    }
    .no-mobile{
        display:none!important;
    }
    .btn-white2{
        font-family: 'bariolbold'!important;
        font-size :14px!important;
        width:175px;
    }
    .btn-white3{
        color: #5d5d5d !important;
        font-size :14px!important;
    }
}
@media(min-width:376px) and (max-width : 430px){

    .btn-white2{
        font-family: 'bariolbold'!important;
        font-size :14px!important;
        width:175px;
    }
    .btn-white3{
        color: #5d5d5d !important;
        font-size :14px!important;
    }
}


.no-desktop{
    font-size: 14px !important;
    padding: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #828282;
    margin-left: 15px;
    margin-top: 5px;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px; 
    border-radius: 50%;
    font-size: 14px;
}

@media(min-width:376px){
    .no-desktop{
        display:none!important;
    }
    .no-desktop-btn{
        display:none!important;
        border-color: #707070 !important;
    }
    
}
.no-desktop-btn{
    border-color: #707070 !important;
    padding: 0.75rem 1rem!important;
}

.no-desktop-rebook{
display:none!important;
}
.no-mobile-rebook{
display:flex!important;
}
@media(max-width:992px){
    .no-desktop-rebook{
        display:flex!important;
    }
    .no-mobile-rebook{
        display:none!important;
    }
}
@media(max-width:992px){
    .scheduledSessionsBannerImage{
        display:none;
    }
    .btn-drop-rebook{
        width: 100%!important;
    }
}
@media(min-width:992px) and (max-width:992px){
    .scheduledSessionsBannerImage{
        display:block;
    }
}

.schedule-date{
        left: 20px!important;
        position: absolute!important;
        top: 10px!important;
        font-family: 'bariolbold'!important;
        font-size: 24px!important;
        font-weight: bold!important;
}
@media(max-width:576px){
    .schedule-date{
        left: 0px!important;
    }
}
.sub-drop-down{
    top:-3px!important;    
}

.dateforschedule{
    margin-top:-40px;
    font-size : 26px;
    color:#5d5d5d;
}
@media(max-width:576px){
    .dateforschedule{
        margin-top:-40px;
        font-size : 22px;
        text-align: center;
    }
}
.sessionRowPadding{
    padding-left: 15px;
    padding-right: 15px;
}
@media(max-width:768px){
    .sessionRowPadding{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
  

}
.session-extra-info-a{
    place-content: flex-end!important;
}
@media(max-width:575px){
    
    .bookingstatustext{
       margin-bottom: 10px;
        left: 65px;
        top: 7px;
    }
    .session-extra-info{
        text-align: center!important;
    }
    .session-extra-info-a{
        place-content: center!important;
    }

}
.bookingstatustext{
    font-size: 16px!important;
}
#newbookingdropdown a{
color:#5D5D5D;
}
#newbookingdropdown .dropdown-item:active{
    background-color:#e4e4e4!important;
}
#newbookingdropdown .dropdown-item:hover{
    background-color:#e4e4e4!important;
}

.br-visible{
    display:block;
}
@media(max-width:375px){
    .br-visible{
        display:none;
    }

}


.reveal-if-active {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    font-size: 16px;
    transform: scale(0.8);
    transition: 0.5s;
    
  }
.visibletoreturningclientsonlyreveal1 {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    font-size: 16px;
    transform: scale(0.8);
    transition: 0.5s;
    
}

.visibletoreturningclientsonlyreveal2{
    opacity: 1;
    max-height: 100px;
    transform: scale(1);
    overflow: visible;
}

.reveal-if-active label {
display: block;
margin: 0 0 3px 0;
}
.reveal-if-active input[type=text] {
width: 100%;
}
#visibletoreturningclientsonly:checked + #visibletoreturningclientsonlyreveal
/* input[type="radio"]:checked ~ .reveal-if-active */
{
opacity: 1;
max-height: 100px;
padding: 10px 20px;
transform: scale(1);
overflow: visible;
}

/* Css for audio chat modal */

#publisher2{
    position: relative;
    width: 100%;
    padding-top: 50%;
    left: 0;
    z-index: 100;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.audioUI{
    display:flex;
    margin:auto;
}
.audioUImsg{
    display: block;
    text-align: center;
    padding-bottom: 10px;
}
.hidden-below-768{
    display:block;
}
@media(max-width:768px){
    .hidden-below-768{
        display:none;
    }
}
.hidden-above-768{
    display:none;
}
@media(max-width:768px){
    .hidden-above-768{
        display:block;
    }
}
@media(width:768px){
    .hidden-above-768{
        display:none!important;
    }
    .hidden-below-768{
        display:block!important;
    }
}

@media(min-width:990px){
    .audiomodalwidth{
        max-width: 50%!important;
    }
}
#their-status-audio{
    text-align: center;
    margin-top: 5%;
}
/* CSS for whoops popup */
.whoops-container {
	position: absolute; /* Fallback */
	position: fixed;
	top: 20%;
	right: 0px;
	width: calc(100% - 60px);
	max-width: 400px;
	transform: translateX(550%);
	transition: transform 2s;
    z-index: 100000; /* */
    margin-left: 10px;
}


.whoops-container[aria-hidden="false"] {
	transform: translateX(0%);
}

.whoops {
	background: #fff;
    padding: 10px 15px 0; 
    padding-bottom: 20px;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    text-align: center;
}

.whoops.default {
	border-color: #AAAAAA;
}

.whoops.success {
	border-color: #2ECC40;
}
.whoops.warning {
	border-color: #FF851B;
}
.whoops.danger {
	border-color: #FF4136;
}

.whoops-btn {
	background: rgb(240,240,240);
	padding: 5px 10px;
	border: 0;
	border-radius: 4px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.whoops-btn--custom {
	background: rgb(50,50,50);
	color: #fff;
}


.whoops-btn:hover,
.whoops-btn:focus {
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}

/* CSS for whoops2 popup */
.whoops2-container {
	position: absolute; /* Fallback */
	position: fixed;
	top: 20%;
	right: 0px;
	width: calc(100% - 60px);
	max-width: 400px;
	transform: translateX(93.5%);
	transition: transform 2s;
    z-index: 100000; /* */
    margin-left: 10px;
}


.whoops2-container[aria-hidden="false"] {
    transform: translateX(9%);
}
.whoops2-container[aria-hidden="false2"] {
    transform: translateX(94%);
}
.whoops2 {
	background: #fff;
    padding: 10px 15px 0; 
    padding-bottom: 20px;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    text-align: center;
}

.whoops2.default {
	border-color: #AAAAAA;
}

.whoops2.success {
	border-color: #2ECC40;
}
.whoops2.warning {
	border-color: #FF851B;
}
.whoops2.danger {
	border-color: #FF4136;
}

.whoops2-btn {
	background: rgb(240,240,240);
	padding: 5px 10px;
	border: 0;
	border-radius: 4px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.whoops2-btn--custom {
	background: rgb(50,50,50);
	color: #fff;
}


.whoops2-btn:hover,
.whoops2-btn:focus {
	outline: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}
/* Css for booking journey */
#checkcouponcode:hover
{
    color: #5d5d5d !important;
    font-weight: bold;
}


@media(max-width:600px){
    #couponcodeinput{
        width : 50%!important;
        margin:auto!important;
        padding-top: 5px!important;
        padding-bottom: 5px!important;
      
    }
    #checkcouponcode{
        margin:auto!important;
        padding-top: 5px!important;
        padding-bottom: 5px!important;
        
        right: 0px;
        position: absolute;
    }
    #couponbookinglabel{
        font-size: 16px!important;
        padding-bottom: 0px!important;
    }
}

#couponbookinglabel{
    width:100%!important;
    font-size:16px;
    display: flex;
    padding-bottom: 0px!important;
}
#checkcouponcode{
    margin-left: 50px;
}

/* Css for guest booking */

.guestbookheader{
    font-size: 4vw!important;
    color:#54C1F0 !important;
}

@media(max-width:600px){

    .guestbookheader{
        margin-top: 1vh!important;
        font-size: 20px!important;
        margin-top: 0px!important;
    }
    .sessionguestpreview{
        font-family: 'bariolbold'!important;
            font-size: 16px!important;
            font-weight: bold!important;
            line-height: 16px;
    }

}
@media(min-width:1060px){

    .guestbookheader{
       
        font-size: 42px!important;
    }

}
.sessionguestpreview{
    font-family: 'bariolbold';
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
}




#st-email:focus, #st-psw:focus, #st-username:focus, #st-fname:focus, #st-lname:focus{
    outline: -webkit-focus-ring-color auto 1px!important;
    outline-color: -webkit-focus-ring-color!important;
    outline-style: auto!important;
    outline-width: 1px!important;
}


.pwfiledguestsignup i {
    margin-left: -30px;
    cursor: pointer;
    height: 25px;
    vertical-align: bottom;
}

#guestregisterform label {
    margin-bottom: 0px!important;
    font-size:16px;
}
#guestregisterform .field {
    margin-bottom: 10px!important;
    margin-top: -6px;
}
.guestsignuperror{
    margin-top: -10px!important;
    color : red!important;
    font-size: 15px!important;
}

.guestsignuperror2{
    margin-top: -3px!important;
    color: red!important;
    font-size: 15px!important;
    height: 15px;
}

#st-register-form-issues input{

    font-family: 'bariolregular';
    font-size : 16px;

}

#st-register-form-issues textarea{

    font-family: 'bariolregular';
    font-size : 16px;

}

#st-register-form-issues select{

    font-family: 'bariolregular';
    font-size : 16px;

}

.crumbscenter{
    text-align: center;
    font-family: "bariolregular";
    font-size: 18px;
    padding:0px!important;
    line-height: 30px;
}

.termsguestlabel{
    width:80%!important;
}

#testSelect1_input{
    margin-top: 0px!important;
    height:30px!important;
}

#testSelect1_input:focus ~ .multiselect-dropdown-arrow{
    
transform: rotate(180deg);
    
}
#testSelect1_itemList:focus-within ~ .multiselect-dropdown-arrow{
    
transform: rotate(180deg);
    
}

.thankyoubuttonsrow{
    width:100%!important;
}

@media(max-width:600px){

    .thankyoubuttonsrow{
        width:unset!important;
    }
    .thankyoubuttonscol1{
        text-align: center;
    }
    .thankyoubuttonscol2{
        flex: auto;
        text-align: center;
    }
    #bookanotherappointmentbuttontherapistthankyou{
        margin-right:0px!important;
    }
    #thankyou-bqfooter{
        flex-direction: column!important;
    }

    .sessiontypeheader{
        font-family: 'bariolbold';
        font-size: 16px;
        padding-left : 0px!important;
    }
}
.sessiontypeheader{
    font-family: 'bariolbold';
    font-size: 16px;
    padding-left : 0px!important;
    line-height :16px;
}
.sessiontypeheader2{
    font-family: "bariolregular"!important;
    font-size: 16px;
    padding-left : 0px!important;
    line-height :16px;
}

.guestbookingformcontrol{
    font-family: 'bariolbold'!important;
    font-size: 16px!important;
    background-color: white!important;
    border-radius: 0px!important;
    color : #5D5D5D!important;
    
}

#dash-custom-month{
    font-size :16px!important;
    font-family: "bariolregular"!important;
    font-weight: 100!important;
}
#dash-custom-year{
    font-size :16px!important;
    font-family: "bariolregular"!important;
    font-weight: 100!important;
}
#dash-custom-prev{
    font-size :16px!important;
    font-family: 'bariolbold'!important;
}
#dash-custom-next{
    font-size :16px!important;
    font-family: 'bariolbold'!important;
}

.guestouterbox{
    padding : 0px 40px;
}
.sessiontypecol{
    padding : 0px 40px;
}

@media(max-width:990px){

    .guestnextrow{
        background:white;
    }
}
@media(max-width:992px){
    #accordion {

        margin: 0 5px 30px;
    }
    .t-schedule-title{
        margin-left:5px;
    }
    .guestouterbox{
        padding : 0px;
    }
    .sessiontypecol{
        padding : 0px;
    }
}

.guestregisterform input {
    -webkit-appearance: none;
    }

.resourceparaguestlink{
    font-family: 'bariolregular'!important;
    line-height: 40px;

    font-size: 18px;
    color: #5D5D5D!important;
    cursor: pointer;
    text-decoration: underline!important;

}

.timescolumnguest{
    padding-left: 40px;
}
@media(max-width:598px){
    .timescolumnguest{
        padding-left: 15px;
    }

}

.no--card{
    margin-bottom : 0px!important;
}


@media(min-width:992px){
    .guesttimeheader{
        padding-top: 10px;
    }

}

.infolabelguestsignup{
    font-size: 16px!important;
    font-family: 'bariolbold'!important;
}
.guestbooking{
    padding: 20px 15px;
}

#preferred_select{
    height:30px!important;
    font-size: 16px!important;
    font-family: 'bariolregular'!important;
    line-height: 16px;
    padding: 0px 0px 0px 10px;
    border-radius: 0px!important;
    max-width : 230px;
}

#couponcodeinput{
    height:30px!important;
    font-size: 16px!important;
    font-family: 'bariolregular'!important;
    line-height: 16px;
    padding: 0px 0px 0px 10px;
    border-radius: 0px!important;
}
.termsandconditionsguest{
    font-size : 16px;
}

@media(max-width:598px){
    .termsandconditionsguest{
        font-size : 14px;
    }

}
#therapistBookingSection{
    padding-top:10px;
}


@media(max-width:598px){
    .guestlinkresourcepara {
        font-size: 14;
        color:#5D5D5D!important;
        font-family: 'bariolbold'!important;
        text-decoration: underline!important;
    }

    .alert{
        padding: 10px 10px;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: .25rem;
    }
    

}

#session_type_select{
    max-width: 100%;
}
@media(min-width:992px){

    #session_type_select{
        max-width: 250px;
    }
    .signup1{
        padding: 30px 30%!important;
    }

}
.crumbsactive2::after{
    content: "";
  background: #5D5D5D;
  position: absolute;
  bottom: 25%;
  left: 0;
  height: 55%;
  width: 0.1px;
  font-weight: 100!important;
}

.activemulti{
    transform: rotate(180deg);
}








/* multiselect css */

.multi-select-container {
    display: inline-block;
    position: relative;
    width : 100%;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0px 0px 0px 30px;
    white-space: nowrap;
    margin-bottom: 0px;
    color:black;
}
.multi-select-menuitem:hover {
   color:white;
   background-color: #1e90ff;
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0px 30px 0px 10px;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 0px;
    cursor: default;
    font-family: 'bariolregular';
    font-size: 16px;
    color: black!important;
    background-image: url("../images/select-icon1.png") !important;
    background-position: 98% center;
    background-repeat: no-repeat;
}
.multi-select-button-therapist {
    display: inline-block;
    font-size: 0.875em;
    padding: 0px 30px 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    border-radius: 0px;
    cursor: default;
    font-family: 'bariolregular';
    font-size: 16px;
    color: black!important;
    background-image: url("../images/select-icon1.png") !important;
    background-position: 97% center;
    background-repeat: no-repeat;
    background-size: 10px 7px!important;
    height: 32px;
}

.spanImage{
    background-image: url("../images/select-icon1.png") !important;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}


.multi-select-button:after {
    /* content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em; */
    width:20px;
	height: 20px;
	position: absolute;
	line-height: 20px;
	text-align: center;
	display: inline-block !important;
    background-image: url("../images/select-icon1.png") !important;
    background-position: 98% center;
    background-repeat: no-repeat;
    padding-right: 0px;
}
.multi-select-button-therapist:after {
    /* content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em; */
    width:20px;
	height: 20px;
	position: absolute;
	line-height: 20px;
	text-align: center;
	display: inline-block !important;
    background-image: url("../images/select-icon1.png") !important;
    background-position: 97% center;
    background-repeat: no-repeat;
    padding-right: 0px;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}


.multi-select-container--open .multi-select-button {
   
    background-image: url("../images/select-icon-up1.png") !important;
}
.multi-select-container--open .multi-select-button-therapist {
   
    background-image: url("../images/select-icon-up1.png") !important;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
}

/* CSS for B2B */

.b2btitle{
    font-size: 36px;
    color: white;
    font-family:"avenirbold";
}
.b2bwhitepara{
    color: white;
    font-family:"avenirbook";
}
.logoimagewhite{
    transition: all 0.2s ease-in; 
    background:url("../images/feelya-white-logo.png");
    width: 164px;
    height: 49px;
    background-size: cover;
}
.b2bwhitepara-section{
    color: white;
    font-family:"avenirbook";
    margin : 30px auto 0px auto;
    width: 80%;
}
.b2btitle-section{
    font-size: 36px;
    color: white;
    font-family:"avenirbold";
    margin : 30px auto 0px auto;
    line-height: 36px;
    width: 80%;
}
.b2byellow{
    font-family:'avenirbold';
    color:#FFC000;
    margin-bottom: 0px;
}
.b2bpara-section-gray{
    color:#7f7f7f;
    font-family:"avenirbook";
    font-size:14px;
}
.b2b-section-img{
    display: flex;
    width: 100%;
    object-fit: contain;
}
.b2blist{
    list-style: none;
    font-size: 16px!important;
}
.b2blist::before {
        content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #FFC000; /* Change the color */
        font-weight: bold; /* If you want it to be bold */
        display: inline-block; /* Needed to add space between the bullet and the text */
        width: 1em; /* Also needed for space (tweak if needed) */
        margin-left: -1em; /* Also needed for space (tweak if needed) */
      }
.b2bplanscol{
    background : #54C7E5;
    height : 100%;
    padding : 0px 2px 0px 2px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 3px 8px -4px  rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 8px -4px  rgba(0,0,0,0.75);
    box-shadow: 3px 3px 8px -4px  rgba(0,0,0,0.75);
}
.b2bequal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }

  #dropdownmainpageBMenuLink{
      width:250px!important;
  }

  #dropdownmainpageBMenuLink .i{
    float:right!important;
}

#bookffnowbtn{
    width :250px;
}
@media (min-width:992px) and (max-width:1200px){
    #bookffnowbtn{
        width :200px;
    }
    #dropdownmainpageBMenuLink{
        width :200px!important;
    }

}

#issueslistbookb a{
    color:#5d5d5d!important;
}

.dropdownmenu1st{
    left: 3%!important;
}

.dropdownmenu2nd{
    left: 28%!important;
    top :75% !important;
}
.dropdownmenu1stmobile{
    left: 5%!important;
}
.dropdownmenu2ndmobile{
    left: 28%!important;
    top: 77%!important;
}

@media (min-width:992px) and (max-width:1200px){
    .dropdownmenu2nd{
        left: 29%!important;
        top :75% !important;
    }
    .dropdownmenu2ndmobile{
        left: 29%!important;
        top: 77%!important;
    }


}



@media (min-width:546px) and (max-width:992px){
    .dropdownmenu1st{
        left: 15%!important;
    }
    .dropdownmenu2nd{
        left: 15%!important;
        top :77% !important;
    }
    .dropdownmenu2ndmobile{
        left: 15%!important;
        top: 77%!important;
    }


}
 
@media (max-width:545px){
    .dropdownmenu1stmobile{
        left: 16%!important;
        top :47% !important;
    }
    .dropdownmenu2ndmobile{
        left: 25%!important;
        top :55% !important;
    }
    .dropdownmenu2nd{
        left: 27%!important;
        top :85% !important;
    }

}
 
/* CSS for home page Testimonials and fullscreen modal */

.logoimagem{
    transition: all 0.2s ease-in; 
    background:url( /wp-content/themes/feelya-master/theme/images/feelya-logo2.svg);
    width: 127px;
    height: 49px;
    margin-bottom:-10px;
}

.wrappercenter
{
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: flex;  
    align-items: center;
    justify-content: center;
    height : 80%;
}

@media(max-width:768px){
    .wrappercenter
    {
    
    height : 60%;
    }

}
@media(max-width:425px){
    .wrappercenter
    {
        position: absolute;
        width: 90%;
        height: 60vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
        height: calc(var(--vh, 1vh) * 60);
    }
}

.modal.modal-fullscreen .modal-dialog,
.modal.modal-fullscreen .modal-content {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.modal.modal-fullscreen .modal-dialog1 {
margin: 0;
width: 100%;
animation-duration:0.6s;
}
.modal.modal-fullscreen .modal-content {
border: none;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: inherit;
-moz-box-shadow: inherit;
-o-box-shadow: inherit;
box-shadow: inherit;
}
.modal.modal-fullscreen.force-fullscreen .modal-body {
padding: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header,
.modal.modal-fullscreen.force-fullscreen .modal-footer {
left: 0;
position: absolute;
right: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-header {
top: 0;
}
.modal.modal-fullscreen.force-fullscreen .modal-footer {
bottom: 0;
}

.testimonialname{
    font-family : "bariolbold";
    font-size : 16px;
}
.testimonialtitle{
    font-family : "bariolregular";
    font-size : 16px;
}
.containertestimonial {
width: 100%;
display: grid;
align-items: center;
justify-content: center;
padding: 15px 30px 30px 30px;
background : #F3F3F3;
}
.slidertestimonials {
display: block;
height: 100%;
max-width: 60%;
margin: 0 auto;
position: relative;
padding-bottom: 10px;
}
.slidetestimonial {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-right: 15px;
}
.slide-img {
    width: 110%;
    margin: 0 auto;
    padding-right: 35px;
    height: 100%;
    text-align: right;
}
.slide-text {
    
    display: flex;
    align-items: start;
    /* justify-content: center; */
    flex-direction: column;
    margin-top: -4px;
    min-width: 262px;
    min-height: 160px;
}
.slide-text p{
    text-align:center;
    width:100%;
    font-style: italic;
}
.testimonial-text {
    font-size : 16px;
    font-family : "bariolregular";
    font-style: italic;
}
.author-text {
    margin-top: 20px;
    color: hsl(240, 38%, 20%);
    font-size: .5rem;
    font-weight: 700;
}
.author-text span {
    color: hsl(240, 18%, 77%);
    font-weight: 500;
    display: block;
}
.slide-img img {
    height: 100%;
    width: 40px;
    margin-left: 5px;
    margin-bottom : 0px!important;
    border-radius: 50%;
    max-width: 70px;
}
.prev,
.next {
    display: inline-block;
    width: 70px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    top: 40%;
}
.buttonstestimonial {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
    /* top: 315px; */
    width: 70px;
    height: 30px;
    box-shadow: -20px 12px 20px 0px hsla(240, 18%, 77%, 0.52);
    border-radius: 50px;
    background-color: white;
    overflow: hidden;
}
.prev {
    left: 0;
}
.next {
    right: 0;
}
.next::after,
.prev::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30%;
}
.next::after {
    
    background-image: url(/wp-content/themes/feelya-master/theme/images/select-icon1.png) ;
    transform: rotate(-90deg);
}
.prev::after {
    background-image: url(/wp-content/themes/feelya-master/theme/images/select-icon1.png) ;
    transform: rotate(90deg);
}
.testimonials-outer-container{
        padding: 15px 30px 15px 30px;
        background : #F3F3F3;
    }
@media only screen and (min-width: 768px) {
    .slide {
        flex-direction: row-reverse;
        text-align: left;
    }
    .slide-img img {
        width: 70px;
    }
    .slide-text {
        margin-top: -28px;
    }
    .testimonialname{
        margin-left: 18px;
        text-align: center;
    }
}
@media only screen and (min-width: 1199px) {
    .slide-text {
        margin-top: -23px;
    }

}
@media only screen and (min-width: 991px) {
    .slide-text {
        width: 490px;
    }

}
@media only screen and (max-width: 430px) {
    .slide-img img {
        width: 40px;
    }
    .slide-img {
        padding: 10px;
        padding-right: 35px
    }
    .buttonstestimonial {
        /* top: 180px; */
    }
    .slide-text {
        margin-top: -4px;
    }
    .slide-text p{
    text-align:left;
    width:88%;
    padding-left:5px!important;
    }
    .testimonialname{
        margin-right: 5px;
        
    }
    
}
@media only screen and (max-width: 375px) {
    .slide-img {
        padding: 10px;
        padding-right: 15px
    }
    .slide-text {
        min-width:250px;
    }
}
@media only screen and (max-width: 500px) {
    .prev,
    .next {
        top: 85%;
    }
    .slidertestimonials{
        max-width:100%;
    }
    .testimonials-outer-container{
        padding: 15px 15px 30px 15px;
        background : #F3F3F3;
    }
}

body .forColorTitleSection3 {
    position: absolute;
    width: 100%;
    padding: 15px 15px 15px 0px;
}
@media(max-width:768px){
    body .forColorTitleSection3 {
       text-align: center;
    }
}
#headingOne{
    margin-left: 0px;
    margin-right: 0px;
    background-color: #F1F1F1!important;
}

@media(max-width:991px){
    .collapseffsessions {
      margin-left:-5px!important;
      margin-right: -5px!important;
    }
}


/* CSS media queries for iphones */

/* 2340x1080 pixels at 476ppi */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {
        .wrappercenter{
            bottom:0!important
        }
     }
    /* 2532x1170 pixels at 460ppi */
@media only screen 
and (device-width: 390px) 
and (device-height: 844px) 
and (-webkit-device-pixel-ratio: 3) {
    .wrappercenter{
        bottom:0!important
    }
 }
/* 2778x1284 pixels at 458ppi */
@media only screen 
and (device-width: 428px) 
and (device-height: 926px) 
and (-webkit-device-pixel-ratio: 3) {
    .wrappercenter{
        bottom:0!important
    }
 }
/* 1792x828px at 326ppi */
@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 2) {
    .wrappercenter{
        bottom:0!important
    }
 }
/* 2436x1125px at 458ppi */
@media only screen 
and (device-width: 375px) 
and (device-height: 812px) 
and (-webkit-device-pixel-ratio: 3) { 
    .wrappercenter{
        bottom:0!important
    }
}
/* 2688x1242px at 458ppi */
@media only screen 
and (device-width: 414px) 
and (device-height: 896px) 
and (-webkit-device-pixel-ratio: 3) { 
    .wrappercenter{
        bottom:0!important
    }
}



.mobileonlymodal{
    display:none;
}
.desktoponlymodal{
    display:contents;
}
.mobileonlymodaltitle{
    font-size:90px;
    line-height: 90px;
}
.mobileonlymodalwrapped{
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: flex;  
    align-items: center;
    justify-content: center;
}

@media(max-width:440px){

    .mobileonlymodal{
        display:block;
    }
    .desktoponlymodal{
        display:none;
    }
    
}

@media(max-width:375px){

    .mobileonlymodaltitle{
        font-size:70px;
        line-height: 70px;
    }
}