/*
Theme Name: Carrino - Child Theme
Theme URI: http://www.3forty.media/carrino
Author: 3FortyMedia
Author URI: http://www.3forty.media
Description: Carrino Child theme for easy and non-destructive editing of Carrino theme
Version: 1.1
Text Domain: carrino
Template: carrino
*/

@font-face {
  font-family: "pf-regular";
  src: url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/PFHandbookPro/regular/pfhandbookpro-regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pf-medium";
  src: url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.eot"); /* IE9 Compat Modes */
  src: url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.otf") format("opentype"), /* Open Type Font */
    url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.svg") format("svg"), /* Legacy iOS */
    url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.woff") format("woff"), /* Modern Browsers */
    url("./fonts/PFHandbookPro/medium/pfhandbookpro-medium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pf-light";
  src: url("./fonts/PFHandbookPro/light/pfhandbookpro-light.eot"); /* IE9 Compat Modes */
  src: url("./fonts/PFHandbookPro/light/pfhandbookpro-light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/PFHandbookPro/light/pfhandbookpro-light.otf") format("opentype"), /* Open Type Font */
    url("./fonts/PFHandbookPro/light/pfhandbookpro-light.svg") format("svg"), /* Legacy iOS */
    url("./fonts/PFHandbookPro/light/pfhandbookpro-light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/PFHandbookPro/light/pfhandbookpro-light.woff") format("woff"), /* Modern Browsers */
    url("./fonts/PFHandbookPro/light/pfhandbookpro-light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


*{
    font-family: 'Poppins';
}

dd{
    margin:0
}
dd.after-title a{
    background-color: #f67280;
    color: #fff;
    padding: 5px 5px;
    border-radius: 3px;
}
.cursor-pointer{    
    cursor: pointer;    
}
.ht-table-page{
    display: none
}
.ht-table-page1{
    display: none
}
.step{
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

.step.finish {
  background-color: #4CAF50;
}
.single-post header.entry-header .after-title{
    padding-bottom: 30px !important
}
.threeforty-related-posts .page-title{
    padding: 0px 15px;
}
b, strong{
    color: #c41c2b;
    font-weight: 500;
}
.sm-text{
    font-size: 21px
}
.sm-text a{
    color: #fba61c
}
.ht-tools{
    padding: 20px 15px;
    border-radius: 5px;
    margin: 0px 45px 0px 20px;
}
#video-yt {
    text-align: center
}
#email-subscribers-form-11 .emaillist{
    text-align: left;
    margin-bottom: 70px
}
#email-subscribers-form-11 .es_txt_name, #email-subscribers-form-11 .es_txt_email{
    padding: 10px 120px 10px 10px;
}
.threeforty-related-posts .post-1 .post-thumbnail img, .threeforty-related-posts .post-2 .post-thumbnail img, .threeforty-related-posts .post-3 .post-thumbnail img{
        height: 260px;
}
.mkdf-bmi-calculator-holder input[type=text]:focus, .mkdf-bmi-calculator-holder select:focus, .mkdf-bmi-calculator-holder textarea:focus{
    border-color: #d9d9d9
}
.form-holder-2 button, input[type="submit"]:focus{
    outline: none
}
.condtext1{
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
#textInput{
        display: table-cell;
        width: 100%;
    padding: 15px 15px;
    outline: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #f6f6f6;
    border: 1px solid #cdcdcdb3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    resize: none;
    margin-bottom: 10px;
    color: #969696;
    border-radius: 5px 0 0 5px;
}
#textInput1 {
    display: table-cell;
    width: 100%;
    padding: 15px 15px;
    outline: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #f6f6f6;
    border: 1px solid #cdcdcdb3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    resize: none;
    margin-bottom: 10px;
    color: #969696;
    border-radius: 5px 0 0 5px;
}
.inuicmspan5{
    font-size: 14px;
    padding: 6px 12px;
    color: #555;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
    display: table-cell;
}
.mkdf-side1 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.rem-padding1 .inuicmspan2{
    margin-left: -41px;
}
.rem-padding2 .inuicmspan2{
    padding: 13px 8px;
    margin-left: -49px;
}
.remtop4 .inuicmspan{
    margin-left: -56px;
}
.remtop7 .inuicmspan,
.remtop7 .inuicmspan2{
    margin-left: -45px;
}
.form-holder-2 button, input[type="submit"] {
    background: #c91429;
    padding: 13px 29px 12px 10px;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 14px;
    margin-top: 0px;
    margin-left: 15px;
}
.form-holder-2 .rem-pad-btn input[type="submit"]{
    margin: 23px 0 0 0;
}
.mkdf-bmic-form-holder {
    overflow: hidden;
    padding: 15px 0 20px;
}
.es_txt_name{
    padding: 10px 30px;
    font-weight: 100;
        font-size: 16px;
}
.es_txt_email{
    padding: 10px 30px;
    font-weight: 100;
        font-size: 16px;
}
.mkdf-bmi-calculator-holder .remtop select{
    width: 28.02%;
    padding: 15px 8px;
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col1 {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
        z-index: 999;
    margin-top: 30px;
    margin-bottom: 10px;
        display: none
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications1 {
    padding: 0;
    position: relative;
    display: block;
    text-align: left;
}
/*.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-notification-text1 {
    padding-left: 20px;
}*/
.mkdf-bmi-calculator-holder .select2-container{
    border: 1px solid #cdcdcdb3;
}
.calculator_table .select2-container {
    width: 29.5% !important;
    border: 1px solid #cdcdcdb3;
}
.mkdf-section-subtitle-holder .mkdf-section-subtitle {
    font-size: 15px;
    line-height: 30px;
    margin: 0;
}
.mkdf-footer-bottom-left{
    margin-left: 10px;
}
.fa-bars{
    color: #fff;
    font-size: 30px;
}
.date-time-site{
    color: #da9089;
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin-bottom: 3px;
    line-height: 20px;
    padding:15px
}
.set-jus-text{
    text-align: justify;
    font-size: 15px;
}
.set-jus-text1{
    text-align: left;
    font-size: 15px;
}
.mkdf-blog-holder.mkdf-blog-type-masonry p{
    text-align: justify !important;
    min-height: 150px
}
.mkdf-post-content p{
    text-align: justify !important;
}
.mkdf-mke-ryt {
    float: right !important;
}
.hide-desc {
    visibility: hidden;
}
.setStream{
    font-size: 15px !important;
    line-height: 22px !important;
    margin: 0 !important;
}
.bmi-tabs table td:first-child,
.bmi-tabs table td:last-child{
    width:0% !important;
}
.smoke-cos{
    margin-top: 37px !important;
}
.rem-padding1{
    padding: 0 10px 0 0
}
.rem-padding2{
    padding: 0 0 0 10px
}
.calculator_table .select2-container{
    width: 29.5% !important;
    border: 1px solid #cdcdcdb3;
}
.box-shift2 p {
    margin: 15px 0px;
        font-size: 15px
}
.box-shift .col-md-5,
.box-shift .col-md-1 {
    padding-right: 13px;
    padding-left: 13px;
}
.box-shift {
    padding-right: 0;
    padding-left: 0;
    display: -webkit-inline-box;
}
.single-page .entry-header{
    display:none
}
.hentry-footer{
    text-align:left
}
.inuicmspan{
        margin-left: -49px;
    font-size: 14px;
    padding: 13px 15px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
}
.inuicmspan2 {
    margin-left: -49px;
    font-size: 14px;
    padding: 13px 13px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
}
.inuicmspan1{
    font-size: 14px
}
.rem-pad .inuicmspan, .rem-pad .inuicmspan2{
    margin-left: -45px;
}
.rem-pad2 .inuicmspan2{
    margin-left: -73px;
}
.searchandfilter #ofcategory option[value= "790"],option[value= "789"],option[value= "804"],option[value= "1253"],option[value= "916"],option[value= "796"],option[value= "1"] ,option[value= "390"],option[value= "74"]{display: none;}
    .select-health option[value= "833"], .select-health option[value= "1253"], .select-health option[value= "8"], .select-health option[value= "74"], .select-health option[value= "390"]{
        display:none
    }

    .select-health-1 option[value= "6"], .select-health-1 option[value= "1253"], .select-health-1 option[value= "8"], .select-health-1 option[value= "74"], .select-health-1 option[value= "390"]{
        display:none
    }

    .select-health-2 option[value= "833"], .select-health-2 option[value= "1253"], .select-health-2 option[value= "6"], .select-health-2 option[value= "74"], .select-health-2 option[value= "390"]{
        display:none
    }

    .select-health-3 option[value= "833"], .select-health-3 option[value= "1253"], .select-health-3 option[value= "8"], .select-health-3 option[value= "6"], .select-health-3 option[value= "390"]{
        display:none
    }

    .select-health-4 option[value= "833"], .select-health-4 option[value= "1253"], .select-health-4 option[value= "8"], .select-health-4 option[value= "74"], .select-health option[value= "6"]{
        display:none
    }
.post-navigation .entry-meta span{
    background: #fff;
}
.post-navigation .entry-meta span a{
    color: #000;
}
.mkdf-post-excerpt .more-text {
    display: none;
}
.post-thumbnail{
    overflow:hidden
}
.previous-article .post-thumbnail img,
.next-article .post-thumbnail img{
    height: 365px
}
.search-form-mkdf{
    position: relative;
    line-height: 0;
    right: 5px;
}
.search-field-mkdf{
    padding: 7px;
    border: 1px solid #e5e5e5;
    color: #6b6565
}
.search-submit-mkdf{
    position: absolute;
    right: 5px;
    padding: 7px;
    color: #da9089;
    background-color: #fff;
    font-size: 14px;
    top: 5px;
}
.the-post .single-post .entry-content, .the-post .single-post .entry-header, .the-post .page .entry-content, .the-post .page .entry-header{
    padding: 15px 10px
}
.wpulike-default .wp_ulike_put_image.image-unlike:after{
    filter:sepia(100%) hue-rotate(190deg) saturate(500%);
}

.custom-menu-class ul>.menu-item-has-children>a:after{
    font-family: fontello;
    content: "\e806 ";
    font-weight: 300;
    margin-left: 5px;
    font-size: 10px
}
.vc_custom_1574160519817 .wpb_text_column.wpb_content_element {
    margin-bottom: 20px;
    border-bottom: 1px solid #f5eded;
}
.set-ht-font {
    font-size: 18px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
}
.ht-design .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper {
    margin-top: 10px;
        margin-bottom: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
-moz-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    padding: 0 0 5px;
    min-height:210px;
    transform: translate3d(0px,0px, 0);
    -webkit-transition: -webkit-box-shadow .3s ease,-webkit-transform .3s ease;
    -o-transition: box-shadow .3s ease,transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;
} 
.ht-design .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0px 5px 45px 0px rgba(175,177,177,0.57);
}
.diff-dime{ 
    background-color: #ffcf54;
    border-radius: 80px;
    padding: 10px;
    margin: 0px 110px;
}
.set-jus-text1{
    font-size: 15px;
    padding:0 35px;
    min-height:105px
}
.widget select{
    padding: 5px 87px 5px 5px;
    margin: 0px 0 !important;
}
.searchandfilter li{
    padding-right: 0
}
.masonry .searchandfilter li {
    display: inline-flex;
}
.masonry .searchandfilter ul{
    margin: 40px 10px 30px 0px;
}
.masonry .searchandfilter h4 {
    margin: 15px 15px
}
.aside-sidebar .searchandfilter .es_submit_button{
    margin: 18px 0;
    padding: 11px 50px;
}
.searchandfilter h4
.nav-links, .search-results .nav-links{
    padding:0
}
.sort-category-2 input[type="submit"]{
    margin-left: 15px
}
.sort-category input[type="submit"]{
    margin-left: 0
}
.remtop p{
    font-size: 15px;
    margin-bottom: 25px
}
/*.site-footer{
    padding:0
}*/
.entry-title{
    margin:0
}
body:not(.single) .flex-box .post-thumbnail:hover img:not(.avatar) {
    transform: scale(1.02);
}
.post-thumbnail img{
    transition: all 0.5s ease;
    filter: brightness(90%);
}
#post-29969 .wpulike{
    display:none
}
.form-holder-2{
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    -moz-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    margin-top: 30px;
   background: #f7ebeb42;
}
.mkdf-bmic-form{
    margin-top: 20px
}
.hide-desc2{
    display:none
}
.slidecontainer {
  width: 100%;
}
select#ofcategory{
    margin: 5px 0px 5px 0;
    border-radius: 5px;
    font-size: 16px;
    color: #000;
}
input:focus, textarea:focus{
    border-color: #f1f1f1;
    box-shadow: none;
}
input:hover, textarea:hover {
    border-color: #f1f1f1;
}
.close {
    float: left;
    font-size: 2rem;
    line-height: 1.2;
    text-shadow: none;
}
.sort-category{
    margin-bottom: 30px
}
.emaillist .es_submit_button{
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.remtop .ht-result, .ht-result{
    font-size: 1.15rem;
    font-weight: 600;
    color:#000
}

.ht-tools-msg{
    font-size: 1.15rem;
    margin: 18px 0;
    font-weight: 600;
    color:#000
}
.cal-results{
    margin-top: 0;
}
.mkdf-bmi-calculator-holder .cal-results .mkdf-bmic-notifications1{
    background-color: #fff;
    padding: 0 25px;
    border: none;
    text-align: left;
}
.mkdf-bmi-calculator-holder .cal-results .cal-results-2{
    padding: 0
}
/*.mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col1 .mkdf-bmic-notifications1{
    padding: 0;
}*/
.cal-results .ht-result span{
    border-bottom: 2.5px solid #da9089;
}
.cal-results .ht-tools-msg span{
    color: #c41c2b;
}
.cal-results ul{
    margin: 10px 0px 0px 40px;
}
.cal-results li{
    margin-bottom: 12px;
}
.reddish{
    color:#c41c2b !important
}
.amberish{
    color:#FFBF00 !important
}
.greenish{
    color:#008000 !important
}
.mkdf-bmi-calculator-holder input[type=number], .mkdf-bmi-calculator-holder select {
    width: 100%;
    padding: 15px 15px;
    outline: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #f6f6f6;
    border: 1px solid #cdcdcdb3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    resize: none;
    margin-bottom: 10px;
    color: #969696;
        border-radius: 5px;
}
.mkdf-bmi-calculator-holder textarea:focus {
    width: 100%;
    padding: 15px 15px;
    outline: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #f6f6f6;
    border: 1px solid #cdcdcdb3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    resize: none;
    margin-bottom: 10px;
    color: #969696;
        border-radius: 5px;
}
.mkdf-bmi-calculator-holder input[type=date], .mkdf-bmi-calculator-holder select{
    background-color: #f6f6f6;
    border: 1px solid #cdcdcdb3;
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.mkdf-bmi-calculator-holder textarea {    background-color: #f6f6f6;
    border: 1px solid #cdcdcdb3;
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
}
.whratio label{
    font-weight: 300;
    margin: 0px 20px    
}
.mkdf-bmi-calculator-holder input[type=text], .mkdf-bmi-calculator-holder select{
    border: 1px solid #cdcdcdb3;
    border-radius: 5px;
    color: #777777;
}
.mkdf-bmi-calculator-holder textarea{
    border: 1px solid #cdcdcdb3;
    border-radius: 5px;
    color: #777777;
}
.hide-desc {
    display: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.mkdf-bmi-calculator-holder #showMencAlert{
    padding: 0 25px
}
.error-check{
    padding: 10px 17px;
    background-color: #f1faf4;
    display: block;
    border: 1px solid #c6d1ca;
    border-radius: 10px;
}
.ht-tools a{
    color: #fff
}
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    top: -2px
}
.tooltip img {
    width: 20px
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 290px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    top: 135%;
    left: 0%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 15px
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 29%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}
.table{
        display: table;
    width: 50%;
}
.table-cell{
    display: table-cell;;
}
.fixed .search-submit-mkdf{
    top: 1px
}
/*.nav-links{
    padding: 0
}
main{
    margin-bottom:0
}
.site-footer{
    padding:0
}*/
#media_image-2{
    text-align: center;
}
.question-box h1{
    display:contents
}
/*.vc_column_container>.vc_column-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
}*/
.wpb_single_image.vc_align_left{
    width:100px
}


.entry-content p {
    
    text-align: justify;
    text-justify: inter-word;
    word-spacing: normal;
    hyphens: auto;
    line-height: 1.6;
}


.category-health-and-fitness #threeforty_posts_widget-2{
    display: block
}
.category-diet-and-nutrition #threeforty_posts_widget-3{
    display: block
}
.category-lifestyle-conditions #threeforty_posts_widget-4{
    display: block
}
.category-moneywise #threeforty_posts_widget-5{
    display: block
}
.category-media #threeforty_posts_widget-6{
    display: block
}
#threeforty_posts_widget-2, #threeforty_posts_widget-3, #threeforty_posts_widget-4{
    display: none
}
.category-health-tools .vc_column_container>.vc_column-inner{
    padding-left: 0;
    padding-right: 0;
}
.next.page-numbers{
    padding: 10px 32px !important;
    margin-left: 20px;
}
.threeforty-home-featured.cols-3 .entry-title{
    min-height: 65px;
}
    .page main, .category main, .search-results main{
        margin:0
    }
    .page .site-footer, .category .site-footer, .search-results .site-footer{
        padding: 0
    }
.blog .site-footer .flex-grid.cols-1{
    margin: 45px 0
}
.pagination, .post-navigation, .navigation, .page-pagination {
    margin-top: 45px;
    margin-bottom: 45px;
}
.trackback{
    display:none
}
.toggle-comments {
    padding: 0 10px;
}
.post-tags{
    margin: 0 10px
}
.the-post ul.social-icons{
    margin-left: 5px;
}
.masonry .post-thumbnail{
    min-height: 400px;
}
/*.has-sidebar main .cols-2 .entry-title{
    margin-bottom: 15px
}
.masonry .entry-title {
    min-height: auto;
}*/
.aligncenter{
    margin-top: 50px;
    margin-bottom: 50px;
}
.pingback{
    display:none
}
.comment-list{
    margin-left: 10px
}



/*ABC Custom CSS*/

.abcBtn{
    background: #f7a501;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 14px;
    margin-top: 23px;
    margin-left: 15px;
    margin: 18px 0;
    padding: 11px 50px; 
}


#select_cat_sidebar{
    width:100%;
    padding:10px 8px;
    border-radius:6px;
    font-size:16px;
}

.sidebar-title {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 20px;
}

.masonry .entry-title {
    min-height: auto !important;
    padding-bottom: 10px;
}

.masonry .post-thumbnail {
    min-height: auto !important;
}

.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header, .disabled-post-thumbnail .entry-header {
    padding: 15px 5px;
}

.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-content, .disabled-post-thumbnail .entry-content{
    padding: 0px 5px;
}


.headtext a span{
    display: none
}


@media screen and (max-width: 1024px){
.threeforty-related-posts .post-1 .post-thumbnail img, .threeforty-related-posts .post-2 .post-thumbnail img, .threeforty-related-posts .post-3 .post-thumbnail img{
    height: 530px
}
.cat-in-post img{
    height: 100% !important
}
.hide-desc1 {
    display: none;
}
.vc_column_container>.vc_column-inner.vc_custom_1574160519817{
    padding-right: 10px !important;
    padding-left: 10px !important
}
.mkdf-bmi-calculator-holder .mkdf-bmic-form-holder, .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder {
    width: 100%;
}
.mkdf-bmi-calculator-holder{
    margin-left: 0;
    margin-right: 0;
}
.ht-design .vc_col-sm-4 > .vc_column-inner >.wpb_wrapper:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    box-shadow: 4px 4px 8px 3px rgba(175,177,177,0.57);
}
    .remtop4 .table{
        width: 100%
    }
    .form-holder-2{
        margin-top: 0
    }
    .wpb_button, .wpb_content_element{
        margin-top: 40px
    }
    .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder {
    margin-bottom: 15px;
}
        .mobile-header-main{
        display:contents
    }
    .headtext a span{
        display: block
    }
    .icon-cancel{
        font-size: 15px;
        margin: 5px;
    }
}
@media screen and (max-width: 767px){
    .boxzilla-overlay,
    .boxzilla {
        display: none !important;
    }
    .masonry .entry-title{
        min-height: 0
    }
    .masonry .entry-content{
        min-height: 0
    }
    .masonry .post-thumbnail{
        min-height: 0
    }
    .search-form-mkdf{
            display: none
    }
    #showMencAlert{
        padding: 30px 35px
    }
    .remtop9{
        text-align: center
    }
    .search-form-mkdf {
    display: none;
    }
    .threeforty-related-posts .post-1 .post-thumbnail img, .threeforty-related-posts .post-2 .post-thumbnail img, .threeforty-related-posts .post-3 .post-thumbnail img{
        width: 100%;
        height: 315px
    }
    .single-post header.entry-header .after-title {
    padding-bottom: 30px !important;
}
}



@media screen and (max-width: 600px){
    .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-title {
        font-size: 17px !important;
        margin-bottom: 0;
        line-height: 1.6 !important;
    }
}

@media screen and (max-width: 425px){
.aside-sidebar .searchandfilter .es_submit_button{
        margin-left: 12px
    }
    .box-shift{
        display: block  
    }
    .aside-sidebar .searchandfilter ul, .masonry .searchandfilter li{
        display: inline-block
    }
    .masonry .searchandfilter ul        {
        margin-left: 15px;
        }
    select#ofcategory {
        padding: 6px
    }
    .box-shift .col-md-5, .box-shift .col-md-1{
        padding-right: 15px;
    padding-left: 15px;
    }
    .box-shift2{
        display:none    
    }
    .hide-desc {
        display: block;
        visibility: visible;
    }
    .ht-tools{
        margin: 0;
    }
    .mkdf-section-title-holder h1{
        margin:0
    }
    .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder .mkdf-section-title-holder{
        margin-bottom:15px
    }
    .pagination, .post-navigation, .navigation, .page-pagination{
        margin-bottom:30px;
        margin-top: 0px;
    }
    .toggle-comments {
    padding: 0 0px;
    }
    .site-footer.row{
        margin: 0
    }
}

/* Lucky Custom CSS */
@media screen and (max-width: 992px){
    h1.page-title, h1.entry-title, .has-sidebar h1.page-title, .has-sidebar .default h1.entry-title{
        font-size:1.875rem;
        line-height:1.5;
    }
}

@media screen and (max-width: 767px){
    h1.page-title, h1.entry-title, .has-sidebar h1.page-title, .has-sidebar .default h1.entry-title{
        font-size:1.40rem;
        line-height:1.6;
        margin-top: 15%;
    }
}


/* Start Custom CSS */

div.custom-menu-class ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none; 
    position: relative;
    /* display: inline-block; */
    margin: 0;
    right: 10px
}
div.custom-menu-class li{
    display: inline;
    float: left;
    position: relative;
    font-size: 13px;
     margin-bottom: 0;
     text-align: left;
}

div.custom-menu-class li a{
    padding: 10px 15px;
    display: inline;
    float: left;
    position: relative;
    font-size: 14px;
    color: #fff;
    /*font-family: 'pf_handbook_promedium';*/
    text-decoration: none !important
}

.sub-menu li{
    padding: 0px;
    width: 100%
}

div.custom-menu-class .sub-menu li:hover{
    background-color: #f2f3f6 !important;
    transition: all .3s ease;
}

.sub-menu li a:hover{
    color: #da9089 !important;
}

.custom-menu-class .sub-menu li a{
    padding: 10px 12px;
}

div.custom-menu-class ul li:hover {
    background-color: #fff;
    color: #000;
    left: 0px;
}

div.custom-menu-class ul li:hover a {
    color: #000;
}

.custom-menu-class .sub-menu{   
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 224px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 101;
    left: 0px;
    padding: 10px 0;
}

div.custom-menu-class ul li:hover .sub-menu{
    display: block;
    margin-top: 40px;
}

.site-header 
.mkdf-wrapper-inner1{
    /*display: contents*/
    max-height: 42px;
}

.mkdf-wrapper-inner1 .container{
    background-color: #da9089;
    display: block;
    padding: 0
}

.headtext .head-logo-2 a{
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 500;
    /*font-family: 'PFHandbookPro_Bold';*/
    margin:0;
    text-decoration: none !important
}

.headtext .desktop-header-main{
    text-align: left;
    margin: 5px 30px;
    padding-left: 8px;
}

.subheader2 .container {
    /* height: 113px; */
    background: #6A4742;
    color: #fff;
    font-weight: bold;
    line-height: 23px;
        display: grid;
}

.subDiv {
    font-size: 14px;
    color: #fff;
    margin-left: 30px;
    /*font-family: 'pf_handbook_proregular';*/
    font-weight: 400;
    text-decoration: none !important
}

.mkdf-wrapper-inner2{
    display: contents
}

.mkdf-wrapper-inner2 .container{
    background-color: #c41c2b;
    display: block
}

.mkdf-wrapper-inner2 .headtext2{
    top: 30px;
    left: 47px;
    display: block;
    width: 200px;
    height: 100px;
    max-width: 100%;
    background: url("https://www.adityabirlacapital.com/healthinsurance/active-together/wp-content/uploads/2017/11/ABC-logo.png") no-repeat;
    background-size: 100%;
}

.mkdf-wrapper-inner2 .custom-menu-class ul{
    margin: 50px 105px;
}

.mkdf-wrapper-inner2 .custom-menu-class ul .sub-menu{
    margin: 0
}

.mkdf-wrapper-inner2 .custom-menu-class li a{
    font-size: 16px
}

.emaillist{
    text-align: center
}

.entry-meta after-title .share{
    display: inline-block
}

.site-main .threeforty_home_block_2,
.site-main .threeforty_home_block_3,
.site-main .threeforty_home_block_4 {
                width: 33.33%;
                float: left;
}

.site-main .threeforty_home_block_2 .page-title,
.site-main .threeforty_home_block_3 .page-title,
.site-main .threeforty_home_block_4 .page-title{
    font-size: 28px
}

.threeforty-related-posts .section-header{
    padding: 30px 0 30px 0
}

/*
.logo-split-menu .logo-in-menu{
    width: 400px !important
}
#threeforty_posts_widget-5{
    display:none
}

#threeforty_posts_widget-4{
    display:none
}

#threeforty_posts_widget-3{
    display:none
}
*/

.masonry .entry-meta .share{
    display: none
}

.post .attachment-carrino-hero-image{
    display: none
}
.widget img{
    min-height: 90px
}
.masonry .entry-title{
    min-height: 80px;
    margin-top: 50px;
}
.masonry .post-thumbnail{
    min-height: 315px;
}

.masonry .post-thumbnail {
    min-height: auto !important;
}
.masonry .entry-content{
    min-height: 85px
}

.the-post .entry-meta .share{
    display: none;
}




.flex-grid .entry-meta .share li.social-icon a{
    display: inline-flex
}

.flex-grid .entry-meta .share .share-text{
    margin: 12px
}

#media_image-3{
    text-align: center
}

/*.threeforty_home_block_2 .flex-box{
    display: inline-block;
    width: 87%;
}

.threeforty_home_block_3 .flex-box{
    display: inline-block;
    width: 85%;
}

.threeforty_home_block_4 .flex-box{
    display: inline-block;
    width: 100%;
}*/

.threeforty_home_block_2 .flex-box,
.threeforty_home_block_3 .flex-box,
.threeforty_home_block_4 .flex-box{
    display: inline-block;
    width: 100% 
}

.threeforty_home_block_2 .post-thumbnail,
.threeforty_home_block_3 .post-thumbnail,
.threeforty_home_block_4 .post-thumbnail{
    float: left;
    width: 30%
}

.threeforty_home_block_2 .flex-box .entry-header,
.threeforty_home_block_3 .flex-box .entry-header, 
.threeforty_home_block_4 .flex-box .entry-header{
    display: inline-block;
    width: 70%;
    padding: 10px 10px 20px 10px;
}

.site-main .threeforty_home_block_2 {
    padding: 0px 0px 0 80px;
}

.site-main .threeforty_home_block_3 {
    padding: 0 30px 0 35px;
}

.site-main .threeforty_home_block_4 {
    padding: 0px 70px 0px 0px;
}

.cat-in-post img{
    height: 240px !important    
}

.logo-split-menu .primary-nav{
    display: none
}

header.site-header.sticky-nav.fixed .primary-nav{
    display: flex
}

.menu-item.split-menu{
    width: auto !important
}

.col-lg-2 .toggle{
    padding: 0;
    margin: 0
}

.col-lg-2 .toggle span{
    background: none
}

.cover .entry-title{
    min-height: 85px
}

.menu-item .custom-logo-link{
    font-size: 26px !important;
    letter-spacing: 0;
    float: left;
    color: #fff !important
}


.desktop-header-main{
    display: block
}

.mobile-header-main{
    display: none
}

.site-container .container{
    float: left;
    max-width: 100%
}

.threeforty_home_block_1 .entry-title{
    min-height: 80px;
}

.threeforty_home_block_2 .entry-title,
.threeforty_home_block_3 .entry-title, 
.threeforty_home_block_4 .entry-title{
    font-size: 16px;
    min-height: 60px;
    margin-bottom: 10px;
}

.threeforty-home-featured .post-thumbnail img,
.threeforty_home_block_1 .post-thumbnail img{
    min-height: 400px
}

.threeforty-related-posts .entry-title{
    font-size: 15px !important;
    min-height: 60px;
    margin-bottom: 0;
}

.threeforty-related-posts .post-thumbnail img{
    height: 165px
}

.entry-title .after-title{
    min-height: 65px
}

/*.cat-in-post .before-title{
    margin: 5px 15px
}*/

footer .container{
    float: left;
    max-width: 100%
}

@font-face {
    font-family: 'pf_handbook_promedium';
    src: url('../carrino-child/fonts/pfhandbookpro-medium.woff');
    font-display: fallback;
}

@font-face {
    font-family: 'pf_handbook_proregular';
    src: url('../carrino-child/fonts/pfhandbookpro-regular.woff');
    font-display: fallback;
}

@font-face {
    font-family: 'PFHandbookPro_Bold';
    src: url('../carrino-child/fonts/pfhandbookpro-bold.woff');
    font-display: fallback;
}

.vc_btn3.vc_btn3-color-pink.vc_btn3-style-modern {
    padding: 8px 30px;
    background: #f7a501 !important;
    border-color: #f7a501 !important
}
.vc_btn3.vc_btn3-color-pink.vc_btn3-style-modern:hover,  .vc_btn3.vc_btn3-color-pink.vc_btn3-style-modern:focus{
    background: #f7a501 !important;
    border-color: #f7a501 !important;
    opacity: 0.8 !important
}
.vc_btn3.vc_btn3-color-pink.vc_btn3-style-modern:hover {
    background: #f67280;
    opacity: 0.9;   
}
/* header changes done here */

.site-header:not(.logo-left-menu-right) .header-layout-wrapper .toggle{
    padding:0 
}

header.site-header.sticky-nav.fixed{
    background-color: rgba(218, 144, 137, 1);
}

.menu-primary-navigation-container {
    padding: 0;
    background-color: rgba(218, 144, 137, 1)
}

.primary-nav .split-menu-left a{
    color: #fff;
    font-weight: 400
}

.primary-nav li:hover > a{
    color: #000;
    transition: none;   
}

.primary-nav ul li:hover{
    background: #fff;
    transition: none;
}

.primary-nav li ul.sub-menu{
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/*** header changes completed ***/

/*** css used for health tools page ***/

.mkdf-post-excerpt .more-text{
        display: none;
}

.read-more1 span {
    display: none;
}

.set-fix-left{
    float: left
}

.extra-margin{
    margin: 40px 0 40px 40px
}

.set-ht-font{
    font-size: 18px;
    font-weight: 600
}

/*** end of health tools page ***/

/*** ht bmi css from wellspring theme ***/

.green{
    background-color: #008000 !important;
    color: #fff
}

.amber{
    background-color: #FFBF00 !important;
    color: #fff
}

.red{
    color: #FF0000;
}

.red2{
    background-color: #c41c2b !important;
    color: #fff
}

.red1{
    background-color: #c41c2b !important;
    color: #fff
}


a.more-text1 {
    text-decoration:none;
    outline: none;
}
.read-more1 span {
    display: none;
}

.hide-desc2{
    visibility: hidden
}

.ht-table-page{
    float: left
}

.ht-table-page .table-cls{
    width: 100%
}

.ht-table-page1{
    float: left
}

.ht-table-page1 .table-cls{
    width: 100%
}

.mkdf-bmi-calculator-holder .mkdf-bmic-form-holder .mkdf-section-title{
    margin-bottom: 33px
}

.ht-table-page .setRyt img{
    height: 325px
}

.ht-table-page table td:last-child{
    width:85%
}

.ht-table-page1 table td:last-child{
    width:43%
}

.countdown-row, .mkdf-blog-list-holder.mkdf-four-columns ul.mkdf-blog-list li:nth-child(4n+1), .mkdf-blog-list-holder.mkdf-grid-type-2 .mkdf-post-item-author-holder:after, .mkdf-blog-list-holder.mkdf-masonry .mkdf-post-item-author-holder:after, .mkdf-blog-list-holder.mkdf-three-columns ul.mkdf-blog-list li:nth-child(3n+1), .mkdf-blog-list-holder.mkdf-two-columns ul.mkdf-blog-list li:nth-child(2n+1), .mkdf-blog-slider-holder .mkdf-bs-item-bottom-section:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-col-full:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-holder:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-row .mkdf-bmic-form-col:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-row:after, .mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col:after, .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder:after, .mkdf-bmi-calculator-holder:after, .mkdf-comparision-pricing-tables-holder:after, .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-2 .mkdf-gallery-image:nth-child(2n+1), .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-3 .mkdf-gallery-image:nth-child(3n+1), .mkdf-image-gallery .mkdf-image-gallery-grid.mkdf-gallery-columns-5 .mkdf-gallery-image:nth-child(5n+1), .mkdf-page-header .mkdf-sticky-header .mkdf-sticky-right-widget-area:after, .mkdf-portfolio-single-holder .mkdf-portfolio-single-nav:after, .mkdf-portfolio-single-holder.gallery .mkdf-portfolio-media:after, .mkdf-process-holder .mkdf-process-inner:after, footer .mkdf-footer-bottom-holder .mkdf-footer-bottom-border-bottom-holder {
  clear: both
}

.mkdf-blog-slider-holder .mkdf-bs-item-bottom-section:after, .mkdf-blog-slider-holder .mkdf-bs-item-bottom-section:before, .mkdf-bmi-calculator-holder .mkdf-bmic-form-col-full:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-col-full:before, .mkdf-bmi-calculator-holder .mkdf-bmic-form-holder:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-holder:before, .mkdf-bmi-calculator-holder .mkdf-bmic-form-row .mkdf-bmic-form-col:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-row .mkdf-bmic-form-col:before, .mkdf-bmi-calculator-holder .mkdf-bmic-form-row:after, .mkdf-bmi-calculator-holder .mkdf-bmic-form-row:before, .mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col:after, .mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col:before, .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder:after, .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder:before, .mkdf-bmi-calculator-holder:after, .mkdf-bmi-calculator-holder:before {
  content: " ";
  display: table
}

.mkdf-bmi-calculator-holder {
  margin-left: -23px;
  /*margin-right: -23px*/
}

.mkdf-bmi-calculator-holder .mkdf-bmic-table-holder {
  margin-bottom: 35px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-table-holder .mkdf-section-title-holder {
  margin-bottom: 30px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-form-holder .mkdf-section-subtitle {
  margin-bottom: 20px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-form-holder .mkdf-section-title {
  margin-bottom: 22px
}
.mkdf-bmi-calculator-holder table {
  border: 1px solid #e5e5e5
}
.mkdf-bmi-calculator-holder table thead {
  font-size: 15px;
  color: grey;
  font-weight: 700;
  background-color: #fafafa;
  border-top: 1px solid #e5e5e5
}
.mkdf-bmi-calculator-holder table thead tr {
  border: none;
  border-bottom: 1px solid #e5e5e5
}
.mkdf-bmi-calculator-holder table th {
  text-align: left;
  padding: 18px 20px 18px 40px
}
.mkdf-bmi-calculator-holder table td {
  text-align: left;
  padding: 17px 20px 17px 40px
}
.mkdf-bmi-calculator-holder table td:first-child {
  width: 35%
}
.mkdf-bmi-calculator-holder table td:last-child {
  width: 65%
}
.mkdf-bmi-calculator-holder table tbody tr {
  border: none;
  border-bottom: 1px dashed #e5e5e5
}
.mkdf-bmi-calculator-holder table tbody tr:last-child {
  border-bottom: 0
}
.mkdf-bmi-calculator-holder table tbody tr td, .mkdf-bmi-calculator-holder table tbody tr th, .mkdf-bmi-calculator-holder table thead tr td, .mkdf-bmi-calculator-holder table thead tr th {
  border-right: 1px dashed #e5e5e5
}
.mkdf-bmi-calculator-holder table tbody tr td:last-child, .mkdf-bmi-calculator-holder table tbody tr th:last-child, .mkdf-bmi-calculator-holder table thead tr td:last-child, .mkdf-bmi-calculator-holder table thead tr th:last-child {
  border-right: none
}
.mkdf-bmi-calculator-holder .mkdf-bmic-legend {
  margin-top: 13px;
  font-size: 14px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-form-holder, .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 23px;
  padding-right: 23px;
  width: 50%
}

/*** end of bmi css ***/

/*.single-page .post-thumbnail, .single-post .post-thumbnail{
    display: none
}*/

/*** CSS for Health tools ***/

.active-logo1{    
    width: 255px;
    font-size: 30px;
    color: #cb1f33;
    height: 28px;
    margin: 0px auto 20px auto;
}
 
/*.inui{
    width:225px !important
}

.inui1{
    width:225px !important
}

.inui2{
    width:299px !important
}

.inui3{
    width:281px !important
}

.inui4{
    width:120px !important
}

.inuicm{
    padding-right:60px !important
}

.inuicm2{
    padding-right:40px !important
}

.inuicmspan{
    margin-left:-34px;
    color:#000
}

.inuicmspan1{
    margin-left:-60px;
    color:#000
}

.inuicmspan2{
    margin-left:-36px;
    color:#000
}*/

.box-calculator-inner{
    display:none;
}

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

.step.finish {
  background-color: #4CAF50;
}

#showMencAlert .col-md-12{
    margin: -25px 0;
    left: -45px;
    width: 120%;
    line-height: 1.7
}
section {
    padding: 0px 0px;
    margin: 0px;
    font-size: 18px;
    font-family: 'pf_handbook_promedium';
}

.active-logo {
    background-image: url(../images/activ_logo.png);
    background-repeat: no-repeat;
    width: 142px;
    height: 28px;
    margin: 0px auto 20px auto;
}


section h1 {
    display: block;
    padding: 0px 0px 25px 0px;
    position: relative;
    z-index: 9;
    font-size: 25px;
}

.question-box {
    padding: 40px;
}

.question-number {
    color: #999;
}

.question-total {
    color: #D18985;
}

.question-box h1 {
    float: left;
    font-family: 'pf_handbook_promedium'!important;
    display: inline-block;
    color: #CB1F33!important;
    font-size: 28px;
    font-weight: bold;
    width: 70%;
}

.question-box .icon-calculator {
    float: right;
    width: 20%;
}

.position-box {
    padding-bottom: 20px;
}

.box-calculator-inner {
    background: #fff;
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 33px -11px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 0px 0px 0px 0px;
    margin-bottom: 20px;
}

.box-calculator-inner-report {
    background-color: #CB2035;
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 33px -11px rgba(0, 0, 0, 0.2);
    position: relative;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    color: #fff;
    font-family: "Lato-Regular";
    text-align: center;
}

.box-calculator-inner-report h2 {
    display: block;
    font-size: 22px;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #fff;
}

.actual-age-no {
    font-size: 64px;
    font-family: 'Anivers';
    display: block;
    padding-bottom: 10px;
}

.age-text {
    display: block;
    padding-top: 20px;
    font-size: 18px;
    font-family: 'Anivers';
}

.result-icon {
    background-image: url(../images/results_icon.png);
    background-position: right;
    background-repeat: no-repeat;
    width: 105px;
    height: 66px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.results-date {
    display: block;
    padding: 5px 15px 30px 25px;
    opacity: 0.5;
    text-align: left;
}

.report-actual-age {
    background-image: url(../images/results_left.png);
    background-repeat: no-repeat;
    background-position: left;
}

.report-activ-age {
    background-image: url(../images/results_right.png);
    background-repeat: no-repeat;
    background-position: right;
}

.v-line {
    border-right: 1px solid #fff;
}

.box-calculator-inner-report p {
    font-size: 18px;
    color: #fff;
    padding: 25px 15px 15px 15px;
}

.cut-top-report {
    background-image: url(../images/center_radial_red.png);
    background-repeat: no-repeat;
    background-position: center -25px;
}

.cut-top {
    background-image: url(../images/center_radial.png);
    background-repeat: no-repeat;
    background-position: center -25px;
    border: 1px solid #eeecee;
}

.cut-top-in img {
    display: block;
    position: absolute;
    top: -25px;
    left: 47%;
    z-index: 2;
}

.form-control {
    box-shadow: none;
}

.check-box-calculator {
    padding: 18px 30px!important;
}

.check-box-calculator .label {
    font-size: 18px;
    color: #999;
    font-weight: normal;
    padding: 0px;
}

.check-box-calculator label {
    margin-left: 10px;
    font-size: 18px;
    color: #333;
    font-weight: normal!important;
}

.has-error {
    box-shadow: none;
    border-bottom: 1px solid #CB2035!important;
}

.form-group:hover,
.form-group:focus,
.form-group:active {
    border-bottom: 1px solid #ccc;
}

.has-error .form-control {
    box-shadow: none!important;
}

.form-group {
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
    padding: 10px 0px;
}

.input-group-addon {
    background: transparent;
    border: none;
    border-radius: 0px;
    font-size: 18px;
    padding-right: 30px;
    color: #CEAA6C;
}

.has-error .input-group-addon {
    background: transparent;
}


form 
input[type='number'] {
    border: none;
    padding: 5px 5px;
    font-size: 18px;
    color: #333;
    background: transparent;
    border-radius: 0px;
}

.submit-box {
    padding: 30px;
}

.submit-box,
.submit-box:hover,
.submit-box:focus {
    border-bottom: none!important;
}

.col-md-6 .submit-box {
    padding: 30px;
    display:flex
}

@media (max-width: 959px) {
    .box-calculator-inner .col-md-6:last-child {
        border-top: 2px dashed #D18985;
        padding-top: 30px;
        background-image: url(../images/inset_shadow.png);
        background-repeat: repeat-x;
        background-position: top;
    }
    .right-cut {
        position: absolute;
        z-index: 999;
        bottom: -40px;
        right: -27px;
        height: 54px;
        width: 46px;
        background-image: url(../images/right_cut_s.png);
        background-repeat: no-repeat;
    }
    .left-cut {
        position: absolute;
        z-index: 999;
        bottom: -40px;
        left: -27px;
        height: 54px;
        width: 46px;
        background-image: url(../images/left_cut_s.png);
        background-repeat: no-repeat;
    }
}

@media (min-width: 960px) {
    .submit-box .btn {
        max-width: 40%;
        margin: 5px 20px
    }
    .selectors {
        padding: 40px 0px 0px 0px;
    }
    .selectors .form-group:last-child {
        border-bottom: none;
    }
    .box-calculator-inner .col-md-6:last-child {
        border-left: 2px dashed #D18985;
    }
    .question-box h1 {
        width: 75%;
        font-size: 28px;
    }
}

.btn-warning:focus,
.btn-warning:hover {
    background: #666!important;
}

.btn-warning {
    background: #FBA61C;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    padding: 15px 20px;
    width: 100%;
    height: auto!important;
    box-shadow: none;
    margin: 0px 10px;
}

.btn-primary:focus,
.btn-primary:hover {
    background: #666!important;
}

.btn-primary {
    background: #FAA71D;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    padding: 15px 20px;
    width: 100%;
    height: auto!important;
    box-shadow: none;
}

.btn-danger {
    background: #CB2035!important;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
    padding: 15px 20px;
    width: 100%;
    height: auto!important;
    box-shadow: none;
}

.form-calculator h1 {
    float: inherit!important;
    font-size: 20px;
    font-weight: bold;
}

input[type="radio"] {
    display: none;
}


/* Base for label styling */

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked):hover + label:before,
[type="radio"]:checked:hover + label:before,
[type="radio"]:not(:checked):hover + label:after,
[type="radio"]:checked:hover + label:after,
[type="radio"]:not(:checked):hover + label:after,
[type="radio"]:checked:hover + label:after {
    border-color: #D18985!important;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}


/* radio aspect */

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    width: 19px;
    height: 19px;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    padding-top: 3px;
    margin-top: 3px;
}


/* checked mark aspect */

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    font-family: 'fontello';
    content: "\e809";
    padding-top: 0px;
    position: absolute;
    font-weight: normal!important;
    left: 0px;
    border-radius: 100%;
    font-size: 13px;
    color: #fff;
    top: 0px;
    width: 19px;
    height: 19px;
    text-align: center;
    background: #e64c3c;
}


/* checked mark aspect changes */

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

[type="radio"]:checked + label:after {
    opacity: 1;
    border-color: #e64c3c!important;
    margin-top: 3px;
}


/* disabled radio */

[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="radio"]:disabled:checked + label:after {
    color: #999;
}

[type="radio"]:disabled + label {
    color: #aaa;
}

a:hover .cat_box {
    opacity: 0.9;
    text-decoration: none;
}

.cat_box {
    border-radius: 3px;
    border: 2px solid #333;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 15px;
}

.cat_name {
    font-size: 25px;
    display: block;
    margin-top: 25px;
    color: #333;
}

.cat_questions {
    display: inline-block;
    margin-bottom: 25px;
    opacity: 0.8;
    padding-top: 3px;
    color: #333;
}

.cat_icon {
    float: left;
    height: 90px;
    width: 90px;
    background-position: center center;
    border-right: 1px solid #333;
}

.clr {
    clear: both;
    float: none;
}

.category-container {
    padding: 0px 100px;
}
/* end of health tools css */

/* mobile responsive query */
@media screen and (max-width: 1024px){
    .site-header{
        padding: 0
    }
    .site-header .header-layout-wrapper{
        display: none
    }
    #menu-protecting{
        display:none
    }
    .headtext .head-logo-2 a{
        font-size: 28px;
        margin: 0
    }
    .mkdf-wrapper-inner2 .custom-menu-class{
        display: none
    }
    .mkdf-wrapper-inner2 .headtext2{
        left: 20px
    }
    .mkdf-wrapper-inner1 .custom-menu-class{
        display: none
    }
    .mkdf-wrapper-inner1 .container .row{
        margin: 0
    }
    .site-main .threeforty_home_block_2{
        display: flex;
        width: 100%;
        padding: 0
    }
    .site-main .threeforty_home_block_3{
        display: flex;
        width: 100%;
        padding: 0
    }
    .site-main .threeforty_home_block_4{
        display: flex;
        width: 100%;
        padding: 0
    }
    .desktop-header-main{
        display: none
    }
    .mobile-header-main{
        display: block
    }
    /*** health tools page ***/
    .extra-margin {
        margin: 40px 0;
    }
    /*** health tools page ***/

    /*** ht bmi css from wellspring theme ***/
    .mkdf-bmi-calculator-holder .mkdf-bmic-form-holder, .mkdf-bmi-calculator-holder .mkdf-bmic-table-holder {
        width: 100%;
        float: none
    }
    /*** end ht bmi css from wellspring theme ***/
    /*** health tools page ***/
    .extra-margin {
        margin: 40px 0 10px;
    }
    /*** health tools page ***/
}
/*** media query for resolution below 768 ***/
@media screen and (max-width: 767px){
    .masonry .entry-title{
        min-height: 0
    }
    .masonry .entry-content{
        min-height: 0
    }
    .headtext .head-logo-2{
        margin: 0 5px;
        text-align: left;
    }
}
.mkdf-bmi-calculator-holder input[type=text], .mkdf-bmi-calculator-holder select, .mkdf-bmi-calculator-holder textarea {
  width: 100%;
  padding: 17px 20px;
  outline: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  background-color: #f6f6f6;
  border: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color .2s ease-out;
  -moz-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out;
  resize: none;
  margin-bottom: 0;
  color: #969696
}
.mkdf-bmi-calculator-holder input[type=text]:focus, .mkdf-bmi-calculator-holder select:focus, .mkdf-bmi-calculator-holder textarea:focus {
  border-color: #4fbf70
}
.mkdf-bmi-calculator-holder .select2-container {
  width: 100%
}
.mkdf-bmi-calculator-holder .select2-container .select2-choice {
  line-height: 55px;
  height: 55px;
  font-size: 16px;
  color: #969696;
  background-color: #f6f6f6;
  border: 1px solid #f2f2f2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color .2s ease-out;
  -moz-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out
}
.mkdf-bmi-calculator-holder .select2-container.select2-container-active .select2-choice {
  border-color: #4fbf70
}
.mkdf-bmi-calculator-holder .mkdf-bmic-form-row {
  margin-left: -13.5px;
  margin-right: -13.5px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-form-row .mkdf-bmic-form-col {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 13.5px;
  padding-right: 13.5px;
  width: 50%;
  /*margin-top: 17px;*/
  margin-bottom: 10px;
}

.mkdf-bmic-form-holder #form1 .mkdf-bmic-form-col{
    text-align: center;
}
.mkdf-bmic-form-holder #form2 .mkdf-bmic-form-col{
    text-align: center;
}
.mkdf-bmic-form-holder #form3 .mkdf-bmic-form-col{
    text-align: center;
}

/*** end of ht bmi css from wellspring theme ***/

@media only screen and (max-width:600px) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-form-row .mkdf-bmic-form-col {
    width: 100%;
    float: none
  }
}
/*.mkdf-bmi-calculator-holder .mkdf-bmic-submit-row {
  margin-top: 30px
}*/
.mkdf-bmi-calculator-holder .mkdf-bmic-form-col-full {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 13.5px;
  padding-right: 13.5px;
  width: 100%;
  margin-bottom: 10px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  font-size: 16px;
  position: fixed;
    top: 0;
    z-index: 999999999;
    /*background: rgba(0,0,0,0.5);*/
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
display: none;
}

.mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col .show-div-content {
    display: block !important;
}

.mkdf-bmi-calculator-holder .mkdf-bmic-notifications {
  /*background-color: #f1faf4;
  padding: 35px 25px;*/
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
/* width: 70%; */
top: 35%;
  display: none;
  text-align: left
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-notification-highlight {
  font-family: "Josefin Sans", sans-serif;
  color: #303030;
  font-size: 20px;
  font-weight: 700;
  margin-right: 20px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-notification-text {
  /*padding-left: 61px*/
  padding-left: 0px;
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-icon-holder span {
  width: 50px;
  height: 60px;
  display: block;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  -o-background-size: 60px 60px;
  -webkit-background-size: 60px 60px;
  -moz-background-size: 60px 60px;
  background-size: 60px 60px
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-overweight {
  background: url(img/overweight.png) top no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150 / 100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-overweight {
    background: url(img/overweightx1.5.png) no-repeat
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200 / 100), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:210dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-overweight {
    background: url(img/overweightx2.png) no-repeat
  }
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-obese {
  background: url(img/obese.png) top no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150 / 100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-obese {
    background: url(img/obesex1.5.png) no-repeat
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200 / 100), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:210dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-obese {
    background: url(img/obesex2.png) no-repeat
  }
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-normal {
  background: url(img/normal.png) top no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150 / 100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-normal {
    background: url(img/normalx1.5.png) no-repeat
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200 / 100), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:210dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-normal {
    background: url(img/normalx2.png) no-repeat
  }
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-underweight {
  background: url(img/underweight.png) top no-repeat
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:150 / 100), only screen and (min-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-underweight {
    background: url(img/underweightx1.5.png) no-repeat
  }
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:200 / 100), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:210dpi) {
  .mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-underweight {
    background: url(img/underweightx2.png) no-repeat
  }
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications.mkdf-bmic-notification-error {
  background-color: #f1faf4;
  color: #808080
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications.mkdf-bmic-notification-error .mkdf-bmic-notification-text {
  padding-left: 0
}
.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-notification-close {
  /*position: absolute;*/
  right: 30px;
  width: 24px;
  height: 24px;
  font-size: 18px;
  color: inherit;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%)
}
/*.mkdf-bmi-calculator-holder .mkdf-bmic-notifications .mkdf-bmic-notification-close:after {
  content: '\4d';
  font-family: ElegantIcons
}*/



/*ABC Custom CSS*/

.abcBtn{
    background: #f7a501;
    padding: 11px 32px;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 14px;
    margin-top: 23px;
    margin-left: 15px;
    margin: 18px 0;
    padding: 11px 50px; 
}

.threeforty-home-featured.cols-3 .entry-title,.threeforty_home_block_1 .entry-title {
    min-height: auto !important;
    padding-bottom: 6px;
}

.threeforty_home_block_2 .entry-title, .threeforty_home_block_3 .entry-title, .threeforty_home_block_4 .entry-title{
    min-height: auto;
    margin-bottom: auto;
}
.threeforty_home_block_2 .flex-box, .threeforty_home_block_3 .flex-box, .threeforty_home_block_4 .flex-box{
    height: 8em;
   position: relative;
}
.threeforty_home_block_2 .flex-box .entry-header, .threeforty_home_block_3 .flex-box .entry-header, .threeforty_home_block_4 .flex-box .entry-header{
     margin: 0;
   position: absolute;              
   top: 50%;                         
   transform: translate(0, -50%);
}

.page .site-footer, .category .site-footer, .search-results .site-footer {
    width: 100%;
}

.has-sidebar .wrap .aside-sidebar {
    margin: 0 auto !important;
    max-width: 280px;
}

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

#abcFixedMenu{
    display: block;
}

.site-footer{
    padding-top:5px;
    padding-bottom:5px;
}

.footer-info>li {
    padding: 10px 0 0;
}

.goto-top{
    width: 50px;
    height: 50px;
}

.goto-top.visible {    
    bottom: 40px;
}

.question-box h1{
    float: inherit !important;    
    display: contents !important;
}

.progress-container {
  width: 100%;
  height: 8px;
  background: #c4c4c4;
  display: none;
}

.single-post .abc-sticky-menu .progress-container{
    display: block;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: #f7a51d;
  width: 0%;
}

.single-post article.single-post{
    overflow-y:auto !important;
}

aside ul.popular-posts li div.entry-header{
    padding-top: 0 !important;
}

article.next-article ul > li.category-list span, article.previous-article ul > li.category-list span{
    background: var(--theme-color-2) !important;
    color: var(--white);
    padding: 2px 6px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}

.mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col1 {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    z-index: 999;
    margin-top: 30px;
    margin-bottom: 10px;
    display: none;
}

.mkdf-bmi-calculator-holder .mkdf-bmic-notifications1 {
    padding: 0;
    position: relative;
    display: block;
    text-align: left;
}

/* Health Tools New Page CSS */
#htSection .htContent{
    margin-bottom: 40px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    -moz-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    padding: 5px 5%;
    min-height: 210px;
    transform: translate3d(0px,0px, 0);
    -webkit-transition: -webkit-box-shadow .3s ease,-webkit-transform .3s ease;
    -o-transition: box-shadow .3s ease,transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease;
    transition: box-shadow .3s ease,transform .3s ease,-webkit-box-shadow .3s ease,-webkit-transform .3s ease;
}

#htSection .htContent .htTitle{
    color:#2e2f33;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #f5eded;
    padding-bottom: 10px;
}

#htSection .htContent .htImgDiv{
    font-size: 15px !important;
    color:#737478;
    border-bottom: 1px solid #f5eded;
    padding-bottom: 30px;
    line-height: normal;    
}

#htSection .htContent .htImgDiv > Img{
    max-width:100px;
    float: left;
    padding-right: 5px;
}

#htSection .htContent .htBtnDiv{
    text-align: center;
}

#htSection .htContent .htBtnDiv > a{
    margin: 15px;
    background: #f7a501;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 14px;
    padding: 11px 50px;
    color:#f5f5f5;
    text-decoration: none;
}


#htSection .show-read-more .more-text{
    display: none;
}

#htSection .show-read-more .read-more{
    text-decoration: none;
    color:#000000;
}

#htSection .show-read-more .read-more:hover{
    color:#f67280;
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

#htSection *{
    font-family: 'Poppins';
}


/* BMI Cal CSS */
body,p,ul,li,h5,h4,label,div{
    font-family: 'Poppins';
    font-weight: 400;
    
}

.mb-20{
    margin-bottom: 20px;
}

.mb-30{
    margin-bottom: 30px;
}

.no-border,.no-border:hover{
    border:none;
}

#bpCalSection form input[type='number']{
    font-size: 13px;
}

.calContent ul,.calContent li{
    font-size: 16px;
}

.calLogic{
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    -moz-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    padding: 40px;
}

.calContent p, .calContent ul, .calContent ul li{
    font-size: 15px;
    line-height: 30px;
    margin: 0;
    color:#737478;
    text-align: justify;
}

.calContent ul{
    list-style-type: circle;
    padding: 15px 4%;
}
.calContent ul li{
    font-size: 15px;
}

.calLogic > p{
    font-size: 15px;
}

.calLogic form{
    max-width: 500px;
    margin: auto;
}

.calLogic form > div{
    padding-bottom: 30px;
}

.calLogic form input{
    border:1px solid #e2e2e2;
}

.calLogic form input[type='submit']{
    padding:6px 20px !important;
    margin: 0;
    font-size: 15px;
    background: #f7a501;
    color:#ffffff;
}

.calLogic form input[type='submit']:hover{
    background: rgba(255,171,0,0.87);
    color:#ffffff;
}

.calLogic form .input-group-addon{
    background: #e2e2e2;
    color:#000000;
    padding-right: 12px;
}

#bmiResultsDiv h3{
    font-size: 20px;
    font-weight: 600;
}

span.text-underline{
    border-bottom: 2.5px solid #da9089;
}

.calLogic #bmiResults{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-bottom: 10px;
}

article.next-article ul > li.category-list span, article.previous-article ul > li.category-list span{
    background: var(--theme-color-2) !important;
    color: var(--white);
    padding: 2px 6px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}

#bmiResultsDiv{
    padding-bottom: 0;
}


.boxShadow{
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    -moz-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    padding: 40px;
    margin-top: 20px;
}

#bmiResultsDiv{
    display: none;
}



#coronaSection *{
    font-family: Calibri;
}

#coronaSection td,#coronaSection table tr > td,#coronaSection table tr td:last-child,#coronaSection table tr th:last-child{
    border: none !important;
    padding: 0;
    margin: 0;
}

#coronaSection table{
    margin: 0 auto;
    max-width: 700px;
    border:none;
}

#coronaSection tr{
    border:none;
}



@media only screen and (min-width:1025px){
    .mkdf-wrapper-inner2 .container{
        /*margin-top:40px;*/
    }    
    .abc-sticky-menu {
        display: block;
        position: fixed;
        width: 100%;
        max-width: 1250px;
        z-index: 999;
        top: 0;
    }
    .abcUserLgdIn.abc-sticky-menu {
        margin-top: 32px;
    }
}


@media only screen and (max-width: 767px){
    #video-yt > iframe {
        height: 300px !important;
    }
    
    .threeforty-home-featured .post-thumbnail img, .threeforty_home_block_1 .post-thumbnail img{
        min-height: auto !important;
    }


    #coronaSection td,#coronaSection table tr > td,#coronaSection table tr td:last-child,#coronaSection table tr th:last-child{
        padding: 0;
    }
    #trMainBanner{
        padding: 0 !important;
    }
}




/* Blood Pressure Cal CSS */
#bpCalSection .calLogic{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
}

#bpCalSection #bpForm .input-group{
    margin-bottom: 30px;
}

#bpCalSection #bpForm > div > div{
    padding-left: 0;
}

#bpCalSection .calLogic .row{
    padding-bottom: 0
}

.calLogic ul{
    margin: 10px 0 10px 4%;
    font-size: 15px;
    list-style-type: circle;
    font-weight: 400;
    line-height: normal;
    color:#737478;
}

.text-green{
    color:green;
}

.text-amber{
    color:#FFBF00;
}

#bpCalSection .input-group-addon{
    font-size: 15px;
}

#msgError{
    display: none;
    font-size: 1.15rem;
    margin: 18px 0;
    font-weight: 600;
    color: #000;
}

.msgRes{
    display: none;
    font-size: 20px;
    font-weight: 600;
}

.input-group-addon{
    font-size: 13px;
}


#bmrForm .pb-0{
    padding-bottom: 0 !important;
}

#bmrForm .form-group{
    padding: 0;
}

#bmrForm .form-control{
    height:40px;
}

.mkdf-bmi-calculator-holder .mkdf-bmic-notifications-col1 {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    z-index: 999;
    margin-top: 30px;
    margin-bottom: 10px;
    display: none;
}

.mkdf-bmi-calculator-holder .mkdf-bmic-notifications1 {
    padding: 0;
    position: relative;
    display: block;
    text-align: left;
}

#cholesterolForm label{
    padding-bottom: 12px;
}





/* Healht From Home Page CSS */
.page-template-page-health-from-home .site-header{
    margin-bottom: 0;
}

#hfhSection{
    padding-top: 0;
}

.page-template-page-health-from-home .site-header #abcFixedMenu{
    max-height: 40px;
}


#hfh-banner-slider .carousel-indicators li{
    /*border:1px solid red;*/
    width: 30px;
    height: 6px;
    margin: 0;
    background: #e4e4e4;
    border: none;
}

#hfh-banner-slider .carousel-indicators .active{
    border:1px solid grey;
    border:none;
    background: #c7222a;
}

#hfh-banner-slider .carousel-indicators li:before{
    display: none;
}

#hfh-banner-slider .carousel-caption{
    left:5%;
    right:2%;
    top:20px;
}

#hfh-banner-slider .carousel-inner{
    /*background-image: linear-gradient(270deg,#f9f7f3 68%,#f8f5ee 0);*/
    background: #f7f7f7;
}

#hfh-banner-slider .carousel-caption div.contentDiv{
    text-align: left;
}

#hfh-banner-slider .carousel-caption div.contentDiv .cont-title{
    font-weight: 400 !important;
    font-size: 24px;
    letter-spacing: 1.5px;
}

#hfh-banner-slider .carousel-caption div.contentDiv .cont-desc{
    font-weight: 400 !important;
    color: var(--dark-grey);
    font-family: 'Poppins';
    padding-bottom: 40px;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 1.5px;
}

#hfh-banner-slider .carousel-caption div.contentDiv .cont-cta a{
    text-decoration: none;
    background-color: #c41c2b !important;
    color:#ffffff !important;
    padding: 10px 25px;
    font-size: 13px;
    letter-spacing: 1.5px;
}


/* Section Cat Tab Css */
#hfhCatSection .CatContentDiv .nav{
    max-width: 802px;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius:100px;
}

#hfhCatSection .CatContentDiv .nav>li{
    min-width: 200px;
    text-align: center;
}

#hfhCatSection .CatContentDiv .nav>li > a{
    text-decoration: none;
    margin-right: 0px;
    border-radius:100px;
    border-color:transparent;
    outline: 0px;
    transition: none;
}

#hfhCatSection .CatContentDiv .nav-tabs>li>a:hover{
    color: #000000;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius:100px;
    border:none;
}

#hfhCatSection .CatContentDiv .nav-tabs>li.active>a,#hfhCatSection .CatContentDiv .nav-tabs>li.active>a:focus, #hfhCatSection .CatContentDiv .nav-tabs>li.active>a:hover {
    color: #c7222a;
    cursor: default;
    background-color: #fff;
    border: 2px solid #c7222a;
    border-radius:100px;
}

#hfhCatSection .CatContentDiv .nav-tabs>li.active>a:focus{
    outline: none;
}


#hfhCatSection .hfhContentDiv{
    padding: 20px 0;
}

#hfhCatSection .hfhContentDiv .w3-card-4{
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

#hfhCatSection .hfhContentDiv .w3-card-4:hover{
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    border-radius: 15px;
}

#hfhCatSection .hfhContentDiv .w3-card-4 img{
    border-radius: 8px;
    transition: transform .5s ease-in-out;
}

#hfhCatSection .hfhContentDiv .w3-card-4:hover img{    
    opacity: 0.3;
    transform: scale(1.5) rotate(10deg);
}

#hfhCatSection .hfhContentDiv .w3-card-4 .w3-container{
    position: absolute;
    bottom:0;
    width: 98%;
    margin:1%; 
    padding: 2px 4%;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.34);
}

#hfhCatSection .hfhContentDiv .w3-card-4:hover .w3-container{ 
    transition: .8s fade-in;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    background: rgba(0, 0, 0, 0);
    max-height: 50px;
}



#hfhCatSection .hfhContentDiv .w3-card-4 .w3-container p{
    color:#ffffff;
    margin-bottom: 0;
    padding: 2% 0;

    white-space: nowrap; 
  max-width: 250px; 
  overflow: hidden;
  text-overflow: "----"; 
}

#hfhCatSection .hfhContentDiv .w3-card-4:hover p{
    font-size: 18px;
    text-align: left;
}


#hfhCatSection .hfhContentDiv .w3-card-4 .w3-container p .glyphicon{
    margin-right: 5px;
    top: 5px;
    font-size: 25px;
}

#hfhCatSection .showMoreRow .showMoreBtn{
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #c7222a;
    text-decoration: none;
}

#hfhCatSection .showMoreRow .showMoreBtn img{
    width: 8px !important;
    margin-left: 5px;
}

#hfhCatSection .showMoreRow .showMoreBtn:hover{
    opacity: 0.7;
}


#YTModalDiv .leftIconGlyph,#YTModalDiv .rightIconGlyph{
    color:#c7222a;
    border:2px solid #c7222a;
    padding: 5px 5px 6px;
    border-radius:100px;
    top: 45%;
    transform: translateY(-50%);
}

#YTModalDiv .videoTitle{
    margin-top: 10px;
    background: #ffffff;
    border-radius: 6px;
}

#YTModalDiv .videoTitle p{
    padding: 5px 0;
    color:#000000;
    font-size: 18px;
    margin-bottom: 0;
}


#YTModalDiv .modal-header,#hfhSubModalDiv .modal-header{
    padding: 1px !important;
    display: inline !important;
}

/*#YTModalDiv .modal-header .close, #hfhSubModalDiv .modal-header .close,.modal-header .close:focus{
    position: absolute;
    right: -15px;
    top: -15px;
    color: #c7222a;
    opacity: 1;
    font-size: 50px;
    background: #ffffff;
    width: 40px;
    height: 40px;
    line-height: 0;
    outline: none;
    border-radius: 100px;
}*/

/*#YTModalDiv .modal-body{
    padding: 0px 8% 15px !important;
}*/

#YTModalDiv .close, #hfhSubModalDiv .close,#hfhSubModalDiv .close:focus,#YTModalDiv .close:focus{
    position: absolute;
    right: -15px;
    top: -15px;
    color: #c7222a;
    opacity: 1;
    font-size: 24px;
    background: #ffffff;
    width: 30px;
    height: 30px;
    line-height: 0;
    outline: none;
    border-radius: 100px;
}

#hfhSubModalDiv .modal-body {
    padding: 15px 5% 10px !important;
}

#YTModalDiv .modal-body{
    padding: 15px 2% 10px !important;
}

#YTModalDiv .carousel-control.left{
    left:-65px;
    background: transparent !important;
    width:10% !important;
} 

#YTModalDiv .carousel-control.right{
    right:-65px;
    background: transparent !important;
    width:10% !important;
} 

#YTModalDiv .modal-dialog{
    top: 15%;
} 

@media only screen and (min-width:768px){
    #hfh-banner-slider img{
        max-height: 350px;
        width: auto;
        float: right;
    }

    #YTModalDiv .modal-dialog{
        width:800px !important;
        top: 5%;
    }    

    

    /*#YTModalDiv .carousel-control .glyphicon-chevron-left, #YTModalDiv .carousel-control .icon-prev{
        margin-left: -90px !important;
    }

    #YTModalDiv .carousel-control .glyphicon-chevron-right, #YTModalDiv .carousel-control .icon-next{
        margin-right: -90px !important;
    }*/
    div.custom-menu-class li a {
        padding: 10px 15px !important;
    }
}


@media only screen and (max-width:1024px){
    #hfhSection > .container > .row > .col-xs-12{
        padding: 0;
    }

    #hfh-banner-slider .carousel-caption {
        top: 5%;
    }

    #hfhCatSection .CatContentDiv .nav{
        max-width: 602px;
    }

    #hfhCatSection .CatContentDiv .nav>li{
        min-width: 150px;
    }
}

@media only screen and (max-width:767px){
     #hfh-banner-slider .carousel-caption {
        top: 0%;
    }

    #hfh-banner-slider .carousel-indicators {
        bottom: 0px;
    }
    .page-template-page-health-from-home .site-header #abcFixedMenu {
        max-height: 38px;
    }

    #hfh-banner-slider .carousel-caption div.contentDiv .cont-title {
        font-size: 18px;
        letter-spacing: 1.5px;
    }

    #hfh-banner-slider .carousel-caption div.contentDiv .cont-desc {
        padding-bottom: 30px;
        font-size: 13px;
        line-height: 1.6;
        letter-spacing: normal;
    }

    #hfh-banner-slider img{
        min-height: 250px;
    }
}



@media only screen and (max-width:600px){
    #hfhCatSection .CatContentDiv .nav-tabs>li.active>a, #hfhCatSection .CatContentDiv .nav-tabs>li.active>a:focus, #hfhCatSection .CatContentDiv .nav-tabs>li.active>a:hover{
            border: 1px solid #c7222a;
    }

    #hfhCatSection .CatContentDiv .nav {
        max-width: 100%;
        border:none;
    }

    #hfhCatSection .CatContentDiv .nav>li > a{
        padding: 8px;
    }

    #YTModalDiv iframe {
        height: auto !important;
    }

    #YTModalDiv .videoTitle p {
        font-size: 15px;
    }
}



/* HFH Extra CSS */
#hfh-banner-slider > .carousel-indicators{
    bottom: 4px;
}

.hfhLiveBanner{
    margin-bottom: 30px;
}

.page-template-page-health-from-home footer #spinner-image{
    float: none;
    margin-left: 5px;
}

.page-template-page-health-from-home footer #spinner-image img{
    width: 32px !important;
    height: 32px !important;
    min-height: auto !important;
}

.footerHfhSubscription form#abhi_es_form{
    text-align: center !important;
}
 
.footerHfhSubscription #abhi_es_form_submit{
    display: inline-block !important;
}

.footerHfhSubscription #formMessage{
  text-align:center !important;
}

@media only screen and (max-width:1024px){
  #abcFixedMenu{
    display: contents !important;
  }
}

@media only screen and (max-width:767px){
  .hfhBannerArea {
    margin-top: 20px !important;
  }
  
  .footerHfhSubscription h5{
    font-size:15px;
  }
}


/* Protecting Menu CSS */
#menu-protecting .sub-menu{
    min-width: auto !important;
    background-color: transparent !important;
}

#menu-protecting, #menu-protecting ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
 }

#menu-protecting a,#menu-protecting a:link, #menu-protecting a:active, #menu-protecting a:visited{
    display:block;
    padding:0px 5px;
    border:none;
    color:#fff;
    text-decoration:none;
    background-color:#da9089;
 }

#menu-protecting a:hover{
    background-color:#fff;
    color:#333;
}

#menu-protecting li{
    float:left;
    position:relative;
}

#menu-protecting ul {
    position:absolute;
    width:12em;
    top:3.1em;
    display:none;
}

#menu-protecting li ul a{
    width:12em;
    float:left;
    text-align: left;
}

#menu-protecting ul ul{
    top:auto;
    }

#menu-protecting li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#menu-protecting li:hover ul ul, #menu-protecting li:hover ul ul ul, #menu-protecting li:hover ul ul ul ul{
    display:none;
    }

#menu-protecting li:hover ul, #menu-protecting li li:hover ul, #menu-protecting li li li:hover ul, #menu-protecting li li li li:hover ul{
    display:block;
    }






/* ABC Subscription Box CSS */
#hfhSubModalDiv .btn-warning{
    margin: auto;
}

#hfhSubModalDiv .form-group, #hfhSubModalDiv .form-group:hover, #hfhSubModalDiv .form-group:focus, #hfhSubModalDiv .form-group:active{
    border:none !important;
}

#hfhSubModalDiv .modal-dialog{
   margin-top:60px;

}


#hfhSubModalDiv .modal-body{
    padding-bottom: 0px;
}


.show-mobile{
    display: none !important;
}

@media only screen and (max-width:767px){
    .hide-mobile{
        display: none !important;
    }

    .show-mobile{
        display: block !important;
    }
}





/* Single Post CSS */
.single .entry-content div.abhi-es-form{
    border-radius: 10px;
     margin: 20px 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    -moz-box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    box-shadow: 4px 4px 8px 3px rgba(212,200,212,1);
    padding: 20px 2%;
    max-width: 600px;
}

.single .entry-content div.abhi-es-form > div{
     margin: 0px !important;
   
}

.single .entry-content #abhi_es_form > .form-group{
    border:none;
}


.single .entry-content #hfhSubModalLink img{
    margin-bottom: 40px;
}



/*Health Tools CSS */
#healthToolsAccordian .panel-body > div > div {
    text-align: center;
    margin-top: 20px;
}

#healthToolsAccordian .panel-body > div > div > div{
    text-align: left;
    display: inline-block;
    margin: auto;
    float: none;
    max-width: 350px;
}

#healthToolsAccordian .panel-title > a{
    text-decoration: none;
    font-size:18px;
    letter-spacing: 0.2px;
}


#healthToolsAccordian .glyphicon{
    float: right;
}


#healthToolsAccordian .panel-title,#healthToolsAccordian .panel-title > a{
    text-transform: none;
    letter-spacing: 1px;
}


#healthToolsAccordian .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings'; 
    /*content: "\e114";   */
    content: "\e113";   
    float: right;  
    color:var(--link-hover-color);
}
#healthToolsAccordian .panel-heading .accordion-toggle.collapsed:after {
    /*content: "\e080";  */
    content: "\e114";  
    color:var(--link-hover-color);
}


/* Form Loader CSS */
#abcFormLoader{
    display: inline;
    float: left;
    padding-left: 15px;
 }

#abcFormLoader img{
    max-width: 32px;
    height: auto;
}


/* HFH Live Page CSS */

#hfhLiveSection .hfh-main-area{
    margin-bottom: 30px;
}

#hfhLiveSection .hfh-sidebar > section{
    padding-top: 0;
    padding-bottom: 30px;
}

#hfhLiveSection {
    padding-top: 0;
}

#hfhLiveSection .main-title{
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}

#hfhLiveSection .main-subtitle{
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.page-template-page-hfh-live .site-header{
    margin-bottom: 0;
}

.hfhBannerArea{
    margin-top: 50px;
}

.hfhBannerArea .hfh-main-area{
    padding: 0;
}

.hfhBannerArea .hfh-sidebar{
    padding-left: 2%;
}

 .footerHfhSubscription #abhi_es_form{
    padding: 0px 4%;
    max-width: 400px;
    margin: auto;
}

 .footerHfhSubscription #abhi_es_form label{
    display: none;
}

 .footerHfhSubscription form#abhi_es_form .form-group{
    border-bottom:none !important;
}

.footerHfhSubscription #abhi_es_form_submit{
    margin: 20px auto;
    display: block;
}

 .footerHfhSubscription h5{
    line-height: 1.6;
    text-transform: Capitalize;
    margin-bottom: 0 !important;
}

 .footerHfhSubscription h5 span{
    font-weight: 500;
}



#hfhLiveSection{
    padding-bottom: 0;
}

.page-template-page-hfh-live .site-footer{
    padding-top: 0;
}

#hfhLiveSection .hfh-main-area{
    margin-bottom: 0;
    padding: 5px 20px;
}

.footer-info > li{
    padding: 10px;
}

@media only screen and (max-width:1024px){
     #abcFixedMenu{
        display: contents !important;
      }
      
    #hfhLiveSection .no-padding{
        padding: 0 !important;
    }

    
    #hfhLiveSection .hfh-main-area{
        padding: 5px 20px;
    }
}

@media only screen and (max-width:600px){
    #hfhLiveSection #video-yt iframe{
        height: 275px;
    }
}


#abhi_es_form .abhi-consent{
    padding-bottom: 0;
}

#abhi_es_form .abhi-consent > p{
    font-size:13px;
}

.footerHfhSubscription #abhi_es_form .abhi-consent{
    text-align: center;
}

#abcFormLoader{
    display: inline;
    float: left;
    padding-left: 15px;
 }

#abcFormLoader img{
    max-width: 32px;
    height: auto;
}

.FormSubmitDiv{
    display: block !important;
    margin-bottom: 30px;
}

.FormSubmitDiv input{
    max-width: 160px;
    border-radius: 5px !important;
}

.calLogic form > div#msgError{
    padding-bottom: 0px !important;
}


/* Common CSS */
.hide-desktop{
    display: none;
}

.hide-mobile{
    display: block;
}


/* Home slider css */
.home_slider .carousel-control{
    width: 2% !important;
    background: none !important;
    
}
@media only screen and (max-width: 1365px){
    .mkdf-wrapper-inner1 .container {
        padding: 8px 0;
    }

    .home_slider .carousel-control{
        width: 4% !important;
        
    }
}
@media only screen and (max-width: 767px){
     .home_slider .carousel-control{
        width: 8% !important;
    }

    .hide-desktop{
        display: block;
    }

    .hide-mobile{
        display: none;
    }
}


/* Home section 2 below banner css */
.home-section-content{
    padding-top: 0;
    padding-bottom: 40px;
}

.home-section-content p:first-of-type{
    margin-bottom: 40px;
}

.home-section-content p a,.home-section-content p a:hover{
    color:#ffffff;
    text-decoration: none;
}


/* Home Footer CSS */
.home #abcFooterForm{
    padding-top: 50px;
}

.home .site-header{
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 767px){
    #abcFooterForm h3.widget-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    #abcFooterForm .textwidget > p{
        font-size: 13px;
    }
}


/* Header Subscribe Button and logo CSS */
.menuSubBtn{
    padding: 10px 3%;
}

.menuSubBtn > div{
    margin: 0;
    float: right;
 }

.abcBtnHeader,.abcBtnHeader:hover{
    text-decoration: none !important;
    color:#ffffff !important;
    padding: 8px 16px; 
    border-radius:2px;
    margin: 0 !important;

    font-size: 13px !important;
    font-weight: 400;
    letter-spacing: 1px;
}

@media only screen and (max-width: 767px){
    .headtext .head-logo-2{
        padding: 6px 0;
    }

    .headtext .head-logo-2 a{
        font-size: 20px !important;
    }
}


@media only screen and (max-width: 600px){
    .headtext .head-logo-2 a{
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 320px){
    .headtext .head-logo-2 a {
        font-size: 15px !important;
    }

    .abcBtnHeader, .abcBtnHeader:hover {
        padding: 4px 12px;
    }

    .slide-menu .custom-logo-link{
        font-size: 28px;
    }
}


.wp-admin .notice.notice-warning img[src*='.svg']{
    max-width:100px;
}



/*Ribbon Badge css for HFH */

.abc-ribbon {
  position: relative;
  float: left;
  margin-bottom: 30px;
    text-transform: uppercase;
  color: white;
}

.abc-ribbon .abc-ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 10px;
}
.abc-ribbon .abc-ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 10px solid #F8463F;
}
.abc-ribbon .abc-ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #F8463F;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.abc-ribbon .abc-ribbon1 span:before, .abc-ribbon .abc-ribbon1 span:after {
  position: absolute;
  content: "";
}
.abc-ribbon .abc-ribbon1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #F8463F;
}
.abc-ribbon .abc-ribbon1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #C02031;
}





/*#covid19PostSec *{
font-family: 'pf_handbook_proregular';
}*/

#covidSec .covidForm {
  
  margin: 0px auto;
  padding: 0 40px;
  width: 70%;
  min-width: 300px;
  max-width: 700px;
  
}

/* Style the input fields */
#covidSec input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
#covidSec input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
#covidSec .tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
#covidSec .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
#covidSec .step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
#covidSec .step.finish {
  background-color: #4CAF50;
}
#covidSec form.covidForm h3{
    padding-bottom: 30px;
    text-align: center;
}

#covidSec form.covidForm .container{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    float: left;
    width:50%;
    margin-bottom: 40px;
}

/* Hide the browser's default checkbox */
#covidSec form.covidForm .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
#covidSec form.covidForm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
#covidSec form.covidForm .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#covidSec form.covidForm .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
#covidSec form.covidForm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
#covidSec form.covidForm .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
#covidSec form.covidForm .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#covidSec .question-box {
    padding: 30px 0 15px;
}

#covidSec .question-box img{
    max-width: 90px;
}

#covidSec h1{
    color: #CB1F33 !important;
}

#resultDivCovid .container{
    width: 100% !important;
}

#resultDivCovid .container .row h3{
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
    color:#737478;
}

#resultDivCovid .container .row p{
    font-size:18px;
    text-align:center;
    padding-bottom: 10px !important;
}

.covidForm .qtitle{
    font-size: 1.5em;
}

#covidSec form.covidForm .container:hover input ~ .checkmark{
    opacity: 1;
    border:1px solid #e64c3c;
    background-color: #efefef !important;
}

#covidSec form.covidForm .container input:checked ~ .checkmark{
    background-color: #e64c3c !important;
}

#covidSec form.covidForm .checkmark{
    border-radius: 100px;
    background-color: #ffffff !important;
    border:1px solid #e64c3c;
}

@media only screen and (max-width:992px){
  #covidSec form.covidForm .container{
    font-size:18px;
    width:100%;
  }
}

form.CovidResultSec{
    width:100% !important;
    padding: 30px 2% !important;
    /*border: 1px solid rgba(203,32,52,0.22) !important;*/
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    max-width: 1000px !important;
}

form.covidForm .abcBtn{
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #fff;
    background-color: #f7a501;
    border-color: #f7a501;
    padding: 15px 25px;
    margin: auto 5px;
    min-width: 130px;
}

form.covidForm .abcBtn:hover{
    background-color: #f7a501 !important;
}

form.CovidResultSec #resultDivCovid > .container{
    padding: 20px 2% !important;
}

form.CovidResultSec #resultDivCovid h3,form.CovidResultSec #resultDivCovid p{
    text-align: left !important;
}

#resCol h2,#resCol2 h2{
  font-size: 1.5em !important;
}

#resCol2 h2 > span{
    border-bottom: 2.5px solid #da9089;
}

form.CovidResultSec #resultDivCovid #resCol2 h3{
    font-size: 20px !important;
    letter-spacing: 1px !important;
    color:#000000 !important;
    text-align: center !important;
    max-width: 400px !important;
    margin: 10px auto !important;
    font-weight: 500;
}

#HRiskCovid a{
    color: #f67280;
    /*text-decoration: none;*/
}

#HRiskCovid a:hover{
    color: #f35162;
}

#FinalResultCovid div.covidLinkP{
    text-align: center !important;   
    margin-top: 0;
    padding-top: 0 !important;
    color:#000000 !important;
}

#FinalResultCovid div.covidLinkP a{
    color: #cf0016;
}

#FinalResultCovid div.covidLinkP a:hover{
    color: #f67280;
}

@media only screen and (min-width:767px){
    .hideDesktop{
        display: none;
    }
}

@media only screen and (max-width:767px){
    .hideMobile{
        display: none;
    }
}

form.CovidResultSec #resultDivCovid #resCol2 h3 span{
    color:#CB1F33 !important;
}

form.CovidResultSec #FinalResultCovid > div{
    text-align: center !important;
    padding-top: 30px !important;
}

form.CovidResultSec #FinalResultCovid img{
    width:120px !important;
}

#covTitleDiv h1{
    margin-bottom: 10px !important;    
}

#covTitleDiv p{
    text-align: center;
}

.covidForm *,#covTitleDiv *,.covidForm .question-box h1{
    font-family: Poppins, Arial, Helvetica, sans-serif !important;
}

#covid19PostSec img{
    width:auto !important;
}

@media only screen and (min-width:992px){
    form.CovidResultSec #resultDivCovid #resCol{
        border-right: 2px dashed #d18985 !important;
    }
}

@media only screen and (max-width:640px){
  #covidSec .question-box .icon-calculator {
    float: none;
    width: 100%;
    text-align: center;
  }
  
  #covidSec .question-box h1 {
    width: 100% !important;
    font-size: 24px !important;
    text-align:center;
  }
  
  #covidSec .covidForm {
    padding: 40px 20px;
    width: 100%;
  }

  #covTitleDiv h1 {
    font-size: 1.8em;
  }
}



.page-template-page-covid19ext .headtext .desktop-header-main {
    padding: 0 !important;
}

.page-template-page-covid19ext header.masthead{
    max-width: 1250px;
    margin: auto;
}

.page-template-page-covid19ext .site-header{
    margin-bottom: 0 !important;
}

.page-template-page-covid19ext > section{
    padding-top: 0 !important;
}

#covid19PostSec ul{
    margin: auto !important;
}

#covid19PostSec #symptoms h2{
    /*font-family: 'pf_handbook_promedium';*/
    font-size: 44px;
    color: #000;
    text-align: center;
    padding: 20px 0;
    font-weight: normal;
    max-width: 1200px;
    margin: auto;
}

#covid19PostSec .subheading {
    background: #ebcfce;
    padding: 15px 25px;
    font-size: 45px;
    color: #ae574e;
    text-align: left;
    margin: 0 0 0px 0;
    /*font-family: 'pf_handbook_problack';*/
    display: block;
    line-height: 45px;
    position: relative;
    padding: 15px 25px 15px 70px;
    right: 0;
}

#covid19PostSec .gkddoubt h2 {
    background: #e9e9e9;
    padding: 15px 25px;
    font-size: 28px;
    color: #000;
    text-align: left;
    margin: 0 0 20px 0;
    /*font-family: 'pf_handbook_problack';*/
    text-transform: uppercase;
    display: block;
    line-height: 45px;
    position: relative;
    padding: 15px 25px 15px 70px;
    right: 0;
}

#covid19PostSec a {
    text-decoration: none;
    outline: none;
    color: #c7222a;
}

#covid19PostSec a:hover {
    color: #0056b3;
}

/*.page-template-page-covid19ext .mkdf-wrapper-inner2 .headtext2{
    max-width: 200px !important;
}*/

#covid19PostSec .precautions .subheading {
    background: #c7222a;
    color: #fff;
}

#covid19PostSec .howtoreach .subheading {
    background: #f7a500;
    color: #000;
    margin-bottom: 50px;
}

#covid19PostSec .doubts2 .subheading {
    background: #5c5c5c;
    color: #fff;
}

#covid19PostSec .query .subheading {
    background: #c7222a;
    color: #fff;
    margin-bottom: 50px;
}

#covid19PostSec .query .container h2 span {
    color: #c7222a;
}

#covid19PostSec .query .container h2 {
    text-align: left;
    font-size: 60px;
    font-weight: 700;
    margin: 0;
    color:#000000;
}

#covid19PostSec .query hr {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

#covid19PostSec .query h3 {
    text-align: left;
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 640px){
    .page-template-page-covid19ext .headtext .head-logo-2 a {
        font-size: 23px !important;
    }
  
    #covidSec .wpb_raw_code.wpb_content_element.wpb_raw_html {
      margin: 0px 5%;
    }
    #covTitleDiv p{
      font-size:15px;
    }
    .covidForm .qtitle {
      font-size: 18px;
      line-height: 1.5;
    }
    #covidSec form.covidForm .container {
      font-size: 16px;
    }
    form.covidForm .abcBtn {
      font-size: 13px !important;
      min-width: 110px;
    }
    #covidSec form.covidForm .container {
      margin-bottom: 25px;
    }
    #covidSec form.covidForm .checkmark {
      top: 3px;
      left: 0px;
      height: 20px;
      width: 20px;
    }
    #covidSec form.covidForm .container .checkmark:after {
      left: 6px;
      top: 3px;
      width: 5px;
      height: 10px;
    }
    #covidSec .covidForm {
      padding: 10px 20px 40px;
    }
    #resultDivCovid .container .row h3 {
      font-size: 15px;
    }
    #resultDivCovid .container .row p {
      font-size: 15px;
    }
    #FinalResultCovid div.covidLinkP {
      font-size: 14px;
    }
    form.CovidResultSec {
      padding: 10px 5% 40px!important;
    }
}





/* Homepage Article Slider on Mobile CSS */
.multi-item-carousel {
  overflow: hidden;
}

.multi-item-carousel .carousel-control-prev,
.multi-item-carousel .carousel-control-next {
  /*background: rgba(255, 255, 255, 0.5);*/
  width: 13%;
  height: 75%;
}

.multi-item-carousel .carousel-inner {
  width: 310%;
  /*left: -80%;*/
  left: -50%;
}

.multi-item-carousel .carousel-inner .carousel-item-right.active,
.multi-item-carousel .carousel-inner .carousel-item-next {
  transform: translateX(75%);
}

.multi-item-carousel .carousel-inner .carousel-item-left.active,
.multi-item-carousel .carousel-inner .carousel-item-prev {
  transform: translateX(-75%)
}

.multi-item-carousel .carousel-inner .carousel-item-right,
.multi-item-carousel .carousel-inner .carousel-item-left {
  transform: translateX(0);
}

.multi-item-carousel .item__third {
    /*float: left;
    width: 28%;
    background-size: cover !important;
    height: 300px;
    position: relative;*/
    float: left;
    width: 20%;
    background-size: cover !important;
    height: 235px;
    position: relative;
    margin: 0 10px;    
}


.multi-item-carousel .slider_article_content{
    color:#ffffff;
    position: absolute;
    bottom:0;
    width: 100%;
    background: rgba(3,3,3,0.5);
    padding: 4px 10px;
}

.multi-item-carousel .slider_article_content .slider_article_title{
    margin: 0;
    color:inherit;
    font-family: 'pf-medium';
    font-size: 18px;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
}

.multi-item-carousel .slider_article_content .slider_article_desc{
    margin-bottom: 0;
    font-family: 'pf-regular';
    font-size: 15px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: normal;
}


@media only screen and (min-width: 600px) {
    .multi-item-carousel .item__third{
        height:400px;
    }
}



.home #carousel-1 ol.carousel-indicators li:before, .home #popular_articles_home ol.carousel-indicators li:before{
    display: none;
}

.home #carousel-1  .carousel-inner, .home #popular_articles_home  .carousel-inner {
   margin-bottom:60px;
}

.home #carousel-1 ol.carousel-indicators li, .home #popular_articles_home ol.carousel-indicators li{
    border-color:#c7222a
}

.home #carousel-1  ol.carousel-indicators .active, .home #popular_articles_home  ol.carousel-indicators .active{
    background-color:#c7222a;
}

.home #carousel-1 .carousel-inner, .home #popular_articles_home .carousel-inner {
    margin-bottom: 80px;
}





/* New Calculators Design CSS STARTS HERE */

/* Common CSS */

.pd-0{
    padding: 0;
}


#cal-dropdown-list .panel-body .ul-list .list-title, #cal-dropdown-list .panel-body .ol-list .list-title{
    margin: 0;
    font-family: 'pf-regular';
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222222;
}


#cal-dropdown-list .panel-body h2{
    margin-bottom: 0;
    font-family: 'pf-regular';
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222222;
}

#cal-dropdown-list .panel-body a{
    color:#c7222a;
}

.new-cal-template{
    padding: 15px 0;
}

.new-cal-template .calContent{
    padding: 10px 2% 10px 0;
}

.new-cal-template .calContent .page-title{
    font-family: 'pf-medium';
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.22px;
    text-align: left;
    color: #000000;
    padding-bottom: 10px;
}

.new-cal-template .calContent p, .new-cal-template .calContent div, .new-cal-template .calContent span{
    font-family: 'pf-light';
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: 0.18px;
    text-align: left;
    color: #4c4c4c;
}

#cal-dropdown-list .panel, #cal-dropdown-list .panel-body{
    border: none;
}

#cal-dropdown-list .panel:last-child, #cal-dropdown-list .panel-body:last-child{
    border-bottom: none;
}

#cal-dropdown-list .panel-heading{
    background: none;
    border: none;
}


.cal-dropdown-section .cal-dropdown-title{
    font-family: 'pf-regular';
    font-size: 24px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: 0.27px;
}

#cal-dropdown-list .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: var(--link-hover-color);
}

#cal-dropdown-list .panel-heading .accordion-toggle.collapsed:after {
    content: "\e114";
}

#cal-dropdown-list .panel-title,#cal-dropdown-list .panel-title a{ 
    font-family: 'pf-regular';
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    text-decoration: none;
    overflow: auto;
    display: block;
}

#cal-dropdown-list .panel-title a{
    padding-left: 10px;
    text-decoration: none;
}

#cal-dropdown-list .panel-heading .panel-title > a.collapsed:after{
    content:'' !important;
    background: url("./img/icon-arrow-down.png") no-repeat right;
    width: 15px;
    height: 8px;
    margin: 5px;
}

#cal-dropdown-list .panel-heading .panel-title > .accordion-toggle:after{
    content:'' !important;
    background: url("./img/icon-arrow-up.png") no-repeat right;
    width: 15px;
    height: 8px;
    margin: 5px;
}

#cal-dropdown-list .panel-body *{
    font-family: 'pf-light';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c;
}

#cal-dropdown-list .panel-body > div{
    padding: 0px 28px 10px;
    max-width: 1150px;
}


#cal-dropdown-list .panel-body p{
    margin-bottom: 0;
    padding-bottom: 15px;
}

#cal-dropdown-list .panel-body sup,#cal-dropdown-list .panel-body small{
    font-size: 13px;
}

#cal-dropdown-list .panel-body strong{
    font-weight: bold;
}

#cal-dropdown-list .panel-body .ul-list{
    margin: 0px 15px;
    list-style-type: disc;
}

#cal-dropdown-list .panel-body .ol-list{
    margin: 0px 15px;
    list-style: none;
}

#cal-dropdown-list .panel-body .ol-list li{
    counter-increment: step-counter;
}

#cal-dropdown-list .panel-body .ol-list li::before{
    font-size: 14px;
    margin-left: -25px;
    content: counter(step-counter)'.';
}

.source-row h2{
    margin-bottom: 0;
    font-family: 'pf-regular';
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222222;
}
.source-row *{
    font-family: 'pf-light';
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c;
}
.source-row a{
    color:#357bef;
    font-size: inherit;
    word-break: break-word;
}


.new-cal-template .boxDiv{
    padding: 45px 40px;
    border-radius: 12px;
    box-shadow: 1px 0 12px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px #e6e6e6;
    background-color: #f7f7f7;
}

.new-cal-template .boxDiv .cal-title{
    font-family: 'pf-medium';
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #000000;
    padding-bottom: 15px;
    margin: 0;
}

.new-cal-template .boxDiv .input-group{
    padding-bottom: 20px;
}

.new-cal-template .boxDiv > div{
    padding-left: 0;
}

.new-cal-template .boxDiv .abcBtn, .new-cal-template .boxDiv .FormSubmitDiv{
    margin: 15px 0;
    padding-bottom: 10px;
}

.new-cal-template .boxDiv .abcBtn, .new-cal-template .boxDiv .FormSubmitDiv input{
    max-width: auto;
}

.new-cal-template .boxDiv *{
    font-family: 'pf-regular';
    letter-spacing: 0.27px;
    text-align: left;
    font-size: 15px;
}

.new-cal-template .boxDiv form input[type='number']{
        border: 1px solid #ccc;
        width: 100%;
}

.new-cal-template .boxDiv .submitBtn{
     margin: 0;
    font-family: 'pf-medium';
    max-width: 100% !important;
    width: 100%;
    background-color:#c91429;
    color:#ffffff;
    font-size: 20px;
    font-weight: 500;
    line-height: 0.9;
    text-align: center;
    padding: 10px;
    text-transform: none;
}

.new-cal-template .boxDiv .input-group-addon{
    border: solid 1px #dbdbdb;
    background-color: #f7f7f7;
    font-weight: normal;
    text-align: right;
    color: #4c4c4c;
    font-size: 20px;
}

.new-cal-template .boxDiv .input-group .form-control{
   // padding:20px 12px;
    //  width: 85%;
}


.new-cal-template .boxDiv .cal-result-div ul{
    margin: 15px 4%;
}

.new-cal-template .boxDiv .cal-result-div ul li{
    list-style-type: disc;
    font-size:18px;
}

.new-cal-template .boxDiv .cal-result-div ul li a{
    font-size:18px;
    color:#c7222a;
}

ul.ul-list li:before{
    display: none !important;
}

body.page div.wpulike{
    display: none;
}

.cal-steps-div{
    display:inline-flex;
    float:right;
}


@media only screen and (min-width: 1024px) {
    .new-cal-template .calContent{
        padding: 50px 15% 10px 0;
    }

    /*.cal-dropdown-section > div > div > div{
        padding-left: 0;
        padding-right: 0;
    }*/

    .cal-steps-div{
        padding-right: 20px;
    }

}

@media only screen and (max-width: 1365px) {
    .cal-dropdown-section{
        padding: 10px 4%;
    }

    .left-cut, .right-cut{
        display: none;
    }

    #asthma-cal .box-calculator-inner > .row{
        margin:0;
    }

    #asthma-cal .box-calculator-inner > .row .question-box{
        padding:0 5%;
    }
}

@media only screen and (max-width: 767px) {
    .new-cal-template .calContent .page-title{
        font-size:24px;
    }

    .new-cal-template .calContent p, .new-cal-template .calContent div, .new-cal-template .calContent span{
        font-size:16px;
    }

    .new-cal-template .boxDiv{
        padding: 20px 5%;
    }

    .new-cal-template .boxDiv .cal-title{
        font-size: 20px;
        line-height: 1.3;
    }

    #cal-dropdown-list .panel-body *{
        font-size: 15px;
    }

    #cal-dropdown-list .panel-title, #cal-dropdown-list .panel-title a{
        font-size: 16px;
    }

    .cal-steps-div{
        display: block;
        float: none;
        margin: auto;
        text-align: center;
    }

}

@media only screen and (max-width: 320px) {
    .new-cal-template .calContent .page-title{
        font-size:20px;
    }
}





/* Cat Tab Slider Home Page */
.cat-tab-slider{
    padding: 12px 0px;
}

.cat-tab-slider > div > div.row > div{
    padding: 0;
} 

.cat-tab-slider ul.nav-tabs{
    margin:0;
    border: 1px solid #ddd;
    border-bottom: none;
    border-right:none;
    border-top-left-radius: 10px;
}

.cat-tab-slider .cat-tab-block{
    padding: 0;
}

.cat-tab-slider .cat-tab-content .panel{
    border-right: none;
    border-radius: unset;
    border-bottom-left-radius: 10px;
}

.cat-tab-menu .nav-tabs>li.active>a, .cat-tab-menu .nav-tabs>li>a, .cat-tab-menu .nav-tabs>li {
    font-size: 17px;
    text-decoration: none;
    border: none;
    padding-left: 0;
    padding-right: 4px;
    font-family: 'pf-medium';
    margin-right: 10px;
}

.cat-tab-menu .nav-tabs>li.active>a{
    border-bottom: solid 3px #c7222a;
}

.cat-tab-menu .nav-tabs>li:first-child {
    padding-left: 15px;
}

.cat-tab-carousel .card .card-body .card-right {
    float: left;
    display: inline;
    max-width: 60%;
}

.cat-tab-carousel .card .card-body > img, .cat-tab-carousel .card .card-body > a > img {
    width: 100px;
    max-width:40%;
    float: left;
}

.cat-tab-carousel .card .card-body .card-title {
    font-family: 'pf-medium';
    font-size: 18px;
    margin: 5px;
    padding-left: 10px;
    text-decoration: none;
    color: #000000;
}


 .cat-tab-carousel .card .card-body .card-title a {
    font-family: 'pf-medium';
    font-size: 18px;
    text-decoration: none;
    color: #000000;
    font-weight: normal;
    letter-spacing: normal;
}


.cat-tab-carousel .card .card-body .card-cat{
    font-family: 'pf-regular';
    font-size: 15px;
    margin: 5px;
    padding-left: 10px;
}

 .cat-tab-carousel .card .card-body .card-cat span{
    font-family: 'pf-regular';
    font-size: 15px;
}

.cat-tab-carousel .card .card-body .card-link > a{
    font-family: 'pf-medium';
    font-size: 16px;
    margin: 5px;
    padding-left: 10px;
    text-decoration: none;
    color:#c7222a;
}

.sec-title{
    font-family: 'pf-light';
    font-size: 25px;
    color:#030f09;
    margin:0;
    font-weight: normal;
    padding-right: 10px;
    padding-bottom: 20px;
}

.sec-title > a{
    font-family: 'pf-medium';
    font-size: 16px;
    color:#c7222a;
    float: right;
    text-decoration: none;
    margin:8px;
    letter-spacing: normal;
    font-weight: normal;
}


.cat-tab-slider > div.container-fluid, .cat-tab-slider .container{
    padding-right: 0;
}

.cat-tab-slider .container{
    padding: 0;
}

.cat-tab-slider .row{
    width: 100%;
    margin: 0;
}



@media only screen and (max-width:1024px){
    .home .site-footer{
        padding-top: 0;
        padding-bottom: 10px;
    }

}





@media only screen and (max-width: 767px){
    #abcFooterForm h3.widget-title {
        font-size: 18px;
        font-family: 'pf-light';
        font-size: 25px;
        color: #030f09;
        margin: 0;
        font-weight: normal;
        line-height: normal;
    }
}




/* Blood Glucose New CSS */
#bpCalSection #bpForm > div > div {
    padding-left: 15px;
}


#bpCalSection #bpForm .input-group {
    margin-bottom: 0;
}



/* Covid 19 Calculator CSS */
#covTitleDiv .page-title{
    font-family: 'pf-medium' !important;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.22px;
    text-align: center;
    color: #000000 !important;
}

#covTitleDiv p{
    font-family: 'pf-light' !important;
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: 0.18px;
    text-align: left;
    color: #4c4c4c;
}

.covidForm .qtitle{
    font-family: 'pf-medium' !important;
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #000000;
    padding-bottom: 15px;
    margin: 0;
}

#covidSec form.covidForm .container{
    font-family: 'pf-light' !important;
    font-size: 22px !important;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222222;
}


#resultDivCovid .container .row p{
    font-family: 'pf-medium' !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #CB1F33;
    padding-bottom: 15px;
    margin: 0;
}

.covidForm *, #covTitleDiv *{
    font-family: 'pf-medium' !important;
    font-size: 24px;
}

#resultDivCovid .container .row h3{
    font-family: 'pf-medium' !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    margin: 0;
}

form.CovidResultSec #resultDivCovid #resCol2 h3{
    font-size: 24px !important;
}

#resultDivCovid .container #resCol .row {
    padding-bottom: 15px;
}

#resCol h2, #resCol2 h2,#resCol2 h2 > span{
    font-family: 'pf-medium' !important;
    font-size: 32px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
}

form.CovidResultSec #FinalResultCovid > div{
    padding-top: 10px !important;
}

.covidLinkP > a{
    color: #f67280;
}


/* Mikado Plugin Calculator CSS */
.mkdf-bmic-notifications-col1 ul li:before{
    display: none !important;
}

.new-cal-template form .input-group.abc-selection, .new-cal-template form .input-group.abc-selection select{
    width: 100%;
    max-width: 100%;
}

.new-cal-template form .input-group.abc-selection select{
    border-color:#ccc !important; 
    padding: 6px;
}

.new-cal-template.mkdf-bmi-calculator-holder .boxDiv form input[type='number']{
    margin: 0;
    color:#000000;
}

.new-cal-template.mkdf-bmi-calculator-holder .boxDiv form input[type='text']{
    color:#000000;
    border-color:#ccc;
}

.new-cal-template.mkdf-bmi-calculator-holder .boxDiv form .input-group{
    width:100%;
}



/* Asthma and chronic Cal CSS */

#asthma-cal *, #chronic-cal *, .check-box-calculator label{
    font-family:"pf-regular" !important;
}

#asthma-cal #radioResults5 ul li,  #chronic-cal #radioResults15 ul li{
    list-style-type: disc;
}



.sec-cal-title{
    float: left;
    font-family: 'pf-medium' !important;
    display: inline-block;
    color: #CB1F33!important;
    font-size: 28px;
    font-weight: bold;
    width: 70%;
}

@media only screen and (min-width: 960px) {
    .sec-cal-title{
        width: 75%;
        font-size: 28px;
    }
}


/* HFH Email Subscription Custom CSS */
#abcFooterForm .widget_text{
    max-width: 1250px;
    background: #f7f7f7;
    padding: 50px 0 20px; 
}

#abcFooterForm *{
    font-family: 'pf-regular';
}

#abcFooterForm h3.widget-title{
    font-family: 'pf-medium';
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}


#abhi_es_normal_form_submit,#abhi_es_normal_form_submit:hover{
    display: block;
    max-width: 100%;
    width:100%;
    background: #c7222a;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    font-family: 'pf-medium';
}


@media only screen and (min-width: 768px) {
    #abhi_es_form_footer .col-md-6{
        max-width: 240px;
    }

    #abhi_es_form_footer .mobDiv{
        float: right;
    }

    #covTitleDiv p{
        text-align: center;
    }
}



@media only screen and (max-width: 767px){
    #abcFooterForm h3.widget-title {
        font-size: 18px;
        font-size: 25px;
        color: #030f09;
        margin: 0;
        font-weight: normal;
        line-height: 1.2;
    }
}


#cholestrolSection, #cholestrolSection > div, #cholestrolSection > div > div > .col-xs-12{
    padding: 0;
}

#cholesRow{
    padding: 0;
    margin: 0;
}

#cholestrol-sec{
    margin: 0 -23px;
}

#cholestrol-sec > div > div > .col-md-6{
    padding-left: 5px;
}



.es_subscription_form .es_caption{
    line-height: normal;
}




/* Post Author */
#abcAuthor{
    border:1px solid #e6e6e6;
    background: #f7f7f7;
    border-radius:5px;
    padding: 15px 2%;
    margin: 20px 0;
}

#abcAuthor .abcAuthorDetail{
    display: flex;
}

#abcAuthor .abcAuthorDetail .abcAuthorImg{
    max-width: 20%;
}

#abcAuthor .abcAuthorDetail .abcAuthorContent{
    padding-left: 3%;
}

#abcAuthor .abcAuthorDetail .abcAuthorContent .authorTitle{
    font-size: 28px;
    font-family: "pf-medium";
    letter-spacing: normal;
    padding: 0;
    margin:0;    
}

#abcAuthor .abcAuthorDetail .abcAuthorContent .authorDesc{
    font-size: 20px;
    font-family: "pf-light";
    letter-spacing: normal;
}

#abcAuthor .abcAuthorDetail .abcAuthorContent .authorSocial{
    margin-top: 20px;
}

#abcAuthor .abcAuthorDetail .abcAuthorContent .authorSocial a{
    text-decoration: none;
    font-size: 15px;
    border:1px solid #f7a500;
    margin-right: 10px;
    background: #f7a500;
    width: 30px; 
    height: 30px;
    border-radius: 50%;
    display: flex; /* or inline-flex */
    align-items: center; 
    justify-content: center;
    float: left;
    color:#ffffff;
}

#abcAuthor .abcAuthorDetail .abcAuthorContent .wpulike{
    display: none;
}




@media only screen and (max-width: 767px){

    #abcAuthor .abcAuthorDetail {
        display: block;
    }

    #abcAuthor .abcAuthorDetail .abcAuthorImg{
        max-width: 200px;
        width: 100%;
        margin:auto;
        margin-bottom: 20px;
    }

    #abcAuthor .abcAuthorDetail .abcAuthorContent {
        padding: 0;
        text-align: center;
    }

    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorSocial a{
        float: none;
        display: inline-flex;
    }
}




/* Activ Health V2 Tool CSS Start here */
#activHealthv2Section, #activHealthResultSec{
    margin-bottom: 80px;
    padding: 0;
}

#activHealthv2Section *, #activHealthResultSec *{
    font-family: pf-regular;
}

#activHealthResultSec .activHealthv2Div{
    margin: auto;
    padding: 20px 1%;
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
}

#activHealthFormv2{
    margin: auto;
    padding: 0;
}

#activHealthv2Section .item .main-questions{
    margin: 20px auto;
    padding: 0px 2%;
    max-width: 1200px;
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    width: 100%;
}

#activHealthv2Section .item > div.main-questions > div > div{
    padding: 20px;
}

#activHealthFormv2 .title{
    font-size:28px;
    font-weight: 600;
}

#activHealthFormv2 .item.step-1{
    margin: 20px auto;
    max-width: 600px;
    padding: 40px 5%;
}

#activHealthFormv2 .form-group{
    border-bottom: none;
}



#activHealthFormv2 .btnDiv{
    padding-top: 20px;
}

#activHealthFormv2 .abhiBtn{
    width: 40%;
    margin: 2%;
}


#activHealthFormv2 .abhiBtn, #activHealthFormv2 .abhiBtnBlock{
    font-size:22px;
    background:#CB1F33;
    color:#ffffff;
    text-decoration: none;
    min-width: 150px;
    padding: 10px;
    text-align: center;
    border-radius:2px;
}

#activHealthFormv2 .abhiBtnBlock{
    display: block;
}

#activHealthFormv2 .prevBtn{
    background:rgb(105,100,100);
}

#activHealthFormv2 .nextBtn{

}

#activHealthFormv2 .left-question > div{
    padding:10px 2%;
}

#activHealthFormv2 .left-question img{
    max-width: 60px;
    float: right
}

#activHealthFormv2 .right-answers{
    padding: 20px 5%;
}

#activHealthFormv2 .right-answers .radio{
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
}

#activHealthFormv2 .right-answers .radio:last-child{
    border-bottom:none;
}

#activHealthv2Section input[type="radio"]{
    display: block !important;
    position: inherit !important;
    margin-right: 15px;
}

#activHealthv2Section .right-answers .radio label{
    padding-right: 6%;
}

#activHealthv2Section .sec-cal-title{
    font-weight: 500;
}

#activHealthv2Section .radio input[type="radio"]:after{
    width: 18px;
    height: 18px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background: #ffffff;
    content: '';
    display: inline-block;
    visibility: visible;
    margin-right: 5px;
    border:1px solid #e2e2e2;
    cursor: pointer;
}

#activHealthv2Section .radio input[type="radio"]:checked:after{
    font-family: 'fontello';
    content: "\e809";
    font-weight: normal!important;
    border-radius: 100%;
    font-size: 16px;
    color: #fff;
    width: 19px;
    height: 19px;
    top:-5px;
    text-align: center;
    background: #e64c3c;
    border:1px solid #e64c3c;
}

#activHealthFormv2 .right-answers{
    border-left:2px dashed pink;
}

#activHealthResultSec .activHealthv2Div{
    padding: 50px 8%;
    max-width: 1024px;
}

#activHealthResultSec .activHealthv2Div > div{
    padding: 0 2%;
}

#activHealthResultSec .activHealthv2Div .result-title{
    font-size: 24px;
    font-weight: 500;
}

#activHealthResultSec .result-content .left-img{
    max-width: 250px;
}

#activHealthResultSec .result-content .main-result-content .title{
    font-family: "pf-medium";
    font-weight: 500;
    font-size: 28px;
}

#activHealthResultSec .result-content .main-result-content p{
    font-size: 20px;
    font-family: "pf-light";
}

#activHealthResultSec .activHealthv2Div .dropdown-icon{
    padding: 60px 0;
}

#activHealthResultSec .activHealthv2Div .dropdown-icon-img{
    max-width: 20px;
    margin: auto;
}

#activHealthResultSec .activ-health-faq .head,#activHealthResultSec .activ-health-faq .body-content{
    margin-bottom: 30px;    
}

#activHealthResultSec .activ-health-faq .head h2{
    font-weight: 400;
    font-size: 23px;
}

#activHealthResultSec .activ-health-faq .head p{
    font-family: "pf-light";
    font-size: 20px;
}

#activHealthResultSec .activ-health-faq .body-content p, #activHealthResultSec .activ-health-faq .body-content ul li{
    font-family: "pf-light";
}

#activHealthResultSec .activ-health-faq .body-content ul li p{
    padding-bottom: 5px;
}

#activHealthResultSec .activ-health-faq .footer-btn a{
    display: block;
    color:#ffffff;
    text-decoration: none;
    background: #CB1F33;
    font-size: 22px;
    padding: 10px;
    text-align: center;
    border-radius: 2px;
}

.radio-button .btn-radio .healthyScoreVal {
    display: none !important;    
}

.radio-button .btn-radio .radioBtn{
    max-width: 40px;
    padding: 5px;
    margin: 0;
    margin-right: 5px;
    margin-bottom: 40px;
    text-align: center;
    float: left;
    border: 1px solid #FAA71D !important;
    color: #FAA71D;
    background: #ffffff;
}

.radio-button .btn-radio .radioBtn:focus, .radio-button .btn-radio .radioBtn:hover{
    outline: none;
}

.radio-button .btn-radio .radioBtn:hover{
    color: #ffffff !important;
    background: #FAA71D !important;
}

.healthyScoreVal:checked + .radioBtn, .radio-button .btn-radio .radioBtn:focus{
    color: #ffffff !important;
    background: #FAA71D !important;
}

#illnessYes{
    padding: 6px 12px;
    font-size: 15px;
}

.UserNameRes{
    text-transform: capitalize;
}

#activHealthv2Section #pincode{
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px 12px;
}

.aTitleDiv{
    max-width: 1200px;
    margin: 0 auto 25px;
}


.aTitleDiv .aquisition-tool-title{
    text-align: center;
    color:#CB1F33;
    font-size: 1.7rem;
}

#activHealthFormv2 .disclaimer{
    padding: 0 2%;
    color:rgb(105,100,100);
}

.no-cursor{
    cursor: auto;
}

#activHealthFormv2 #terms{
        display: none;
}

#activHealthFormv2 #termLabel{
    position: relative;
    margin-left: 25px;
}

#activHealthFormv2 #termLabel::before{
    font-family: 'fontello';
    content: "\e809";
    border-radius: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 1;
    width: 17px;
    height: 17px;
    top: 4px;
    left:-25px;
    background: #e64c3c;
    border: 1px solid #e64c3c;
    position: absolute;

    transform: scale(0) rotateZ(180deg);
    transition: all 0.4s cubic-bezier(0.54,0.01,0,1.49);
}

#activHealthFormv2 #terms:checked + label::before{
    transform: scale(1) rotateZ(0deg);
}

#activHealthFormv2 #termLabel::after{
    content:"";
    width:18px;
    height:18px;
    border: 1px solid #e64c3c;
    position: absolute;
    left:-25px;
    top:4px;
    border-radius:50%;
}

@media screen and (max-width: 767px){
    #activHealthFormv2 .right-answers{
        border-top:2px dashed pink;
        border-left: none;
    }

    #activHealthResultSec .activ-health-faq .head h2{
        font-size: 20px;
    }

    #activHealthResultSec .activ-health-faq .head p{
        font-size: 17px;
    }

    .aTitleDiv .aquisition-tool-title{
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 600px){
    #activHealthFormv2 .abhiBtn, #activHealthFormv2 .abhiBtnBlock{
        min-width: 45%;
        padding: 5px;
    }

    #activHealthv2Section .sec-cal-title{
        width:100%;
        font-size: 22px;
    }

    #activHealthv2Section .left-question img{
        display: none;
    }

    #activHealthFormv2 .right-answers{
        padding: 0;
    }

    #activHealthv2Section .right-answers .radio label{
        padding-right: 2%;
    }

    #activHealthFormv2 .right-answers .radio{
        padding: 10px 2%;
    }

    #activHealthFormv2 .right-answers .radio:first-child{
        padding-top: 0;
    }

    #activHealthFormv2 .abhiBtn, #activHealthFormv2 .abhiBtnBlock{
        font-size: 17px;
    }

    #activHealthResultSec .activHealthv2Div {
        padding: 20px 2%;
    }

    #activHealthResultSec .result-content .left-img {
        margin: auto;
    }
}





/* Health Tools Calculator CSS */
ol.accordion-ordered-list{
    list-style: decimal;
    padding-left: 15px;    
    margin-left: 0;
}

ol.accordion-ordered-list li{
    overflow: initial !important;
}



/* Back to url and header css */
#mainSiteBtn{
    display: flex;
    float:right;
    /*height: 40px;*/
    height: 85px;
}

#mainSiteBtn a{
    vertical-align: middle;
    line-height: 1.5;
    display: inline-block;
    margin: auto;
    text-decoration: none;
    font-weight: 600;
    padding: 6px 15px;
    border-radius: 5px;
    color:#ffffff;
    background:#c7222a;
    border:1px solid #ffffff;
    font-size: 13px;
}

#mainSiteBtn a:hover{    
    color:#c7222a;
    background: #ffffff;
    
}

header .second-menu{
    max-width: 100%;
    width:84%;
}



@media screen and (max-width: 1365px){
    header .second-menu{
        width:79%;
    }

    #mainSiteBtn a{
        padding: 6px 6px;
        font-size: 12px;
    }
}


@media screen and (max-width: 1024px){
    header .second-menu{
        height: 100px;
        line-height: 100px;
        width:75%;
    }

    #mainSiteBtn{
        display: inline-block;
        vertical-align: middle;
    }
}


@media screen and (max-width: 800px){
    .mkdf-wrapper-inner2 .headtext2{
        width: 30%;
    }

    header .second-menu{
        width:70%;
    }
}


@media screen and (max-width: 600px){
    .mkdf-wrapper-inner2 .headtext2{
        width: 45%;
    }

    header .second-menu{
        width:55%;
    }
}



@media screen and (max-width: 767px){
    #abcAuthor .abcAuthorDetail {
        display: flex;
    }
    #abcAuthor .abcAuthorDetail {
        display: flex;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorImg {
        max-width: 80px;
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
        /* float: left; */
        margin: 0 20px 10px 6px;
        object-fit: cover;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent {
        padding: 0;
        text-align: left;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorTitle {
        font-size: 18px;
        font-family: "pf-medium";
        letter-spacing: normal;
        padding: 0;
        margin: 0;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorDesc {
        font-size: 13px;
        font-family: "pf-light";
        letter-spacing: normal;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorSocial {
        /* margin-top: 20px; */
        text-align: left;
    }
}





/* Header search form */
.search-field-mkdf,.search-submit-mkdf{
    outline: none;
}

.menuSubBtn {
    padding: 0px 2%;
}

.search-submit-mkdf{
    right: 0;
}

#datafetch{
    display: none;
    z-index: 99;
    position: absolute;
    top: 40px;
    right: 30px;
    background: #da9089;
    padding: 15px; 
    min-width: 380px;
    text-align:left;
}

#datafetch img{
    max-width: 50px;
    padding-right: 5px;
}

#datafetch a{
    text-decoration:none;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px){
    .search-submit-mkdf{
        right: 22px;
        top: 1px;
    }
}

@media only screen and (max-device-width: 1024px){
    .headtext .head-logo-2 {
        text-align: left;
    }
}

@media screen and (max-width: 767px){
    .search-form-mkdf {
        display: block;
    }

     #datafetch{
        right: 20px;
    }
}


@media screen and (max-width: 600px){
    #datafetch{
        right: 10px;
        min-width: 310px;
    }
}


/* New Homepage CSS Start here */
.home section *{
    font-family: "pf-regular";
}

.blog-sec-1-title{
    text-align: center;
}

.blog-sec-1-title .main-title{
    margin-bottom: 0;
    font-size: 36px;
    padding-bottom: 14px;
    font-family: 'pf-regular';
    font-weight: normal;
    letter-spacing: 0.4px;
}

.blog-sec-1-title .main-description{
    font-family: 'pf-light';
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
    line-height: 1.38;
    letter-spacing: normal;
    color: #4c4c4c;
}

.blog-sec-1-content{
    padding: 40px 0;
}

.blog-sec-1-content .blog-sec-1-left-content{
    max-width: 672px;
    margin: auto;
}

.blog-sec-1-content .blog-sec-1-left-content .article-title{
    font-family: "pf-regular";
     font-size: 24px;
    font-weight: normal;
    line-height: 1.58;
    letter-spacing: normal;
}
.blog-sec-1-content .blog-sec-1-left-content .article-title a{
    text-decoration: none;
    color:inherit;
}
.blog-sec-1-content .blog-sec-1-left-content .article-excerpt{
    font-family: "pf-light";
    opacity: 0.84;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: normal;
    color: #4c4c4c;
}
.blog-sec-1-content .blog-sec-1-left-content .article-excerpt .readmore{
    font-family: "pf-regular";
    font-weight: normal;
    color: #c7222a;
    text-decoration: none;
}

.blog-sec-1-left-content .author-div{
    display: flex;
    display: inline-block;
}

.blog-sec-1-left-content .author-div img, .blog-sec-1-left-content .author-div p{
    vertical-align: middle;
    display: inline;
}

.blog-sec-1-left-content > a{
    display: block;
}

.backgroundImg{
    background-size: conver;
    background-repeat: no-repeat;
    filter: blur(2px);
    position: absolute;
    width: 100%;
    max-width: 672px;
    height: 376px;
}

.blog-sec-1-left-content > a > img{
    /*max-width: 376px;
    max-height: 376px;*/
    margin: auto;
    width: 100%;
    backdrop-filter: blur(10px);
    border-radius: 4px;
}

.blog-sec-1-left-content .author-div img{
    width: 65px;
    height: 36px;
    border-radius: 100px;
}

.blog-sec-1-left-content .author-div p{
    margin: 5px 0 5px 10px;
    
    font-family: "pf-light";
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #4c4c4c;
    opacity: 0.84;
}

.blog-sec-1-left-content .author-div p .author-name{
    font-family: "pf-regular";
    font-weight: normal;
    color: #000000;
}

.blog-sec-1-left-content .author-div p .author-cat{
    font-family: "pf-regular";
    font-weight: normal;
    color: #c7222a;
}

.blog-sec-1-content .blog-sec-1-right-content{
    margin: auto 0;
    max-width: 390px;
}

.blog-sec-1-content .blog-sec-1-right-content > li{
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
    min-height: 150px;
}

.blog-sec-1-content .blog-sec-1-right-content > li:first-child{
    padding-top: 0;
}

.blog-sec-1-content .blog-sec-1-right-content > li:last-child{
    border-bottom: none;
}

.blog-sec-1-content .blog-sec-1-right-content > li > a > img{
   
    border-radius: 5px;
    width: 156px;
    height: 156px;
}
.blog-sec-1-content .blog-sec-1-right-content > li .content-area{
    width: 54%;
    padding-left: 5%;
    float: right;
}
.blog-sec-1-content .blog-sec-1-right-content > li .content-area h4{
    font-family: "pf-regular";
    font-size: 22px;
    font-weight: normal;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: left;
    color: #000000; 
    min-height: 50px;
    margin-top:0;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div{
    display: flex;
    position: absolute;
    bottom: 6px;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div .author-detail .author-name{
    font-family: "pf-regular";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.13;
    letter-spacing: 0.5px;
    margin:0 0 6px;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div .author-detail .author-info{
    font-family: "pf-light";
    font-size: 14px;
    font-weight: 300 !important;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #4c4c4c;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div .author-detail .author-info .inText{
    font-size: 15px;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div .author-detail .author-info .author-cat{
    font-family: "pf-medium";
    font-size: 14px;
    font-weight: 400;
    color: #c7222a;
    line-height: 18px;
    letter-spacing: 0.5px;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div img{
    max-width: 27%;
   // width:36px;
    height: 36px;
    border-radius: 100px;
    margin-right: 10px
}

.blog-cat-sec{
    background: #f7f7f7;
    padding: 50px 0;
}

.blog-cat-sec .browse-cat{
    display: flex;
    float: right;
    width: 94%;
}

.blog-cat-sec .browse-cat-title{
    font-size: 26px;
    font-weight: normal;
    line-height: 1.15;
    letter-spacing: normal;
    float: right;
}

.blog-cat-sec .browse-cat ul{
    margin: auto;
    width: 75%;
}

.blog-cat-sec .browse-cat ul li{
    display: flex;
    margin: 0 15px;
    float: left;
    padding: 6px 16px;
    border-radius: 40px;
    border: solid 1px #e6e6e6;
    background: #ffffff;
}

.blog-cat-sec .browse-cat ul li a{
    display: flex;
    text-decoration: none;
    color:#000000;

    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.14px;
    display: contents;
}

.blog-cat-sec .browse-cat ul li img{
    margin-right: 10px;
    width: 28px;
}

.popular-article-sec{
    /*padding: 80px 0;*/
    padding: 40px 0 70px;
}

.popular-article-title{
    font-size: 32px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: 0.4px;
    color: #000000;
}

#blog-carousel-1{
    max-width: 1250px;
    margin: auto;
    padding: 30px 0 0;
}

#blog-carousel-1 .carousel-control{
    background: transparent !important;
}

#blog-carousel-1 .carousel-control img{
    width: 32px;
}

#blog-carousel-1 .content{
    display: table;
    margin: 15px 0;
}

#blog-carousel-1 div.clearfix {
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    max-width: 48%;
    float: left;
    overflow: auto;
    width: 48%;
    margin: 0 1%;
    padding: 0 1% 0 0;
    position: relative;
}

#blog-carousel-1 div.clearfix a{
    text-decoration: none;
    color:inherit;
}

#blog-carousel-1 .clearfix > a > img{
    margin-right: 20px;
}

#blog-carousel-1 div.clearfix .img2 {
    float: left;
    width:200px;
}

#blog-carousel-1 .content .blogTitle{
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #000000;
    margin: 0 0 10px;
}

#blog-carousel-1 .blogExcerpt{
    opacity: 0.84;
    font-family: "pf-light";
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c;
    margin: 0 2% 15px 0;
}

#blog-carousel-1 .blogExcerpt .readmoreBlog{
    font-family: "pf-regular";
    font-weight: normal;
    color: #c7222a;
    text-decoration: none;
}

#blog-carousel-1 .author-div{
    display: flex;
    position: absolute;
    bottom: 15px;
}

.cat-section .article-content-div{
    min-height: 390px;
    position: relative;
}

.cat-section .article-content-div .author-div{
    display: flex;
    /*position: absolute;*/
    bottom: 10px;
}

#blog-carousel-1 .author-div img, .cat-section .article-content-div .author-div img{
    //max-width: 20%;
    width:65px;
    height: 30px;
    border-radius: 100px;
    margin-right: 10px
}

#blog-carousel-1 .author-div .author-detail .author-name, .cat-section .article-content-div .author-div .author-detail .author-name{
    font-family: "pf-regular";
    font-size: 16px;
    font-weight: normal;
    line-height: 1.13;
    letter-spacing: 0.5px;
    margin:6px 5px 6px 0;
    display: inline;
    float: left;
}

#blog-carousel-1 .author-div .author-detail .author-info, .cat-section .article-content-div .author-div .author-detail .author-info{
    font-family: "pf-light";
    font-size: 16px;
    font-weight: 300;
    font-weight: normal;
    line-height: 1.13;
    letter-spacing: 0.5px;
    color: #4c4c4c;
    display: inline;
    float: left;
    margin-top: 6px;
}

.cat-section .article-content-div .author-div .author-detail .author-name, .cat-section .article-content-div .author-div .author-detail .author-info{
    vertical-align: sub;
    float: none;
}


#blog-carousel-1 .author-div .author-detail .author-info .author-cat{
    font-family: "pf-medium";
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #c7222a;
}

#blog-carousel-1 .left.carousel-control, #blog-carousel-1 .right.carousel-control{
    max-width: 40px;
    opacity: 1;
    top:45%;
    max-height: 30px;
}

#blog-carousel-1 .left.carousel-control{
    left:6px;
}

#blog-carousel-1 .carousel-control > i{
    background: #000000;
    opacity: 1 !important;
    font-size: 20px;
    border-radius: 100px;
    padding-top: 5px;
} 

#blog-carousel-1 .left.carousel-control > i:before{
    padding: 1px 0px;
}

#blog-carousel-1 .right.carousel-control{
    right:6px;
}

#blog-carousel-1 .right.carousel-control > i:before{
    padding: 1px 5px;
}

.blogEmailSubFormSec{
    /*padding: 70px 0;*/
    padding: 60px 0;
    text-align: center;
    background: rgba(251,243,221,0.48);
}

.blogEmailSubFormSec .blog-sec-title{
    font-size: 30px;
    font-weight: normal;
    line-height: 0.93;
    letter-spacing: normal;
    color: #000000;
    margin-top: 0;
    margin-bottom: 22px;
}

.blogEmailSubFormSec .blog-sec-desc{
    font-family: "pf-light";
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #4c4c4c;
}

.cat-section{
    padding: 60px 0;
}

.cat-section .sec-main-title{
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-top: 0;
    margin-bottom: 30px;
}

.cat-section .article-content-div{
    border:1px solid #e6e6e6;
    border-radius: 8px;
    margin-bottom:40px;
}

.cat-section .article-content-div > img{
    width:100%;
    height: auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    max-height: 220px;
}

.cat-section .article-content-div .mainDiv{
    padding: 18px 5%;
}

.cat-section .article-content-div .mainDiv .art-title, .cat-section .article-content-div .mainDiv .art-title > a{
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    text-decoration: none;
    margin: 0;
    margin-bottom: 8px;
}

.cat-section .article-content-div .mainDiv .art-excerpt{
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c;
    opacity: 0.84;
    margin: 0 0 15px;
}

.cat-section .article-content-div .mainDiv .art-excerpt a{
    text-decoration: none;
    font-weight: normal;
    color: #c7222a;
}

.cat-section .view-all-articles > a{
    text-decoration: none;
    font-family: "pf-light";
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal;
    color: #000000;
    opacity: 0.85;
}

.cat-section .view-all-articles > a > img{
    width: 16px;
    height: auto;
    display: inline;
    margin-left: 10px;
}

.video-slider-yt{
    padding: 60px 0;
    background: #f7f7f7;
}

.video-slider-yt .videoText{
    min-width: 36%;
    display: list-item;
}

.video-slider-yt .videoText > div.content{
    max-width: 65%;
    float: right;
    padding-right: 10%;
}

.video-slider-yt .videoText > div.content h2{
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 10px 0;
}

.video-slider-yt .videoText > div.content p{
    font-size: 20px;
    font-family: "pf-light";
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #4c4c4c;
}

.video-slider-yt .videoText > div.content > img{
    width: 48px;
}

.video-slider-yt{
    display: flex;
    /*max-height: 350px;*/
}

.video-slider-yt .videoSliderDiv{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.playIconDiv{
    position: absolute;
    top: 50%;
    left:44%;
    transform: translateY(-50%);
    z-index: 9999;
}

.playIconDiv:focus, .playIconDiv a:focus, .playIconDiv img:focus{
    outline:none !important;
}

/* New Homepage Media Queries */
@media screen and (max-width: 1365px){
    .blog-sec-1-content .blog-sec-1-right-content > li {
        padding: 30px 0;
    }
    .blog-sec-1-content .blog-sec-1-right-content > li .content-area{
        /*width:70%;*/
    }
    .blog-sec-1-content .blog-sec-1-right-content > li > img{
        width:30%;
    }
    .blog-sec-1-content .blog-sec-1-right-content > li .content-area h4{
        font-size: 20px;
        min-height: auto;
    }    

    .blog-cat-sec .browse-cat {
        display: grid;
        float: left;
        width: 100%;
    }

    .blog-cat-sec .browse-cat-title{
        float: none;
    }

    .blog-cat-sec .browse-cat ul{
        width: 100%;
    }

    .blog-cat-sec .browse-cat ul li{
        margin: 10px 5% 10px 0;
    }

    .viewMoreMob > img {
        max-width: 24px;
        display: initial;
        padding-bottom: 4px;
    }

    .slide-menu .custom-logo-link{
        color:var(--theme-color-2);
    }

}

@media screen and (min-width: 992px){
    .show-992{
        display: block;
    }

}

@media screen and (max-width: 992px){
    .hide-992{
        display: none;
    }

    .blog-cat-sec .browse-cat ul li{
        margin: 10px 1% 10px 0;
    }

    .blog-cat-sec .browse-cat {
        overflow: hidden;
        overflow-x: auto;
    }
    .blog-cat-sec .browse-cat ul{
        width: 150%;
    }

    .menuSubBtn .abcBtnHeader{
        float: right;
        margin-left: auto !important;
    }
    .headtext{
        width: 70%;
    }

    .menuSubBtn{
        width: 30%;
    }

    .mkdf-wrapper-inner1 .container .row {
        margin: 0 4% 0 0;
    }


}

@media screen and (max-width: 767px){

    .cat-section .article-content-div .author-div{
        position: absolute;
    }
    
    .blog-sec-1-content, .blog-sec-1{
        padding: 15px 0 0 !important;
    }

    .blog-cat-sec{
        padding: 20px 0;
    }

    .blog-sec-1-title .main-title{
        font-size: 24px;
    }

    .blog-sec-1-title .main-description{
        font-size: 16px;
    }

    .blog-sec-1-content .blog-sec-1-left-content{
        margin-bottom: 20px;
    }

    .blog-sec-1-content .blog-sec-1-left-content .article-title{
        font-size: 18px;
        line-height: 1.2;
    }

    .blog-sec-1-content .blog-sec-1-left-content .article-excerpt{
        font-size: 14px;
    }

    .blog-sec-1-left-content .author-div p{
        margin: 0px 0 5px 10px;
        font-size: 15px;
    }

    .popular-article-title{
        font-size: 22px;
        line-height: 0.64;
        font-style: normal;
        letter-spacing: 0.16px;
        margin-bottom: 40px;
    }

}

@media screen and (max-width: 600px){
    .blog-cat-sec .browse-cat ul{
        width: 250%;
    }

}


/*Plugin Form CSS*/
#blogESForm1{
    padding: 60px 0 0;
}

#blogESForm1 label{
    font-family: "pf-light";
    font-size: 22px;
    font-weight: 300;
    line-height: 0.9;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
    padding: 0;
    margin-right: 16px;
}

#blogESForm1 input, #blogESForm1 input:focus{
    font-family: "pf-light";
  font-size: 22px;
  font-weight: 300;
  line-height: 0.9;
  letter-spacing: normal;
  color: #aeaeae;
    border:none;
    box-shadow: none;
    background: transparent;
    border-bottom: 2px solid #c7222a;
    padding: 9px 12px 12px;
    border-radius: 0;
    margin-right: 16px;
}

#blogESForm1 .form-group{
    border-bottom: none;
    padding: 0 15px;
    border-right: 1px solid #c6c6c6;
}

#blogESForm1 .form-group.noBorderRight{
    border-right: none;
}

#blogESForm1 .abcSubBtn{
    display: block;
    margin: 60px auto 0;
    min-width: 240px;
    max-width: 250px;
    padding: 10px 0;
    font-family: "pf-medium";
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color:#ffffff;
    background: #c7222a;
    border-radius: 4px;
}

.show-992{
    display: none;
}

.videoSliderDiv .lSSlideWrapper{
    position: initial;
}



#YTModalDiv{
    z-index: 999999;
	display:none;
}

.videosForYou .overlay{
    position: absolute; 
    width: 100%; 
    height: 100%;
    top: auto;
    bottom: 0;
    z-index: 2; 
    cursor: pointer;
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.1) 50%);
    border-radius: 5px;
}

.videosForYou .VideoContentDiv{
    z-index: 999;
}



@media screen and (max-width: 1365px){
    #blogESForm1 .form-group{
        padding: 15px;
        width: 33%;
    }
    #blogESForm1 label{
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 992px){
    #blogESForm1 .form-group{
        width: 30%;
    }

    .show-992{
        display:block;
    }
}

@media screen and (max-width: 767px){
    #blogESForm1 .form-group{
        width: 100%;
        display: flex;
        text-align: left;
    }

    #blogESForm1 input{
        max-width: 50%;
    }
    #blogESForm1 .abcSubBtn{
        margin: 40px 10px 0;
    }
}










.slideYt{
    position: relative;
}

.box{
    width: 300px;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}

.box .slide-img{
    height: 250px;
}

.box .slide-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-sizing: border-box;
}

.box .detail-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: "pf-regular";
}

.box .detail-box .type{
    display: flex;
    flex-direction: column;
}

.box .detail-box .type a{
    color:red;
    margin: 5px 0;
    font-weight: 700;
}

ul.lSPager{
    display: none;
}

#lightSlider > li{
    max-width: 280px;
}

#lightSlider .videosForYou > img{
    border-radius: 4px;
    background-image: linear-gradient(to top, rgba(34, 34, 34, 0), #222222);
}



#htSlider{
    min-height: 200px !important;
    padding: 5px 0 5px 5px;
    min-width: 4500px !important;
}

#htSlider > li{
    width: 344px;

}

#lightSlider, #podcastSlider{
    min-width: 1500px !important;
}

#meditationSlider, #podcastSlider{
    min-height: 120px;
}

 #meditationSlider{
    min-width: 2500px !important;
}


.lightSliderUl a{
    text-decoration: none;
    color:inherit;
}

#htSlider > li .htContent{
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
    background-color: var(--white);
    margin: 0px 2% 0 0;
    min-height: 193px;
}

#htSlider > li .htContent img{
    max-width: 68px;
}

#htSlider > li .htContent .calTitle{
    font-size: 22px;
    font-weight: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #000000;
    margin: 14px 0px 6px;
}

#htSlider > li .htContent .calDesc{
    font-family: "pf-light";
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: 0.4px;
  text-align: left;
  color: #4c4c4c;
  margin:0;
}



.podcast-sec .videoSliderDiv > div {
    /*margin: 30px 0;    */
    margin: auto;    
}

#podcastSlider > li{
    width: 360px !important;
}
    
#podcastSlider > li .podcastContent{
    display: flex;
    width: 360px;
    border-radius: 6px;
    box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
    background-color: var(--white);
}

#podcastSlider > li .podcastContent > img{
    width: 116px;
}

#podcastSlider > li .podcastContent > .podcastInnerDiv{
    padding:0 5%;
    
}

#podcastSlider > li .podcastContent > .podcastInnerDiv .podcastTitle{
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 7% 0;
}

#podcastSlider > li .podcastContent > .podcastInnerDiv .podcastDesc{
    font-size: 15px;
    font-weight: 300;
    line-height: 1.33;
    letter-spacing: 0.5px;
    text-align: left;
    color: #4c4c4c;
    font-family: "pf-light";
}

#podcastSlider > li .podcastContent > .podcastInnerDiv .podcastDesc span{
    color:#000000;
    font-family: "pf-regular";
    font-weight: 400;
}






.meditation-sec .videoSliderDiv > div {
    margin: auto;    
}



#meditationSlider > li{
    width: 360px !important;
}
    
#meditationSlider > li .meditationContent{
    display: flex;
    width: 360px;
    border-radius: 6px;
    box-shadow: 0px 1px 8px 0 rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
    background-color: var(--white);
}

#meditationSlider > li .meditationContent > img{
    width: 116px;
    object-fit: cover;
}

#meditationSlider > li .meditationContent > .meditationInnerDiv{
    padding:12px 5%;
    
}

#meditationSlider > li .meditationContent > .meditationInnerDiv .meditationTitle{
    font-size: 22px;
    font-weight: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 0 0 6px;
}

#meditationSlider > li .meditationContent > .meditationInnerDiv .meditationDesc{
    font-size: 18px;
    font-weight: normal;
      font-stretch: normal;
      font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.5px;
    text-align: left;
    color: #4c4c4c;
    margin-bottom: 0;
}

#meditationSlider > li .meditationContent > .meditationInnerDiv .meditationDesc span{
    font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.4px;
      text-align: left;
      color: #4c4c4c;
      font-family: "pf-light";
}





.browseCategorySec{
    margin: 0;
    padding: 40px 0;
}

.browseCatTitle{
    font-size: 32px;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: 0.4px;
    text-align: center;
    color: #000000;
    margin-bottom: 40px;
}

.cardRow{
    max-width: 970px;
    margin: auto;
}

.cardRow a{
    text-decoration: none;
}



.card-div{
    text-align: center;
    max-width: 180px;
    margin: auto;
    padding: 0;
    margin-bottom: 40px;
}

.card-div > img{
    max-width: 80px;
    margin: 20px auto;
}

.card-div > h3{
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 7px;
}

.card-div > p{
    font-family: "pf-light";
    opacity: 0.84;
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.18px;
    text-align: center;
    color: #4c4c4c;
}



.footerSubscriberSection{
    padding: 60px 0 70px !important;
    background: rgb(252, 247, 236);
    width: 100%;
}

.footerSubscriberSection .container{
    max-width: 970px;
    margin: auto;
}

.footerSubscriberSection .imgDivSub{
    max-width: 420px;
    margin-top: 40px;
}
.footerSubscriberSection .imgDivSub{
    width: 100%;
    max-width: 420px;
}

.footerSubscriberSection .formTitle{
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 0;
}

.footerSubscriberSection .formDesc{
    font-family: "pf-light";
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: normal;
    color: #4c4c4c;
}

#ESFooterForm .form-group{
    border:none;
    outline:none;
}

#abcFooterForm input{
    height: 44px;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
}

#abcFooterForm input::placeholder{
    color: #aeaeae;
}

#ESFooterForm .abcSubBtn{
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #c7222a;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    padding: 12px;
}

#ESFooterForm .col-md-6 input{
    max-width: 98%;
    margin-bottom: 0;
}

#ESFooterForm .col-md-6 input[type="email"]{
    float: right;
}

.footer-info{
    margin-top:0; 
}




#blogSliderMob > li {
    width: 292px;
}

#blogSliderMob .blogSliderMobContent {
    display: flex;
    padding: 5%;
}

#blogSliderMob .blogSliderMobContent > img {
    max-width: 90px;
    max-height: 90px;
}

#blogSliderMob .blogSliderMobContent .author-div{
    padding-left: 5%;
    width: 100%;
}

#blogSliderMob .blogSliderMobContent .author-div .author-detail{
    display: flex;
}

#blogSliderMob .blogSliderMobContent .author-div .author-detail img {
    width: 28px;
    height: 28px;
    border-radius: 100px;
}

#blogSliderMob .blogSliderMobContent .author-div h3.article-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin: 10px 0;
}


#blogSliderMob .blogSliderMobContent .author-div .author-detail h5.author-name {
    margin: 0 5%;
}


#responseMsgDiv{
    margin: 20px 0;
    text-align: center;
}

.abcSubBtn:focus{
    outline: none;
}


#blog-carousel-1 .author-div img{
    width: 36px;
    height: 36px;
    border-radius: 100px;
}

#blog-carousel-1 .author-div p{
     margin: 0 15% 0 0px;
    font-family: "pf-light";
    font-weight: 300;
    font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.5px;
  text-align: left;
  color: #4c4c4c;
    opacity: 0.84px;
}

#blog-carousel-1 .author-div p .author-name{
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    font-family: "pf-regular";
    color: #000000;
}

#blog-carousel-1 .author-div p .author-cat{
    letter-spacing: 0.4px;
    font-family: "pf-medium";
    color: #c7222a;
}

#blog-carousel-1 p.blogExcerpt > a{
    color: #c7222a;
}

#responseMsgDiv, #responseMsgDiv1{
    padding: 10px;
    border-radius: 5px;
    max-width: 90%;
    margin: 15px auto;
    display: none;
}

#responseMsgDiv{
    max-width: 100%;
}

.VideoContentDiv{
    position: absolute;
    bottom: 0;
    color:#ffffff;
    /*background-color: rgba(0,0,0,.5);*/
    width:100%;
    padding:4px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.VideoContentDiv *{
    color:#ffffff;
    margin: 0;
    padding: 0 5%;
}

.VideoContentDiv h5{
    font-family: "pf-medium";
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
}

.VideoContentDiv p{
    font-family: "pf-light";
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: left;
    opacity: 0.84;
    padding-bottom: 10px;
}

#podcastSlider > li .podcastContent > .podcastInnerDiv .podcastDesc img{
    width: 15px;
    height: 15px;
    align-items: baseline;
    margin-left: 10px;
}

#meditationSlider > li .meditationContent > .meditationInnerDiv .meditationDesc > span{
    padding-top: 10px;
    display: block;
}

#meditationSlider > li .meditationContent > .meditationInnerDiv .meditationDesc > span > img{
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    right: 5%;
}

.d-flex {
    display: flex;
}


#podcastModalDiv{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: fit-content;
}

#podcastModalDiv,#podcastModalDiv > div > div > div > div *{
    max-width: fit-content;
	display:none;
}

#podcastModalDiv .close{
    float: right;
}

#podcastModalDiv .modal-dialog, #podcastModalDiv .modal-body, #podcastModalDiv .modal-content{
    max-width: fit-content;
}

#podcastSlider > li a:focus{
    outline: none;
}

.meditation-sec .sc_player_container1{
    position: absolute;
    bottom: 15px;
    right: 30px;
}

.meditation-sec .sc_player_container1 .myButton_play{
    width: 20px !important;
    height: 20px !important;
    margin:auto !important;
    padding:10px !important;
}

@media screen and (max-width: 1365px){
    #popularArticleSecMob{
        margin: 0;
    }

    #popularArticleSecMob > li{
        display: table;
        padding: 20px 0;
        border-bottom: 1px solid #e6e6e6;
    }

    #popularArticleSecMob > li:last-child{
        border-bottom: none;
    }

    #popularArticleSecMob > li > a > img{
        max-width: 30%;
        display: inline;
        float: left;
        border-radius: 4px;
    }

    #popularArticleSecMob li a .contentDiv{
        max-width: 70%;
        display: inline;
        float: left;
        padding: 0 5%;
    }

    #popularArticleSecMob .contentDiv h4{
        margin:0;
        margin-bottom: 15px;
        letter-spacing: normal;
    }

    #popularArticleSecMob a{
        text-decoration: none;
        color:inherit;
    }

    #popularArticleSecMob .contentDiv img{
        width: 36px;
        height: 36px;
        border-radius: 100px;
        margin-right: 7px;
    }

    #popularArticleSecMob .contentDiv .author-div{
        display: flex;
    }



    #popularArticleSecMob .contentDiv .author-div p{
        line-height: normal;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.21;
        letter-spacing: 0.5px;
        text-align: left;
        color: #4c4c4c;
        font-family: "pf-light";
        opacity: 0.84;
    }

    #popularArticleSecMob .contentDiv .author-div p .author-cat{
        font-weight: normal;
        color: #c7222a;
    }

    a.viewMoreMob {
        text-align: center;
        display: block;
        background: #ffffff;
        margin: auto;
        border-radius: 50px;
        text-decoration: none;
        color: #000000;
        font-family: "pf-light";
        font-weight: 300;
        line-height: 1.13;
        letter-spacing: normal;
        color: #000000;
        border: solid 1px #e6e6e6;
        padding: 6px;
    }

    #blog-carousel-1 div.clearfix{
        max-width: 48%;
        min-width: 38%;
    }

    a.viewMoreMob{
        font-size: 16px;
    }

    .menuSubBtn{
        float: right;
    }

    .search-form-mkdf{
        display: inline-flex;
    }
    .search-submit-mkdf{
        right:0;
    }

    #blog-carousel-1 .content .blogTitle{
        font-size: 18px;
    }

    #blog-carousel-1 .blogExcerpt{
        font-size: 16px;
    }

    #blog-carousel-1 .author-div{
        bottom: 4px;
    }

    #htSlider > li {
        width: 340px;
    }

}

@media screen and (max-width: 992px){
    #blog-carousel-1 div.clearfix {
        max-width: 46%;
        display: grid;
    }

    #blog-carousel-1 div.clearfix .img2{
        width: 100%;
    }

    .card-div > img{
        max-width: 56px;
    }

    .card-div > h3{
        font-size: 20px;
        font-weight: 300;
    }

    .browseCatTitle{
        margin-bottom: 30px;
    }

    #blog-carousel-1 .author-div{
        display: contents;
    }

    #blog-carousel-1 .author-div img{
        display: inline-block;
        float: left;
    }

    #blog-carousel-1 .author-div p{
        display: contents;
        float: left;
    }
}

@media screen and (max-width: 767px){
    .search-form-mkdf{
        display: none;
    }

    .card-div{
        border: solid 1px #f7f7f7;
        min-height: 136px;
    }

    .card-div > img{
        max-width: 56px;
        margin: 10px auto;
    }

    .card-div > h3{
        font-size: 20px;
        font-weight: 300;
        font-family: 'pf-light';
    }


    .health-tools-sec,.video-slider-yt{
        display: block;
    }

    .health-tools-sec .videoText > div.content,.video-slider-yt .videoText > div.content{
        max-width: 100%;
        float: none;
        text-align: center;
        margin-bottom: 15px;
        padding: 0;
    }

    .health-tools-sec .videoText > div.content > img, .video-slider-yt .videoText > div.content > img{
        display: inline-block;
        vertical-align: middle;
        max-width: 32px;
    }

    .health-tools-sec .videoText > div.content h2, .video-slider-yt .videoText > div.content h2{
        display: contents;
    }

    #htSlider > li .htContent, #lightSlider > li .videosForYou{
        width: 250px;
    }

    #meditationSlider > li .meditationContent, #podcastSlider > li .podcastContent{
        width: 90%;
        height: auto;
    }

    #meditationSlider > li .meditationContent > .meditationInnerDiv {
        padding: 0 2% 0 5%;
    }

    

    #htSlider, #lightSlider, #meditationSlider, #podcastSlider{
        margin-left: 5%;
    }

    .video-slider-yt .videoText > div.content h2 {
        margin: 10px 0;
        font-size: 22px;
        font-weight: normal;
        line-height: 1.27;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        display: inline-block;
        vertical-align: middle;
    }

    .browseCatTitle{
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.64;
        letter-spacing: 0.16px;
        text-align: center;
    }

    .footerSubscriberSection .formTitle{
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.64;
        letter-spacing: 0.16px;
        text-align: center;
        color: #000000;
    }

    .footerSubscriberSection .formDesc {
        font-size: 15px;
        text-align: center;
        margin-top: 10px;
    }

    .footerSubscriberSection{
        padding: 40px 0 !important;
        background: #f7f7f7;
    }

    .cat-section .article-content-div{
        border:none;
        min-height: 150px;
    }

    .cat-section .article-content-div > a{
        display: inline-block;
        max-width: 35%;
        float: right;
    }

    .cat-section .article-content-div > img{
        float: right;
        max-width: 110px;
        border-radius: 4px;
    }

    .cat-section .article-content-div .mainDiv{
        display: inline-block;
        max-width: 65%;
        padding: 0;
    }

    .cat-section .sec-main-title{
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.64;
        letter-spacing: 0.16px;
        text-align: center;
    }

    .cat-section .article-content-div .mainDiv .art-title, .cat-section .article-content-div .mainDiv .art-title > a{
        font-size: 20px;
        margin: 0 0 7px;
        line-height: 1.2;
    }

    .cat-section .article-content-div .author-div .author-detail .author-name, .cat-section .article-content-div .author-div .author-detail .author-info{
        font-size: 13px;
        display: contents;
    }

    .cat-section .article-content-div .mainDiv .art-excerpt{
        font-size: 16px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: left;
        color: #4c4c4c;
    }

    .cat-section .article-content-div .author-div img{
        width: 26px;
        height: 26px;
    }

    .blogEmailSubFormSec .blog-sec-title {
        font-size: 24px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .blogEmailSubFormSec .blog-sec-desc {
        opacity: 0.84;
        font-size: 16px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #4c4c4c;
    }
        
    #blogESForm1 .form-group {
        width: 100%;
        display: flex;
        text-align: left;
        padding: 10px 0;
        align-items: baseline;
    }

    #blogESForm1 label {
        padding-bottom: 10px;
        font-size: 20px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.9;
        letter-spacing: normal;
        text-align: right;
        color: #000000;
    }

    #blogESForm1 input, #blogESForm1 input:focus {
        font-size: 20px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.99;
        letter-spacing: normal;
        text-align: left;
        color: #aeaeae;
    }

    .blogEmailSubFormSec, .video-slider-yt, .cat-section, .browseCategorySec {
        padding: 36px 0;
    }

    .browseCategorySec{
        margin: 0;
    }

    #blogESForm1{
        padding: 0;
    }

    #blogESForm1 .abcSubBtn{
        min-width: 150px;
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        margin: 25px 25px 25px 25px;
    }

    /*.health-tools-sec .videoText > div.content{
        margin-bottom: 0;
    }*/

    #popularArticleSecMob .contentDiv .author-div p .author-name{
        font-size: 13px;
        font-family: 'pf-regular';
        color:#000000;
    }

    #popularArticleSecMob .contentDiv .author-div p .author-cat{
        font-size: 13px;
        font-family: 'pf-medium';
    }

    .blog-cat-sec .browse-cat ul li a{
        font-size: 16px;
    }

    .blog-cat-sec .browse-cat-title{
        font-size: 18px;
    }

    .popular-article-sec {
        padding: 40px 0;
    }

    #popularArticleSecMob li a .contentDiv{
        padding: 0 0 0 5%;
    }

    #blogSliderMob .blogSliderMobContent .author-div h3.article-title{
        font-size: 20px;
    }

    #blogSliderMob .blogSliderMobContent .author-div .author-detail h5.author-name{
            margin: 0 5%;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.2;
            letter-spacing: 0.5px;
             color: #000000;
    }

    #blogSliderMob .blogSliderMobContent > img{
        border-radius: 4px;
        margin-top: 4px;
    }

    .blogEmailSubFormSec > div > div > div{
        padding-left: 24px;
    }

    #blogESForm1 .form-group{
        border-right: none;
    }

    #responseMsgDiv, #responseMsgDiv1{
        display: none;
    }

    .VideoContentDiv p{
        display: none;
    }

    .VideoContentDiv{
        height: -webkit-fill-available;
        background-color: rgba(0,0,0,.3);
        z-index: 9;
    }

    .VideoContentDiv h5{
        position: absolute;
        bottom: 7px;
        font-size: 16px;
        line-height: 1.06;
    }

    .playIconDiv{
        left: 50%;
        z-index: 9999;
    }

    .playIconDiv > a > img{
        max-width: 18px;
    }

    #lightSlider > li, #lightSlider > li .videosForYou{
        max-width: 180px;
    }

    #htSlider {
        min-height: 150px !important;
    }

    #htSlider > li {
        max-width: 200px;
    }


    #htSlider > li .htContent{
        width: 200px;
        padding: 12px;
        min-height: 135px;
    }

    #htSlider > li .htContent img{
        max-width: 36px;
    }

    #htSlider > li .htContent .calTitle{
        font-size: 16px;
        line-height: 1.13;
    }

    #htSlider > li .htContent .calDesc{
        font-size: 14px;
        line-height: 1.29;
        letter-spacing: normal;
    }

    #podcastSlider{
        max-height: 120px;
    }

    #podcastSlider > li {
        width: 308px !important;
    }

    #podcastSlider > li .podcastContent{
        width: 100%;
    }

    #podcastSlider > li .podcastContent > img{
        width:100px;
    }

    #podcastSlider > li .podcastContent > .podcastInnerDiv {
        padding: 10px;
    }

    #podcastSlider > li .podcastContent > .podcastInnerDiv .podcastTitle{
        margin: 0 0 10px 0;
        font-size: 17px;
        line-height: 1.29;
    }

    #podcastSlider > li .podcastContent > .podcastInnerDiv .podcastDesc{
        font-size: 14px;
        line-height: 1.43;
    }

    .podcast-sec .videoText > div.content{
        margin-bottom: 0;
    }

    #meditationSlider > li .meditationContent > img{
        width:100px;
        max-height: 120px;
    }

    #meditationSlider > li .meditationContent > .meditationInnerDiv {
        padding: 10px;
        width: 100%;
    }

    #meditationSlider > li .meditationContent > .meditationInnerDiv .meditationTitle{
        font-size: 17px;
        line-height: 1.29;
    }

    #meditationSlider > li .meditationContent > .meditationInnerDiv .meditationDesc{
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: normal;
    }

    #meditationSlider > li .meditationContent > .meditationInnerDiv .meditationDesc > span{
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: 0.5px;
    }

    #meditationSlider > li {
        width: 308px !important;
    }

    #meditationSlider > li .meditationContent{
        width: 100%;
    }

    .meditation-sec{
        /*padding-bottom: 0;*/
    }

    .meditation-sec .videoText > div.content{
        margin-bottom: 0;
    }

    .meditation-sec .videoSliderDiv > div {
        margin: 0 0 20px;
    }

    

    .podcast-sec .videoSliderDiv .videoText {
        margin: 0;
    }

    .podcast-sec .videoSliderDiv > div {
        margin-bottom: 0;
    }

    .cat-section .article-content-div{
        margin-bottom: 20px 0;
        /*padding: 20px 0;*/
    }

    .video-slider-yt .videoSliderDiv{
        display: block;
    }

    .video-slider-yt .videoText{
        display: block;
    }

    .video-slider-yt .videoSliderDiv > div {
        position: relative;
    }

    .blog-sec-1 .lSAction > a{
        width: 26px !important;
        height: 26px !important;
    }

    .blog-sec-1 .lSAction > .lSPrev{
        background-position: -1px -3px !important;
    }

    .blog-sec-1 .lSAction > .lSNext {
        background-position: -37px -3px !important;
    }

    .cat-section > div > div > div.col-sm-6{
        margin-bottom: 20px !important;
    }

}

@media screen and (max-width: 600px){
    .backgroundImg{
        display: none;
    }

    .footer-info > li{
        font-size: 11px;
    }
}



/* Homepage New Css */
header#site-header {
    margin-bottom: 0 !important;
    max-width: 100%;
    padding: 0;
}

header#site-header .mkdf-wrapper-inner2{
    background-color: #c41c2b;
    display: inline-flex;
    max-height: 90px;
}

header#site-header .mkdf-wrapper-inner2 .container{
    background: inherit;
    display: inline-block;
}

header#site-header .mkdf-wrapper-inner1{
    background-color: #da9089;
    display: block;
    max-height: 46px;
}

.abc-sticky-menu{
    max-width: 100%;
}

.menuSubBtn {
    padding: 0px 2%;
    display: flex;
}

.menuSubBtn .abcBtnHeader{
    display: block;
    margin: 2% !important;
    font-size: 14px;
    font-family: "pf-medium";
    color:#000000 !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    min-width: 100px;
    max-width: 101px;
    max-height: 30px;
    padding: 7px 12px;
}

.search-form-mkdf{
    right: 0px;
    top: 7px;
}
.search-submit-mkdf{
    top:0;
}
.search-form-mkdf *{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    max-height: 30px;
}

.blog-sec-1-content .blog-sec-1-right-content > li .content-area .author-div .author-detail .author-info{
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 18px;
    opacity: 0.84;
}





.d-flex{
    display: flex !important;
}

.sc_player_container1 .myButton_play{
    background: transparent url("./img/home-icons/icon-play-small-red.png") no-repeat !important;
    width: 20px !important;
    height: 20px !important;
}

.sc_player_container1 .myButton_stop{
    background: transparent url("./img/home-icons/icon-pause-small-red.png") no-repeat !important;
    width: 20px !important;
    height: 20px !important;
}


@media screen and (max-width: 767px){
    .menuSubBtn .abcBtnHeader{
        margin: 0% !important;
        min-width: 80px;
        font-size: 11px !important;
        padding: 7px 8px;
    }

    .mobile-search-form{
        position: relative;
        padding-left: 5px;
    }

    .mobile-search-form .searchmob{
        vertical-align: sub;
    }

    .mobile-search-form .search-box{
        position: absolute;
        top: 46px;
        right: 50%;
        width: 325px;
        height: 40px;
        line-height: 40px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        /*border: 0.5px solid #f7a501; */
        z-index: 99;
        display: none;
        border: 1px solid rgba(0, 0, 0, 0.5);
        border-radius: 6px;
        background: #ffffff;
    }

    #search-form-header-mob{
        
        
        
        outline: none;
        margin: 0;
        border-radius: 0;
        color:#000000;
        height: initial;
        
    }

    .mobile-search-form .search-box .search-box-submit-btn{
        width: 15%;
        padding: 5px 0px;
        /*background: #c41c2b;*/
        background: #f7a501;
        /*border: 0.5px solid #c41c2b;*/
        outline: none;
        margin: 0;
        border-radius: 0 6px 6px 0;
    }


    #datafetchMob{
        position: absolute;
        top: 90px;
        right: 0px;
        color: #ffffff;
        width: 325px;
        display: flex;
        background: #da9089;
        z-index: 999;
        border: 0.2px solid #9a9a9a;
        padding: 5px 10px;
        margin: 0;
        display: none;
        text-align: left;
    }

    #searchDataFetchLoadMob{
        margin:0;
    }

    #searchDataFetchLoadMob small{
        font-size: 85%;
    }


    #datafetchMob img{
        max-width: 50px;
        padding-right: 5px;
    }

    #datafetchMob a{
        text-decoration:none;
    }

    #podcastModalDiv{
        max-width: 400px;
        width: 100%;
    }


}





/* Audio Player Modal CSS */
#meditationModalDiv .player .imgBx{
    position: relative;
}

#meditationModalDiv .player .imgBx button.close{
    position: absolute;
    top: 0;
    right: 10px;
    outline: none;
}

#meditationModalDiv .player .imgBx audio{
    width: 100%;
    display: block;
    margin-top: 20px;
    outline: none;
}



#meditationModalDiv .modal-dialog{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.meditation-title-modal{
    margin-top: 0;
}

#meditationModalDiv .modal-dialog .meditation-title-modal{
    font-size: 4vh;
    font-family: "pf-regular";
    font-weight: 500;
    line-height: 0.93;
    letter-spacing: normal;
    color: #000000;
    margin-top: 0;
    margin-bottom: 20px;
}



@media screen and (max-width: 767px){
    #abcAuthor .abcAuthorDetail {
        display: flex;
    }
    #abcAuthor .abcAuthorDetail {
        display: flex;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorImg {
        max-width: 80px;
        max-height: 80px;
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
        /* float: left; */
        margin: 0 20px 10px 6px;
        object-fit: cover;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent {
        padding: 0;
        text-align: left;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorTitle {
        font-size: 18px;
        font-family: "pf-medium";
        letter-spacing: normal;
        padding: 0;
        margin: 0;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorDesc {
        font-size: 13px;
        font-family: "pf-light";
        letter-spacing: normal;
    }
    #abcAuthor .abcAuthorDetail .abcAuthorContent .authorSocial {
        /* margin-top: 20px; */
        text-align: left;
    }
}


@media screen and (max-width: 600px){
    #meditationModalDiv .modal-dialog{
        width:80%;
    }
}






.video-slider-yt .videoSliderDiv{
    padding: 60px 0;
}

.videoSliderDiv .lSAction{
    display: block !important;
    position: absolute;
    bottom:20px;
    z-index: 999;
    left: 83.6vw;
}

.health-tools-sec .lSAction{
    bottom: 20px;
}

.podcast-sec .lSAction, .meditation-sec .lSAction{
    bottom: 60px;
}

.lSAction > a{
    background-color: #000000;
    border-radius: 100px;
    width: 22px;
    height: 22px;
    opacity: 1;
    width:32px !important;
    height: 32px !important;
}

.videoSliderDiv .lSAction > .lSPrev{
    background: url("./img/icon-angle-left.svg") !important;
    background-position: -3px -4px;
    opacity: 0.9;
    left:0;
}

.videoSliderDiv .lSAction > .lSNext{
    background: url("./img/icon-angle-right.svg") !important;
    background-position: -39px -5px;
    opacity: 0.9;
    left: 50px !important;
}

@media screen and (max-width: 1365px){
    .video-slider-yt .videoSliderDiv {
        padding: 10px 0;
    }

    .podcast-sec .lSAction, .meditation-sec .lSAction{
        bottom: 50px;
    }
}

@media screen and (max-width: 767px){
    
    .video-slider-yt .videoSliderDiv > div.lSSlideOuter{
        padding: 20px 0px 50px;
    }

    .videoSliderDiv .lSAction{
        bottom: 20px;
        left: 74%;
    }


}


.toggle-comments span {
    padding: 12px 14px;
    font-size: 13px;
}







/* Asthma Calculator CSS */
#asthmaSec .asthmaForm {
  background-color: #ffffff;
  margin: 0px auto;
  padding: 0 40px;
  width: 70%;
  min-width: 300px;
  max-width: 700px;
}

/* Style the input fields */
#asthmaSec input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
#asthmaSec input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
#asthmaSec .tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
#asthmaSec .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
#asthmaSec .step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
#asthmaSec .step.finish {
  background-color: #4CAF50;
}
#asthmaSec form.asthmaForm h3{
    padding-bottom: 30px;
    text-align: center;
}

#asthmaSec form.asthmaForm .container{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    float: left;
    width:50%;
    margin-bottom: 40px;
}

/* Hide the browser's default checkbox */
#asthmaSec form.asthmaForm .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
#asthmaSec form.asthmaForm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
#asthmaSec form.asthmaForm .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#asthmaSec form.asthmaForm .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
#asthmaSec form.asthmaForm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
#asthmaSec form.asthmaForm .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
#asthmaSec form.asthmaForm .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#asthmaSec .question-box {
    padding: 30px 0 15px;
}

#asthmaSec .question-box img{
    max-width: 90px;
}

#asthmaSec h1{
    color: #CB1F33 !important;
}

#resultDivasthma .container{
    width: 100% !important;
}

#resultDivasthma .container .row h3{
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
    color:#737478;
}

#resultDivasthma .container .row p{
    font-size:18px;
    text-align:center;
    padding-bottom: 10px !important;
}

.asthmaForm .qtitle{
    font-size: 1.5em;
}

#asthmaSec form.asthmaForm .container:hover input ~ .checkmark{
    opacity: 1;
    border:1px solid #e64c3c;
    background-color: #efefef !important;
}

#asthmaSec form.asthmaForm .container input:checked ~ .checkmark{
    background-color: #e64c3c !important;
}

#asthmaSec form.asthmaForm .checkmark{
    border-radius: 100px;
    background-color: #ffffff !important;
    border:1px solid #e64c3c;
}

@media only screen and (max-width:992px){
  #asthmaSec form.asthmaForm .container{
    font-size:18px;
    width:100%;
  }
}

form.asthmaResultSec{
    width:100% !important;
    padding: 30px 2% !important;
    /*border: 1px solid rgba(203,32,52,0.22) !important;*/
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    max-width: 1000px !important;
}

form.asthmaForm .abcBtn{
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #fff;
    background-color: #f7a501;
    border-color: #f7a501;
    padding: 15px 25px;
    margin: auto 5px;
    min-width: 130px;
}

form.asthmaForm .abcBtn:hover{
    background-color: #f7a501 !important;
}

form.asthmaResultSec #resultDivasthma > .container{
    padding: 20px 2% !important;
}

form.asthmaResultSec #resultDivasthma h3,form.asthmaResultSec #resultDivasthma p{
    text-align: left !important;
}

#resCol h2,#resCol2 h2{
  font-size: 1.5em !important;
}

#resCol2 h2 > span{
    border-bottom: 2.5px solid #da9089;
}

form.asthmaResultSec #resultDivasthma #resCol2 h3{
    font-size: 20px !important;
    letter-spacing: 1px !important;
    color:#000000 !important;
    text-align: center !important;
    max-width: 400px !important;
    margin: 10px auto !important;
    font-weight: 500;
}

#HRiskasthma a{
    color: #f67280;
    /*text-decoration: none;*/
}

#HRiskasthma a:hover{
    color: #f35162;
}

#FinalResultasthma div.asthmaLinkP{
    text-align: center !important;   
    margin-top: 0;
    padding-top: 0 !important;
    color:#000000 !important;
}

#FinalResultasthma div.asthmaLinkP a{
    color: #cf0016;
}

#FinalResultasthma div.asthmaLinkP a:hover{
    color: #f67280;
}

@media only screen and (min-width:767px){
    .hideDesktop{
        display: none;
    }
}

@media only screen and (max-width:767px){
    .hideMobile{
        display: none;
    }
}

form.asthmaResultSec #resultDivasthma #resCol2 h3 span{
    color:#CB1F33 !important;
}

form.asthmaResultSec #FinalResultasthma > div{
    text-align: center !important;
    padding-top: 30px !important;
}

form.asthmaResultSec #FinalResultasthma img{
    width:120px !important;
}

#asthmaTitleDiv h1{
    margin-bottom: 10px !important;    
}

#asthmaTitleDiv p{
    text-align: center;
}

.asthmaForm *,#asthmaTitleDiv *,.asthmaForm .question-box h1{
    font-family: Poppins, Arial, Helvetica, sans-serif !important;
}

#asthma19PostSec img{
    width:auto !important;
}


#asthmaTitleDiv .page-title{
    font-family: 'pf-medium' !important;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.22px;
    text-align: center;
    color: #000000 !important;
}

#asthmaTitleDiv p{
    font-family: 'pf-light' !important;
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: 0.18px;
    text-align: left;
    color: #4c4c4c;
    text-align: center;
}

.asthmaForm .qtitle{
    font-family: 'pf-medium' !important;
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #000000;
    padding-bottom: 15px;
    margin: 0;
}

#asthmaSec form.asthmaForm .container{
    font-family: 'pf-light' !important;
    font-size: 22px !important;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222222;
}


#resultDivasthma .container .row p{
    font-family: 'pf-medium' !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #CB1F33;
    padding-bottom: 15px;
    margin: 0;
}

.asthmaForm *, #asthmaTitleDiv *{
    font-family: 'pf-medium' !important;
    font-size: 24px;
}

#resultDivasthma .container .row h3{
    font-family: 'pf-medium' !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    margin: 0;
}

form.asthmaResultSec #resultDivasthma #resCol2 h3{
    font-size: 24px !important;
}

#resultDivasthma .container #resCol .row {
    padding-bottom: 15px;
}

#resCol h2, #resCol2 h2,#resCol2 h2 > span{
    font-family: 'pf-medium' !important;
    font-size: 32px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
}

form.asthmaResultSec #FinalResultasthma > div{
    padding-top: 10px !important;
}

.asthmaLinkP > a{
    color: #f67280;
}

#FinalResultasthma{
   padding: 5px !important;
    margin: 0 !important;
}

#FinalResultasthma .asthmaRiskResultDiv{
    text-align: left !important;
    padding: 8px 0;
    color:#ffffff;
}

#FinalResultasthma #HRiskasthma{
    background: red;
}

#FinalResultasthma #MRiskasthma{
    background: orange;
}

#FinalResultasthma #LRiskasthma{
    background: #008000;
}

#FinalResultasthma .asthmaRiskResultDiv *{
    color:#ffffff;
    text-align: left;
}

/*#FinalResultasthma .asthmaRiskResultDiv a{
    color: #cf0016;
}

#FinalResultasthma .asthmaRiskResultDiv a:hover{
    color: #f67280;
}*/

.asthma-res-ul{
    margin: 10px 10%;
    list-style-type: initial;
}

.asthma-res-li, .asthma-res-li a{
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
}

div.asthmaLinkP{
    padding-top: 30px !important;
    font-size: 18px;
}


@media only screen and (min-width:992px){
    form.asthmaResultSec #resultDivasthma #resCol{
        border-right: 2px dashed #d18985 !important;
    }
}

@media only screen and (max-width:640px){
  #asthmaSec .question-box .icon-calculator {
    float: none;
    width: 100%;
    text-align: center;
  }
  
  #asthmaSec .question-box h1 {
    width: 100% !important;
    font-size: 24px !important;
    text-align:center;
  }
  
  #asthmaSec .asthmaForm {
    padding: 40px 20px;
    width: 100%;
  }

  #asthmaTitleDiv h1 {
    font-size: 1.8em;
  }
}




/* chronic Calculator CSS */
#chronicSec .chronicForm {
  background-color: #ffffff;
  margin: 0px auto;
  padding: 0 40px;
  width: 100%;
  min-width: 300px;
  max-width: 700px;
}

/* Style the input fields */
#chronicSec input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
#chronicSec input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
#chronicSec .tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
#chronicSec .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
#chronicSec .step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
#chronicSec .step.finish {
  background-color: #4CAF50;
}
#chronicSec form.chronicForm h3{
    padding-bottom: 30px;
    text-align: center;
}

#chronicSec form.chronicForm .container{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    float: left;
    width:50%;
    margin-bottom: 40px;
}

/* Hide the browser's default checkbox */
#chronicSec form.chronicForm .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
#chronicSec form.chronicForm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
#chronicSec form.chronicForm .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#chronicSec form.chronicForm .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
#chronicSec form.chronicForm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
#chronicSec form.chronicForm .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
#chronicSec form.chronicForm .container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#chronicSec .question-box {
    padding: 30px 0 15px;
}

#chronicSec .question-box img{
    max-width: 90px;
}

#chronicSec h1{
    color: #CB1F33 !important;
}

#resultDivchronic .container{
    width: 100% !important;
}

#resultDivchronic .container .row h3{
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
    color:#737478;
}

#resultDivchronic .container .row p{
    font-size:18px;
    text-align:center;
    padding-bottom: 10px !important;
}

.chronicForm .qtitle{
    font-size: 1.5em;
}

#chronicSec form.chronicForm .container:hover input ~ .checkmark{
    opacity: 1;
    border:1px solid #e64c3c;
    background-color: #efefef !important;
}

#chronicSec form.chronicForm .container input:checked ~ .checkmark{
    background-color: #e64c3c !important;
}

#chronicSec form.chronicForm .checkmark{
    border-radius: 100px;
    background-color: #ffffff !important;
    border:1px solid #e64c3c;
}

@media only screen and (max-width:992px){
  #chronicSec form.chronicForm .container{
    font-size:18px;
    width:100%;
  }
}

form.chronicResultSec{
    width:100% !important;
    padding: 30px 2% !important;
    /*border: 1px solid rgba(203,32,52,0.22) !important;*/
    -webkit-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    box-shadow: 0px 5px 33px -11px rgba(0,0,0,.2);
    max-width: 1000px !important;
}

form.chronicForm .abcBtn{
    text-decoration: none !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #fff;
    background-color: #f7a501;
    border-color: #f7a501;
    padding: 15px 25px;
    margin: auto 5px;
    min-width: 130px;
}

form.chronicForm .abcBtn:hover{
    background-color: #f7a501 !important;
}

form.chronicResultSec #resultDivchronic > .container{
    padding: 20px 2% !important;
}

form.chronicResultSec #resultDivchronic h3,form.chronicResultSec #resultDivchronic p{
    text-align: left !important;
}

#resCol h2,#resCol2 h2{
  font-size: 1.5em !important;
}

#resCol2 h2 > span{
    border-bottom: 2.5px solid #da9089;
}

form.chronicResultSec #resultDivchronic #resCol2 h3{
    font-size: 20px !important;
    letter-spacing: 1px !important;
    color:#000000 !important;
    text-align: center !important;
    max-width: 400px !important;
    margin: 10px auto !important;
    font-weight: 500;
}

#HRiskchronic a{
    color: #f67280;
    /*text-decoration: none;*/
}

#HRiskchronic a:hover{
    color: #f35162;
}

#FinalResultchronic div.chronicLinkP{
    text-align: center !important;   
    margin-top: 0;
    padding-top: 0 !important;
    color:#000000 !important;
}

#FinalResultchronic div.chronicLinkP a{
    color: #cf0016;
}

#FinalResultchronic div.chronicLinkP a:hover{
    color: #f67280;
}

@media only screen and (min-width:767px){
    .hideDesktop{
        display: none;
    }
}

@media only screen and (max-width:767px){
    .hideMobile{
        display: none;
    }
}

form.chronicResultSec #resultDivchronic #resCol2 h3 span{
    color:#CB1F33 !important;
}

form.chronicResultSec #FinalResultchronic > div{
    text-align: center !important;
    padding-top: 30px !important;
}

form.chronicResultSec #FinalResultchronic img{
    width:120px !important;
}

#chronicTitleDiv h1{
    margin-bottom: 10px !important;    
}

#chronicTitleDiv p{
    text-align: center;
}

.chronicForm *,#chronicTitleDiv *,.chronicForm .question-box h1{
    font-family: Poppins, Arial, Helvetica, sans-serif !important;
}

#chronic19PostSec img{
    width:auto !important;
}


#chronicTitleDiv .page-title{
    font-family: 'pf-medium' !important;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0.22px;
    text-align: center;
    color: #000000 !important;
}

#chronicTitleDiv p{
    font-family: 'pf-light' !important;
    font-size: 21px;
    line-height: 1.4;
    letter-spacing: 0.18px;
    text-align: left;
    color: #4c4c4c;
    text-align: center;
}

.chronicForm .qtitle{
    font-family: 'pf-medium' !important;
    font-size: 24px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #000000;
    padding-bottom: 15px;
    margin: 0;
}

#chronicSec form.chronicForm .container{
    font-family: 'pf-light' !important;
    font-size: 22px !important;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: #222222;
}


#resultDivchronic .container .row p{
    font-family: 'pf-medium' !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    color: #CB1F33;
    padding-bottom: 15px;
    margin: 0;
}

.chronicForm *, #chronicTitleDiv *{
    font-family: 'pf-medium' !important;
    font-size: 24px;
}

#resultDivchronic .container .row h3{
    font-family: 'pf-medium' !important;
    font-size: 22px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
    margin: 0;
}

form.chronicResultSec #resultDivchronic #resCol2 h3{
    font-size: 24px !important;
}

#resultDivchronic .container #resCol .row {
    padding-bottom: 15px;
}

#resCol h2, #resCol2 h2,#resCol2 h2 > span{
    font-family: 'pf-medium' !important;
    font-size: 32px !important;
    font-weight: 500;
    letter-spacing: 0.22px;
}

form.chronicResultSec #FinalResultchronic > div{
    padding-top: 10px !important;
}

.chronicLinkP > a{
    color: #f67280;
}

#FinalResultchronic{
   padding: 5px !important;
    margin: 0 !important;
}

#FinalResultchronic .chronicRiskResultDiv{
    text-align: left !important;
    padding: 8px 0;
    color:#ffffff;
}

#FinalResultchronic #HRiskchronic{
    background: red;
}

#FinalResultchronic #MRiskchronic{
    background: orange;
}

#FinalResultchronic #LRiskchronic{
    background: #008000;
}

#FinalResultchronic .chronicRiskResultDiv *{
    color:#ffffff;
    text-align: left;
}

/*#FinalResultchronic .chronicRiskResultDiv a{
    color: #cf0016;
}

#FinalResultchronic .chronicRiskResultDiv a:hover{
    color: #f67280;
}*/

.chronic-res-ul{
    margin: 10px 10%;
    list-style-type: initial;
}

.chronic-res-li, .chronic-res-li a{
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 1.4;
}

div.chronicLinkP{
    padding-top: 30px !important;
    font-size: 18px;
}


@media only screen and (min-width:992px){
    form.chronicResultSec #resultDivchronic #resCol{
        border-right: 2px dashed #d18985 !important;
    }
}

@media only screen and (max-width:640px){
  #chronicSec .question-box .icon-calculator {
    float: none;
    width: 100%;
    text-align: center;
  }
  
  #chronicSec .question-box h1 {
    width: 100% !important;
    font-size: 24px !important;
    text-align:center;
  }
  
  #chronicSec .chronicForm {
    padding: 40px 20px;
    width: 100%;
  }

  #chronicTitleDiv h1 {
    font-size: 1.8em;
  }
}









/* New Header CSS */
.header-max-width{
    max-width: 1280px;
}

.abhi-top-bar{
    background: #ffffff;
}

.abhi-middle-bar{
    background: #c7222a;}

.abhi-bottom-bar{
    background: #da9089;
}

.abhi-last-bar{
    background: #6a4742;
}


.top-nav-div{
    max-width: 600px;
    float: right;
    background: #c7222a;
}

#header-top-nav-ul{
    margin: 0;
    width:100%;
}

#header-top-nav-ul .header-top-nav-li{
    background: #c7222a;
    float: left;
    color:#ffffff;
    border-right:1px solid #ffffff;
    border-bottom:none;
    margin-bottom: 0;
}

#header-top-nav-ul .header-top-nav-li:last-child{
    border-right:none;
}

#header-top-nav-ul .header-top-nav-li:hover{
    background: #ffffff;
    color:#000000;
}

#header-top-nav-ul .header-top-nav-li .header-top-nav-links{
    color:inherit;
    text-decoration: none;
    width:inherit;
    height:inherit;
    display: block;
    padding: 3px 30px 3px 15px;
    font-family: "pf-regular";
    font-size: 14px;
}

#header-top-nav-ul .header-top-nav-li .header-top-nav-links:after{
    font-family: fontello;
    content: "\e806";
    font-weight: 300;
    margin-left: 5px;
    font-size: 11px;
    position: absolute;
    top: 7px;
}

#header-top-nav-ul .header-top-nav-li:hover .header-top-nav-links:after{
    content: "\e808";
}




.abhi-middle-bar{
    /*min-height: 70px;*/
}

.abhi-middle-bar .middle-nav-div{
    margin-left: 6%;
    max-width: 100%;
    width: 100%;
}

.abhi-logo-div{
    max-width: 230px;
}

.abhi-logo-div img{
    max-width: 230px;
    margin: 10px;
    /*margin-left: 0;*/
}

.abhi-logo-div a{
    display: inline-block;
}

#header-middle-nav-ul{
    margin-left: 0;
}

#header-middle-nav-ul .header-middle-nav-li{
    color:#ffffff;
    float: left;
}

#header-middle-nav-ul .header-middle-nav-li:hover .header-middle-nav-links{
    background: #ffffff;
    color:#000000;
}

#header-middle-nav-ul .header-middle-nav-li .header-middle-nav-links{
    color:inherit;
    text-decoration: none;
    padding: 14px 25px 14px 12px;
    text-transform: uppercase;
    font-family: "pf-medium";
    font-size: 18px;
    font-weight: 400;
    line-height: .89;
    background:transparent;
    border: none;
}

#header-middle-nav-ul .header-middle-nav-li .header-middle-nav-links:after{
    font-family: fontello;
    content: "\e806";
    font-weight: 300;
    margin-left: 5px;
    font-size: 11px;
    position: absolute;
    top: 4px;
}

#header-middle-nav-ul .header-middle-nav-li:hover .header-middle-nav-links:after{
    content: "\e808";
}

.header-login-div{
    margin:inherit;
}

#header-middle-right-nav-ul{
    margin-right: 0;
    /*float: right;*/
    margin-bottom: auto;
}

#header-middle-right-nav-ul .header-middle-right-nav-li{
    color:#ffffff;
    float: left;
}

#header-middle-right-nav-ul .header-middle-right-nav-li img{
    width:14px;
    vertical-align: baseline;
    margin-left: 8px;
    display: inline-block;
    float: none;
}


#header-middle-right-nav-ul .header-middle-right-nav-li .header-middle-right-nav-links{
    color:inherit;
    text-decoration: none;
    padding: 14px 12px;
    text-transform: uppercase;
    font-family: "pf-regular";
    font-size: 18px;
    font-weight: 400;
    line-height: .89;
    background:transparent;
    border: none;
}

#header-middle-right-nav-ul .header-middle-right-nav-li:hover{
    text-decoration-line: underline;
   text-underline-offset: 6px; 
}



.abhi-bottom-bar{
    width:100%;
}

.abhi-bottom-bar .bottom-nav-div{
    width:100%;
    margin: auto;
}

.menuSubBtn{
    padding: 0;
    display: inline-block;
}

.menuSubBtn > div{
    top: 5px;
    right: 0;
    width:auto;
    display: flex;
    float: right;
}

.search-form-mkdf {
    top: 0;
}

.search-submit-mkdf {
    top: 5px;
}


.abhi-last-bar{
    width:100%;
}

.abhi-last-bar .last-nav-div{
    width:100%;
    margin: auto;
}

.abhi-last-bar .last-nav-div h5{
    color:#ffffff;
    margin: 0;
    font-family: "pf-regular";
    font-size: 18px;
    line-height: 23px;
    margin-left: 3%;
}



/* Middle Nav Dropdown */
.header-dropdown-ul, .header-dropdown-ul .header-dropdown-li{
    position: relative;
}

.sub-menu{
    display: none;
}

.header-dropdown-ul .sub-menu{
    position: absolute;
    background-color: #fff;
    min-width: 224px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 101;
    left: 0px;
    margin: 0;
    padding: 10px 0;
}


.header-dropdown-ul > .header-dropdown-li:hover .sub-menu{
    display: block;
    margin-top: 10px !important;
    right: 0;
}
.header-dropdown-ul .sub-menu > li{
    display: inline;
    float: left;
    position: relative;
    font-size: 13px;
    margin-bottom: 0;
    text-align: left;
    padding: 10px 15px;
    color: #ffffff;
}

.header-dropdown-ul .sub-menu > li > a{
    text-decoration: none;
    color:#000000;
    font-size: 16px;
    font-family: "pf-regular";
}




/* Topbar CSS */
.topbar-header-dropdown-ul, .topbar-header-dropdown-ul .header-top-nav-li{
    position: relative;
}

.topbar-header-dropdown-ul .sub-menu{
    position: absolute;
    background-color: #fff;
    min-width: 224px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 101;
    right: 0px;
    margin: 0;
    padding:0;
}


.topbar-header-dropdown-ul > .header-top-nav-li:hover .sub-menu{
    display: block;
    margin-top: 0 !important;
    right: 0;
}
.topbar-header-dropdown-ul .sub-menu > li{
    display: inline;
    float: left;
    position: relative;
    font-size: 13px;
    margin-bottom: 0;
    text-align: left;
    padding: 10px 15px;
    color: #ffffff;
}

.topbar-header-dropdown-ul .sub-menu > li > a{
    text-decoration: none;
    color:#000000;
    font-size: 16px;
    font-family: "pf-regular";
}


.topbar-header-dropdown-ul .sub-menu ul.col-section-container{
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
}

.topbar-header-dropdown-ul .sub-menu ul.col-section-container .level1{
    display: table-cell;
    padding: 16px;
    width: 25%;
    list-style: none;
    padding-top: 20px;
    position: relative;
}

.topbar-header-dropdown-ul .sub-menu ul.col-section-container .level1 .list-unstyled {
    margin: 0;
    padding-top: 6px;
    width:100%;
    max-width: 100%;
    display: block;
}

.level1 .level2 {
    padding:0;
    width:200px;
}

.level1 .level2 > a{
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 8px;
    text-decoration: none;
    font-family: "pf-regular";
}

.pink-link-heading {
    color: #da9089 !important;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "pf-medium";
}

.green-link-section, .red-link-section {
    background-color: #eee;
    height: 100%;
}

.yellow-link-heading {
    color: #d4ae69 !important;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "pf-medium";
}

.green-link-heading{
    color: #969f6e !important;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "pf-medium";
}

.red-link-heading {
    color: #c7222a !important;
    font-size: 22px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "pf-medium";
}


#header-top-nav-ul .level1 .level2 > a{
    color:#000000;
}

#datafetch {
    right: 0;
}

/* Ipad Responsive */
@media screen and (max-width: 1200px){
    .abhi-middle-bar .middle-nav-div {
        margin-left: 0;
    }

    #header-middle-nav-ul .header-middle-nav-li .header-middle-nav-links {
        font-size: 15px;
    }

    #header-middle-right-nav-ul .header-middle-right-nav-li .header-middle-right-nav-links{
        font-size: 15px;
    }

    .header-login-div{
        padding: 0;
    }

    #header-middle-right-nav-ul{
        margin-left: 0;
        float: right;
        margin-bottom: auto;
    }

    .abhi-bottom-bar .bottom-nav-div {
        width: 100%;
        margin: auto;
        max-width: 100%;
        padding: 0 60px 0 25px;
    }

    .search-form-mkdf {
        top: 4px;
    }

    .search-submit-mkdf {
        top: 0;
    }

    #abcFixedMenu {
        display: block !important;
    }

    .level1 .level2 {
        padding: 0;
        width: 150px;
    }
}

.hide-ipad-1024{
    display: block;
}

.show-ipad-1024{
    display: none;
}

@media screen and (max-width: 1023px){
    .hide-ipad-1024{
        display: none;
    }

    .show-ipad-1024{
        display: block;
        float: right;
    }

    #mobile-header-right-content{
        display: flex;
        float: right;
    }

    #mobile-header-right-content > li{
        padding-right: 10px;
    }

    .abhi-middle-bar .middle-nav-div {
        display: flex;
    }

    #mobile-header-right-content {
        margin: revert;
    }

    .abhi-middle-bar .middle-nav-div > div{
        width:50%;
    }


    .abhi-logo-div{
        max-width: 100%;
    }

    .abhi-logo-div img {
        max-width: 180px;
    }

    .header-max-width {
        margin: auto;
    }

    .abhi-bottom-bar .bottom-nav-div {
        padding: 0 10px 0 20px;
    }

    .abhi-bottom-bar .bottom-nav-div > .row{
        width:100%;
    }
}


@media screen and (max-width: 767px){
    .abhi-middle-bar .middle-nav-div > div {
        width: 50%;
    }
}



/* Mobile New Navigation */
@media screen and (max-width: 1023px){
    #abc-mobnav{
        display: block;
        height: 100%;
        width: 412px;
        background-color: #fff;
        z-index: 9999;
        position: fixed;
        right: 0;
        top: 0;
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        transition: transform .6s;
        overflow-y: scroll;
    }

    #abc-mobnav.active{
        display: flex;
        flex-wrap: wrap;
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .6s;
    }

    .mob-menu-header{
        background-color: #c7222a;
        padding-top: 22px;
        padding-left: 0;
        padding-bottom: 5px;
        width: 100%;
    }

    .mob-menu-header *{
        color:#ffffff;
    }

    .abc-close-menu {
        color: #c7222a;
        cursor: pointer;
        position: absolute;
        right: 44px;
        top: 28px;
    }

    .abc-logo-mob{
        max-width: 50%;
        padding-left: 22px;
    }

    .utility-links-global-nav {
        color: #fff !important;
        position: relative;
        left: 0;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .utility-links-global-nav ul {
        display: table;
        width: 100%;
        table-layout: fixed;
        list-style: none;
        padding: 0;
        margin: 20px 0;
        margin-bottom: -5px;
    }

    .utility-links-global-nav li {
        display: table-cell;
        float: none;
        text-align: center;
        width: 100%;
        list-style: none;
        vertical-align: middle !important;
        padding: 15px !important;
        color: #fff !important;
    }

    .utility-links-global-nav .selected-menu {
        font-weight: bold;
        list-style: none;
        color: #fff !important;
        background-color: #8b151b !important;
    }

    .utility-links-global-nav li a {
        text-decoration: none !important;
        color: #ffffff
    }

    .utility-links{
        display: none;
        padding-top: 25px;
        padding-bottom: 19px;
        width: 100%;
    }

    .utility-links.active{
        display: table;
    }

    .utility-links .icon, .utility-links .loggedin-name {
        font-size: 2.5rem;
        display: table-cell;
        color: #fff;
        text-decoration: none;
        border-bottom: none !important;
        padding-bottom: 0;
        text-align: center;
    }

    .utility-links img{
        width: 25px;
    }

    .menu-content-wrapper {
        float: left;
        width: 100%;
        height: calc(100% - 85px);
        background-color: #fff;
    }

    #abc-mobnav .menu-content{
        margin: 19px 30px 0;
    }

    #abc-mobnav .menu-content *, #abc-mobnav .menu-content * {
        color: #444749;
    }

    .mobi-nav-wrapper ul {
        padding-left: 0;
        margin: 15px 0px;
    }

    .mobi-nav-wrapper ul li {
        position: relative;
    }

    .mobi-nav-wrapper ul li.level1 {
        padding: 8px 0 0 0;
        margin-bottom: 32px;
        clear: both;
        float: left;
        width: 100%;
    }

    .mobi-nav-wrapper .pink-link>a, .mobi-nav-wrapper .pink-link span {
        color: #da9089 !important;
    }

    .mobi-nav-wrapper ul li a, .mobi-nav-wrapper ul li span {
        font-family: "pf-medium",sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 32px;
        text-transform: uppercase;
    }

    .mobi-nav-wrapper ul li ul {
        padding-top: 3px;
        width: 100%;
        float: left;
    }

    .mobi-nav-wrapper ul li ul li {
        padding: 10px 0 0 0;
        display: inline-block;
        width: 50%;
        float: left;
    }

    .mobi-nav-wrapper ul li {
        position: relative;
    }

    .mobi-nav-wrapper ul li ul li a, .mobi-nav-wrapper ul li ul li span {
        font-family: "pf-regular",sans-serif;
        font-size: 1.6rem;
        line-height: 20px;
        text-transform: none;
        color: #444749;
    }

    .mobi-nav-wrapper ul li.level1::after {
        content: "";
        width: 8px;
        height: 100%;
        position: absolute;
        left: -30px;
        top: 0;
        display: block;
    }

    .mobi-nav-wrapper .pink-link.level1::after {
        background-color: #da9089;
    }

    .mobi-nav-wrapper .green-link>a, .mobi-nav-wrapper .green-link span {
        color: #969f6e !important;
    }

    .mobi-nav-wrapper .green-link.level1::after {
        background-color: #969f6e;
    }

    .mobi-nav-wrapper .yellow-link>a, .mobi-nav-wrapper .yellow-link span {
        color: #d4ae69 !important;
    }

    .mobi-nav-wrapper .yellow-link.level1::after {
        background-color: #d4ae69;
    }

    .mobi-nav-wrapper .red-link>a, .mobi-nav-wrapper .red-link span {
        color: #c7222a !important;
    }

    .mobi-nav-wrapper .red-link.level1::after {
        background-color: #c7222a;
    }

    #abc-mobnav .level1 .level2 {
        width: 50%;
    }

    #abc-mobnav .level1 .level2 > a {
        font-size: 15px;
    }

    .mobi-footer-links, .mobi-top-navigation {
        border-top: 2px solid #ddd;
        clear: both;
    }

    .mobi-top-navigation {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .mobi-footer-links {
        padding-top: 10px;
    }

    .menu-footer {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 14px;
        padding-top: 26px;
        margin-top: 18px;
        margin-bottom: 0;
        padding-left: 0;
    }

    .menu-footer p {
        font-family: "pf-regular",sans-serif;
        font-size: 1.7rem;
        line-height: 24px;
        color: #000;
    }

    .menu-footer p span {
        color: #000;        
        font-size: 11px;
    }

    .mobi-footer-links ul, .mobi-top-navigation ul {
        padding-left: 0;
        margin-bottom: 8px;
        margin: 0;
    }

    .mobi-footer-links ul li, .mobi-top-navigation ul li {
        padding-bottom: 2px;
        padding-top: 5px;
    }

    .mobi-footer-links a, .mobi-top-navigation a {
        font-family: "pf-regular",sans-serif;
        font-size: 20px;
        line-height: 25.4px;
        text-decoration: none;
    }

    .mobi-footer-links .icon-arrow {
        font-size: 1.4rem;
        margin: 4px;
    }

    .mobi-footer-links ul li ul {
        margin-left: 20px;
        display: none;
        padding-top: 7px;
    }

    a#mob-others-dropwdown:after {
        font-family: fontello;
        content: "\e806";
        font-weight: 300;
        margin-left: 5px;
        font-size: 11px;
        position: absolute;
        top: 4px;
    }

}



@media screen and (max-width: 767px){
    #abc-mobnav {
        width: 100%;
    }

    .menuSubBtn {
        padding: 5px 0;
        display: flex;
    }

    .icon-search:before {
        color: #ffffff;
    }

    .abhi-bottom-bar .bottom-nav-div {
        padding: 0 10px 0 10px;
    }

    .mobile-search-form .search-box{
        top:34px;
    }

     .mobile-search-form .searchmob{
        color: #ffffff !important;
        font-size: 13px !important;

    }
}


@media screen and (max-width: 600px){
    .abhi-bottom-bar .bottom-nav-div > .row {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }

    .headtext {
        padding: 0;
    }


    #datafetch {
        right: 8px;
    }
}



/* Post Login Header CSS */
#header-post-login-div{
    text-align: right;
    max-width: 390px;
    position: relative;
}

#header-post-login-btn{
    background:transparent; 
    padding: 15px;
}

#user-shortname{
    font-family: "pf-regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: right;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    border:1px solid #ffffff;
    padding: 10px;
    display: inline-block;
    background: #8b151b;
    width:40px;
    height:40px;
    

}

#header-post-login-ul{
    right: 25px;
    left: auto;
    top: 60px;
    max-width: 100px;
    background: transparent;
    border:none;
    box-shadow:none
}

#header-post-login-ul .header-post-login-links{
    text-decoration: none;
    font-family: "pf-regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    background: #ffffff;
    padding: 10px;
    
}

#header-post-login-ul .header-post-login-li:hover .header-post-login-links{
    background: #8b151b;
    color:#ffffff;
}

.header-abc-dashboard-link{
    display: inline;   
}

.header-abc-dashboard-link > a{
    color:#8b151b;
    text-decoration: none;
    background: #ffffff;
    padding: 10px;
    font-family: "pf-regular", sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
}

.header-abc-dashboard-link > a:hover{
    background:#8b151b;
    color:#ffffff;
}




/* Download Music Modal Email Subscription CSS */
#downloadMusicLink{
    margin: 20px 0 30px;
    display: block;
    /*max-width: 400px;*/
    text-align: center;
    text-decoration: none;
    color:#ffffff;
    text-transform: uppercase;
    background: #f7a501;
    font-weight: 500;
    font-size: 13px;
    padding: 11px 20px;
    letter-spacing: 2px;
    border-radius: 5px;
    max-width: 200px;
}

#downloadMusicSubModalDiv *{
    font-family: 'pf-regular';
}

#downloadMusicSubModalDiv .close{
    float: right;
    position:absolute;
    right: 20px;
}

.DownloadMusicForm{
    padding-bottom: 20px;
    max-width: 500px;
    margin: auto;
}

#downloadMusicSubModalDiv h3{
    font-family: 'pf-medium';
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
}

#downloadMusicSubModalDiv p{
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.abcSubBtn,.abcSubBtn:hover{
    display: block;
    max-width: 100%;
    width:100%;
    background: #c7222a;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    font-family: 'pf-medium';
}

#downloadMusicSubModalDiv .form-group{
    border:none;
    outline:none;
}

#downloadMusicSubModalDiv input{
    height: 44px;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
}

#downloadMusicSubModalDiv input::placeholder{
    color: #aeaeae;
}

#downloadMusicSubModalDiv .abcSubBtn{
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #c7222a;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    padding: 12px;
}

#downloadMusicSubModalDiv .col-md-6 input{
    max-width: 98%;
    margin-bottom: 0;
}

#downloadMusicSubModalDiv .col-md-6 input[type="email"]{
    float: right;
}

#downloadmusicresponseMsgDiv{
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
}

#downloadmusicresponseMsgDiv a{
    color:#c7222a;
}

#downloadMusicSubModalDiv .modal-dialog{
    top:15%;
    /*left:20%;
    transform: translate(-50%,-50%);*/
}



/* Header Changes */
.abhi-last-bar .last-nav-div h5{
    font-size: 28px;
    padding: 7.5px 0;
}

.abhi-last-bar{
    background: #c7222a;
}

.abhi-middle-bar .middle-nav-div{
    margin: auto;
    max-width: 1280px;
}

.header-login-div{
    float: right;
    padding: 0;
}

/*.abhi-logo-div{
    max-width: 190px !important;
}*/

.abhi-logo-div img{
    margin: 10px 20px;
    max-width: 230px;
}

#header-middle-nav-ul{
    margin: 30px 0;    
}

#header-middle-right-nav-ul{
    margin: 0 !important;
    float: right;
}

#header-middle-right-nav-ul > li{
    height: 60px;
  line-height: 75px;
  text-align: center;
  vertical-align: middle;  
}

#header-middle-right-nav-ul > li > a{
    vertical-align: middle;
  display: inline-block;
  line-height: normal;

}

.abhi-bottom-bar .bottom-nav-div > .row{
    max-width: 1280px;
}

/*.top-nav-div{
    max-width: 400px;
    width: 100%;
}*/

@media screen and (max-width: 1365px){
    .top-nav-div{
        width: auto;
    }
}

@media screen and (max-width: 600px){
    .abhi-last-bar .last-nav-div h5{
        font-size: 22px;
        padding: 8px 0;
    }
}







.headtext .head-logo-2 a{
    font-family: 'pf-medium';
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.23px;
}

#menu-protecting > li > a{
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    font-size: 16px;
}

.abhi-logo-div {
    max-width: max-content;: 
}

.abhi-logo-div img{
    max-width: 190px;
    margin: 20px;
}

#header-middle-nav-ul{
    margin: 40px 0;
}

#header-middle-nav-ul .header-middle-nav-li a.header-middle-nav-links{
    font-family: 'pf-regular' !important;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.89;
    letter-spacing: normal;
    margin-right:16px;
}

#menu-protecting *{
    font-family: 'pf-regular';
}

.abhi-middle-bar .middle-nav-div > div{
    
}

@media screen and (max-width: 1365px){
    .abhi-logo-div img {
        margin: 20px 0;
    }
}





/* Subscription Popup CSS */
#appleOfferModal{
    margin-top: 50px;
}

#appleOfferModal .modal-dialog{
    width:80%;
}

#appleOfferModal .modal-body{
    padding: 0 !important;
}

.flex-container{
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */     
    display: flex; /* Standard syntax */
}

.flex-container .column{
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
    padding: 0;
}

#appleOfferModal button.close{
    position: absolute;
    right: 20px;
    font-size: 60px
}

.es-offer-form-div{
    display : flex;
    align-items : center;
    background:rgb(252, 247, 236);

}

.appleOfferSubForm{
    padding: 0 10%;
}



#ESAppleOfferForm input{
    height: 44px;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
}

#ESAppleOfferForm .form-group {
    border: none;
    outline: none;
}

#ESAppleOfferForm * {
    font-family: 'pf-regular';
}

#ESAppleOfferForm .col-md-6 input {
    max-width: 98%;
    margin-bottom: 0;
}

#ESAppleOfferForm .col-md-6 input[type="email"] {
    float: right;
}

#ESAppleOfferForm .abcSubBtn {
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #c7222a;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    padding: 12px;
}

#offerResponseMsgDiv{
    padding: 10px;
    border-radius: 5px;
    max-width: 100%;
    margin: 15px auto;
    display: none;
    text-align: center;
}

.offer-sidebar-img{
    width: 100% !important;
}


@media screen and (max-width: 1365px){
    #appleOfferModal .modal-dialog{
        width:90%;
    }

    .appleOfferSubForm .formTitle{
        font-size: 20px;
        margin-top: 0;
    }

    .ESAppleOfferForm .abhi-consent small{
        font-size: 11px;
    }
}

@media screen and (max-width: 992px){
    #appleOfferModal .modal-dialog{
        width:100%;
    }

    .appleOfferSubForm .formTitle {
        font-size: 17px;
        margin-top: 10px;
    }

    .appleOfferSubForm .formDesc {
        font-size: 13px;
        margin-top: 10px;
    }

    #ESAppleOfferForm input {
        height: 35px;
        font-size: 16px;
    }
}




@media screen and (max-width: 767px){
    #appleOfferModal .modal-dialog {
        width: 85%;
        margin: auto;
        padding: 30px 0;
    }

    #appleOfferModal button.close {
        position: absolute;
        right: -20px;
        font-size: 60px;
        top: -42px;
        opacity: 0.5;
    }

    .es-offer-main-content{
        display: block !important;
    }

    #appleOfferModal{
        margin-top: 5px;
    }

    .appleOfferSubForm {
        padding: 10px 8% 20px;
    }
}




/* Tags Sitemap Page CSS */
.search-by-tags{
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

#search-tag-input{
    width:30%;
    padding: 10px 1%;
    font-size: 15px;
    margin: auto;
}

.tags-sitemap .tags-div ul {
    margin: 0 2%;
}

.tags-sitemap .tags-div li{
    width: 20%;
    display: inline-block;
    float: left;
    padding: 10px 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tags-sitemap .tags-div a{
    font-size: 17px !important;
    text-decoration: none;
    font-family: "pf-regular";
    text-transform: capitalize;
}

.tags-sitemap-title{
    font-family: "pf-medium";
    font-size: 30px;
    margin: 0;
}

footer .tags-sitemap{
    padding: 20px 0 40px;
}

footer .tags-sitemap .tags-div{
    max-width: 800px;
    margin: auto;
}

footer .tags-sitemap .tags-div li{
    width:18%;
    display: block;
    float: left;
    margin: 5px 1%;
    padding: 0;
}

footer .tags-sitemap .tags-div a{
    display: block;
    padding:8px 0;
    margin: 0;
    font-size: 17px !important;
    text-decoration: none;
    font-family: "pf-regular";
    text-transform: capitalize;
    color:orange;
    background: #ffffff;
    
    border:1px solid orange;
    border-radius: 5px;
    
}

footer .tags-sitemap .tags-div li:hover a{    
    color:#ffffff;
    background: orange;
}

@media screen and (max-width: 767px){
    .tags-sitemap .tags-div li{4
        width: 50%;
    }

    footer .tags-sitemap .tags-div li{
        width:46%;
        margin: 5px 2%;
    }

    .tags-sitemap-title{
        font-size: 22px;
    }
}



.single .content-area.post-navigation.flex-grid.cols-1.landscape-aspect-ratio {
    margin: 0;
}

.single .footerSubscriberSection{
    margin: 40px 15px !important;
}

.footer-widget-area.footer-top,.footer-widget-area.footer-columns{
    display: none;
}


@media screen and (max-width: 767px){
    #hfh-banner-slider .carousel-caption{
        display: contents;
    }
}



/* Social share CSS */
.share .social-icon{
    border-radius: 100px;
    height: 36px; /* Can be anything */
    width: 36px; /* Can be anything */
    position: relative;
    list-style-type: none;
}

.share .social-icon.red{
    background: #c7222a;
}

.share .social-icon a{
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}

.single .share ul li:after{
    display: none;
}

.single .share ul li{
    margin: 5px !important;
}

.share .social-icon:first-child{
    background: none;
}

.share .social-icon .icon-share{
    color:#000;
    font-size: 2rem !important;
}





/* Email Subscription Common Modal */
#abhiEmailSubscriptionModal *{
    font-family: 'pf-regular';
}

#abhiEmailSubscriptionModal .close{
    float: right;
    position:absolute;
    right: 20px;
}

.abhiEmailSubscriptionModalForm{
    padding-bottom: 20px;
    max-width: 500px;
    margin: auto;
}

#abhiEmailSubscriptionModal h3{
    font-family: 'pf-medium';
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
}

#abhiEmailSubscriptionModal p{
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

/*.abcSubBtn,.abcSubBtn:hover{
    display: block;
    max-width: 100%;
    width:100%;
    background: #c7222a;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    font-family: 'pf-medium';
}*/

#abhiEmailSubscriptionModal .form-group{
    border:none;
    outline:none;
}

#abhiEmailSubscriptionModal input{
    height: 44px;
    font-size: 18px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.27px;
    text-align: left;
}

#abhiEmailSubscriptionModal input::placeholder{
    color: #aeaeae;
}

#abhiEmailSubscriptionModal .abcSubBtn{
    display: block;
    width: 100%;
    border-radius: 4px;
    background-color: #c7222a;
    color:#ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    padding: 12px;
}

#abhiEmailSubscriptionModal .col-md-6 input{
    max-width: 98%;
    margin-bottom: 0;
}

#abhiEmailSubscriptionModal .col-md-6 input[type="email"]{
    float: right;
}

#abhiEmailSubscriptionResponse{
    margin-top: 20px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
}

#abhiEmailSubscriptionResponse a{
    color:#c7222a;
}

#abhiEmailSubscriptionModal .modal-dialog{
    top:15%;
    /*left:20%;
    transform: translate(-50%,-50%);*/
}


/* Offer Winner Template CSS */
.offerWinner, .offerWinner > div, .offerWinner > div .row > div{
    padding: 0;
}

/* Header Language CSS */   
#langMenuDropdown li:hover{ 
    background: #eee;   
    color:#c7222a;  
}   
#langMenuDropdown li:hover a{   
    color:#c7222a;  
}   
#langMenuDropdown .active{  
    background: #eee;   
    color:#c7222a;  
}   
#langMenuDropdown .active a{    
    color:inherit;  
}   
#langMenuDropdown .sub-menu{    
    min-width:150px;    
}


#abhi-top-header > .container-fluid{
    max-width: 1440px;
}

#menu-protecting ul {
    width: 19em;
}

.abhi-bottom-bar #menu-protecting li ul a {
    width: 100%;
}

.slide-menu .custom-logo-link{
    font-size: 1.5rem;
}

.comment-body{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.comment-body .reply{
    position: absolute;
    bottom: -24px;
    left:40px;
}

.comment-content .wpulike{
    position: absolute;
    bottom: -40px;
    left:0;
}

#cancel-comment-reply-link {
    padding-left: 5%;
}

.comment-content{
    padding-left: 0;
}

/* Hindi Site CSS Start here  */    
.P9Lang-hindi .menuSubBtn .abcBtnHeader{    
    min-width: auto;    
    width: auto;    
    max-width: 100%;    
}   
.P9Lang-hindi .menuSubBtn>div{  
    width: 100%;    
}   
.P9Lang-hindi .search-form-mkdf{    
    top: 7px;   
}   
.P9Lang-hindi .search-submit-mkdf{  
    top: 0px;   
}   
.P9Lang-hindi .abhi-last-bar .last-nav-div h5{  
    font-size: 16px;    
}

.abhi-bottom-bar > div > div.row > .col-md-5{
    padding: inherit
}

.abhi-bottom-bar > div > div.row > .col-md-5:first-child{
    padding-left: 10px
}

#single-page-content{
    overflow: hidden;
    height: 300px;
    margin-bottom: 20px;
}
/*
#single-page-full-article{
    text-align: center;
    background:#f7a501;
    padding: 10px 0;
    border-radius: 5px;
}

#single-page-full-article, #single-page-full-article *{
    color:#ffffff;
    text-decoration: none;
    font-size: 20px;
    margin-bottom: 40px
}*/


#single-page-full-article{
    text-align: center;
    margin-bottom: 40px;
    padding: 10px 0;
    
    background: #c7222a url('../carrino-child/img/icon-arrow-down-new.png') center no-repeat;
    background-size: cover;
    border-radius: 50%;
  width: 50px;
  display: block;
  white-space: nowrap;
  padding: 1em 0 1em 0;
  text-indent: -3.1em;
  word-spacing: 4em;
  text-decoration: none;
  margin: 0 auto;
  position: relative;
  color: #c7222a;
}

#single-page-full-article a{
    text-decoration: none;
}
#single-page-full-article a:before, #single-page-full-article a:after{
    content: '';
  height: 1px;
  background: #CCC;
  width: 7em;
  display: block;
  position: absolute;
  height: 2px;
  top: 1.5em;
    
}

#single-page-full-article a:before{
    left: -11em;
}


#single-page-full-article a:after{
    right: -11em;
}

.article-content-section{
    overflow: hidden;
}

.original{
display: none;
}

.entry-meta ul li span {
    display: inline;
    text-transform: capitalize;
    font-size: 15px;
}

.jd-header{
    color: inherit;
    text-decoration: none;
    width: inherit;
    height: inherit;
    display: block;
    padding: 3px 30px 3px 15px;
    font-family: "pf-regular";
    font-size: 15px;
}



.has-sidebar:not(.has-hero) h1.entry-title {
    font-size: 30px;
    font-weight: bold;
}

h2 {
    font-size: 19px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: var(--title-font);
    margin: 15px 0;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: var(--very-dark-grey);
    line-height: 1.2;
}

h3 {
    font-size: 20px;
    line-height: 1.5;
}







.heading{
    font-family: PFHandbookPro-Regular;
    font-size: 21.8px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #444749;
}


.eng{
    width: 16px;
    height: 16px;
    margin-right: 15px;
    margin-top: -10px;
}


.active{
 //   text-decoration: underline;
}

.selected{
    font-family: PFHandbookPro-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #c7222a !important;
    margin-left: 8px;
}

.page-id-56136 .breadcrumb {
	display: none !important;
}


.wzrk-powered img {
    display: inline-block;
    animation: none;
    margin-bottom: -2px;
    width: auto !important;
}

.wzrk-alert-heading {

line-height: 1.2 !important;
font-family: Arial,sans-serif !important;	

}


.category-womens-wellness #appleOfferModal,.modal-backdrop{
display:none !important;
}

.category-dilsehealthy #appleOfferModal,.modal-backdrop{
display:none !important;
}

.category-health-and-fitness #appleOfferModal,.modal-backdrop{
display:none !important;
}


.category-diet-and-nutrition #appleOfferModal,.modal-backdrop{
display:none !important;
}

.category-lifestyle-conditions #appleOfferModal,.modal-backdrop{
display:none !important;
}

.category-mindfulness #appleOfferModal,.modal-backdrop{
display:none !important;
}

.page-id-52267 #appleOfferModal,.modal-backdrop{
display:none !important;
}

.post-template-default #appleOfferModal,.modal-backdrop{
display:none !important;
}

.archive #appleOfferModal,.modal-backdrop{
display:none !important;
}

.page-template-page-health-from-home #appleOfferModal,.modal-backdrop{
display:none !important;
}









img {
  width: 100%; /* or max-width: 100%; */
  height: auto;
}







.aditya {
    color: #fff;
    text-decoration: none;
    font-size: 23px;
    font-weight: 400;
    font-family: PFHandbookPro-Regular;
    line-height: 23px;
}

.aditya:hover {
    color: #fff;
    text-decoration: none;
    font-size: 23px;
    font-weight: 400;
    font-family: PFHandbookPro-Regular;
    line-height: 23px;
}


.wp-caption {
    margin: 0;
    max-width: 100%;
    height: auto;
    display: none !important;
}



a {
    background-color: transparent;
    text-decoration: none;
}

body {
    padding-right: 0px !important;
}





    @media only screen and (min-width: 767px) {
        .mobile {
            display:none !important;
        }
    } 

    @media only screen and (max-width: 767px) {
        .desktop {
            display:none !important;
        }
    } 
   




@media screen and (min-width: 768px){
.author_profile {
    padding: 30px 150px 28px 150px;
    background: #da90891c;
}
	
	.highlights{
    padding: 2% 20% 2% 20%;
}
}



@media screen and (max-width: 767px){
.author_profile {
    padding: 30px 30px 30px 30px;
    background: #da90891c;
}
	
		.highlights{
    padding: 2% 10% 2% 10%;
}
}


.so {
    width: 30px;
}

@media only screen and (max-width: 767px) {
.abc-sticky-menu {
    display: block;
    position: fixed !important;
    width: 100%;
    max-width: 1250px;
    z-index: 999;
    top: 0;
}
}

.sidebar-title {
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 20px;
    display: none;
}

#selectCatBtn {
display: none;
}


#select_cat_sidebar{
display: none;
}



ul, ol {
    margin: 0px;
    padding: 0;
    list-style: none;
}


[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
    width: 97% !important;
    border-radius: 20px;
    padding: 10px;
}


@media screen and (min-width: 1200px) and (max-width: 1500px){
.mega-dropdown.list-inline-item>a {
    height: 55px;
    text-decoration: none;
}
}

a {
    
    text-decoration: none !important;
}

input[type=search] {
    -webkit-appearance: none;
    padding: 20px;
    border: 1px solid #c91429;
}

.search-form-mkdf {
    top: 0;
    padding: 5px;
}

.dropdown-menu.fadeInFromTop {
    animation: fadeInFromTop .3s forwards;
    transform-origin: top;
    border-radius: 19px;
    boder: 0px;
}


.has-post-thumbnail:not(.disabled-post-thumbnail):not(.cover):not(.single-post):not(.widget-entry):not(.hero-entry) .entry-meta.before-title {
    position: absolute;
    top: 15px;
}

p {
    margin: 0 0 0px !important;
}

.page-header {
    padding: 10px 15px 15px 15px;
    z-index: -1;
    
}

 
.masonry-container {
    column-count: 2 !important; /* Display posts in two columns */
    column-gap: 30px !important; /* Adjust the gap between columns */
}

.entry-header{
	z-index: 0;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0 !important;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}


ol:not([start]):not([reversed]) {
    counter-reset: li-counter;
    margin-left: 43px !important;
}





.entry-content ul:not([class*="wp-"]) > li:before {
    content: "\2022";
    color: var(--medium-grey);
    display: inline-block;
    position: absolute;
    top: -3px !important;
    left: 10px;
    font-size: 24px;
}


strong {
    font-weight: bolder;
   
}

.css-pc7ote {
    background-color: #f7f7f7;
    line-height: 26px;
    margin: 30px 0;
    padding: 26px 30px;
    border-left-style: solid;
    border-left-width: 5px;
    border-color: #c91429;
    font-size: 20px !important;
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0;
    color: #212529 !important;
    text-align: justify;
    font-size: 16px;
    line-height: 1.5;



}

blockquote strong {
    font-weight: 700;
    margin-left: 0px !important;
}




.key-takeaway__content-wrap {
    border-left: 5px solid #c91429;
    background-color: #f2f2f2;
    padding: 16px;
    margin-top: 30px;
}


.key-takeaway__content li:before {
    width: 8px!important;
    height: 8px!important;
    left: 8px!important;
    top: 10px!important;
}

.entry-content ul, ol {
    margin: 25px;
    padding: 0;
    list-style: none;
}

.key-takeaway__content  {
    margin-bottom: 7px;
    position: relative;
    font-size: 16px !important;
	  font-weight: bold !important;
}

.is-form-style.is-form-style-3 input.is-search-input {
    border-right: 0 !important;
    border-radius: 10px;
}

.is-search-icon:hover, form.is-form-style input.is-search-submit:hover {
    background: #dcdcdc;
    border-radius: 50%;
    margin-right: 10px;
}


.is-form-style input.is-search-input {
    background: #fff;
    background-image: none !important;
    color: #333;
    padding: 0 0px;
    margin: 0;
    outline: 0 !important;
    font-size: 14px !important;
    height: 36px;
    min-height: 0;
    line-height: 1;
    border-radius: 0;
    border: 1px solid #ccc !important;
    font-family: arial;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

.is-form-style.is-form-style-3 input.is-search-input {
    border-right: 0 !important;
    border-radius: 10px;
    padding: 10px;
}




.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header, .disabled-post-thumbnail .entry-header {
    padding: 15px 5px;
    
    }



@media only screen and (max-width: 768px) {
  .page-header {
    padding: 10px 15px 15px 15px;
    z-index: -1;
    margin-top: 100px !important;
}
}









.entry-content ul, ol {
    margin: 20px;
    padding: 0;
    list-style: none;
}


.widget ul li a {
    font-family: var(--title-font);
    font-size: 14px;
    display: inline-block;
    border: 0;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 7px 0px 10px;
	
	
}





.widget-title {
    
    font-size: 1rem;
    letter-spacing: normal;
    padding: 15px;
    font-size: 20px;
}

/* Sticky Sidebar */
.sticky-sidebar {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    /* top: 20px;  Adjust the top position to your needs */
    z-index: 100;
}

/* Optional: Add some padding or margin for better visibility */
.widget-area {
  /*  padding: 10px;
    margin-top: 20px;  Adjust spacing as needed */
}


.is-sticky.is-sticky {
    position: fixed;
    top: 20px;
    z-index: 100;
    width: 22%;
    margin-top: 8%;
    padding-right: 20px;
}




#custom-sidebar {
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth transitions */
    
}

#custom-sidebar.hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none; /* Prevent interaction when hidden */
}


#custom-sidebar ul:not([class*="wp-"]) > li:before {
	
	display:none;
}




@media screen and (max-width: 768px) {
  .is-sticky {
    position: fixed;
    top: 20px;
    z-index: 100;
    width: 20%;
	display: none;
}


.has-sidebar:not(.has-hero) h1.entry-title {
    font-size: 30px;
    font-weight: bold;
    margin-top: 55px;
}

}



@media screen and (min-width: 768px) {
 
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
    display: none !important;
}
}


 .widget {
    font-family: var(--title-font);
    width: 100%;
    line-height: 1.1;
    background: #f2f2f2;
    padding: 15px;
    border-left: 3px solid #0000002b !important;
    padding-left: 10px !important;
    margin-bottom:30px;
}


.full-width {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}


.empty-sidebar-banner {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}





.post-thumbnail img {
    height: 100%;
    border-radius: 7px;
    object-fit: cover;
    display: flex;
}




.flex-grid:not(.masonry) {
    display: flex
;
    flex-wrap: wrap;
}

.pagination, .post-navigation, .navigation, .page-pagination {
    margin-top: 45px;
    margin-bottom: 45px;
}



.content-area {
    margin: auto;
    width: 100%;
    max-width: var(--container-max-width);
    padding: 0;
}





.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}





.post-navigation .has-post-thumbnail {
    max-height: 531px;
}




.flex-grid .flex-box {
    position: relative;
    margin: 15px;
    background: none;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    position: relative;
   // width: 100%;
    min-width: 0;
    border-radius: 5px;
}


.cover {
    justify-content: center;
}


.cover .post-thumbnail {
    width: 100%;
    height: 100%;
    overflow: hidden;
}


.post-thumbnail {
    width: 100%;
    border-radius: 7px;
    position: relative;
}


.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-header {
    color: var(--white);
    background: var(--overlay-gradient);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px;
    border-radius: 7px;
}

.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header, .disabled-post-thumbnail .entry-header {
    padding: 15px 5px;
}


.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header, .disabled-post-thumbnail .entry-header {
    padding: 0px 0px 0px 0px;
}

.the-post .entry-meta.before-title {
    position: static;
}


.post-navigation .entry-meta {
    text-transform: uppercase;
}

.entry-meta.before-title {
    margin-bottom: 30px;
}

.entry-meta {
    font-size: 12px;
    color: var(--medium-grey);
    font-family: var(--title-font);
    font-weight: 600;
}

.cover .author-category-meta {
    color: var(--light-grey);
}

.entry-meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-header .entry-meta.before-title ul.author-category-meta li.category-prepend {
    display: none;
}




.flex-box .entry-meta.before-title ul li:not(.category-list), .single-post .entry-meta.before-title ul li:not(.category-list) {
    background: var(--theme-color-2);
    color: var(--white);
    padding: 2px 6px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}

.entry-meta i {
    font-style: normal;
    text-transform: none;
    font-weight: 500;
}

.cover .entry-meta ul li {
    color: var(--white);
}



ol li, ul li {
    margin-bottom: 7px;
    position: relative;
    line-height:1.6;
}



.post-navigation .entry-meta span {
    background: #fff;
}



.entry-meta ul li span {
    display: inline;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: bold;
}


.cover .entry-title {
    min-height: 85px;
}

.cover .entry-title {
    color: var(--white);
}

.cover .entry-title {
    margin-bottom: 0;
}

.cols-2 .entry-title {
    
    line-height: 1.3;
}


.post-navigation .next-article {
    text-align: right;
}


h1.page-title, h1.entry-title {
    
    line-height: 1.2;
    font-weight: 600;
}



@media only screen and (min-width: 768px) {
 

.cols-2 .flex-box {
    width: calc(100% / 2 - 30px) !important;
}



.masonry-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    height:auto !important;
}

.masonry-container article {
    position: static !important;
    width: 100% !important;
}


}

.post-thumbnail {
    width: 100%;
    border-radius: 7px;
    position: relative;
}

.author-bio {
    width: 100%;
    text-align: justify;
    max-width: 875px;
    margin: 8px 3px 2px 2px !important;
    padding: 0px 0px 0px 0px;
    border-top: 0px solid var(--light-border-color);
    line-height: 1.5;
}

.author-bio p {
    margin: 30px 0 40px 0;
    font-size: 16px;
    line-height: 1.5rem;
    font-family: var(--body-font);
    color: var(--medium-grey);
}


.entry-meta a {
    text-transform: capitalize;
    text-decoration: none;
    display: inline-block;
    margin: 2px 0;
    font-weight:600;
}

.custom-post-author{
    text-transform: capitalize;
    font-weight: bold;
}




.faq-container {
    
    margin: auto;
    background: #fff;
    border-radius: 8px;
    
     }

    .faq-title {
      
      margin-bottom: 30px;
      font-size: 1.2em;
      color: #333;
    }

    .faq-item {
       margin-bottom: 15px;
       border-bottom: 1px solid #c91429;
    }

    .faq-item input {
      display: none;
    }

   .faq-item label {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 10px;
    color: #c91429;
    font-size: 16px;
    font-weight: bold;
      }

    .faq-item label::after {
      content: '+';
      position: absolute;
      right: 20px;
      font-size: 18px;
      transition: transform 0.3s ease;
    }

    .faq-item input:checked + label::after {
      content: '-';
      transform: rotate(180deg);
    }

    .faq-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      padding: 0 10px;
      color: #555;
    }

    .faq-item input:checked ~ .faq-content {
      max-height: 200px;
      padding: 10px;
      font-size: 16px;
    }

   .custom-post-reviewed-by{
    text-transform: capitalize;
   
    }
	



.my-breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    display: flex;
    flex-wrap: nowrap;   /* keeps in one row */
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.my-breadcrumbs li {
    display: inline-flex;
    align-items: center;
}

.my-breadcrumbs li:not(:last-child)::after {
    content: "›";
    margin: 0 8px;
    color: #666;
}

.my-breadcrumbs a {
    text-decoration: none;
    color: #c91429;
}

.my-breadcrumbs a:hover {
    text-decoration: underline;
}