/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.absolute-footer {
    background-color: #ffffff;border-top:  0px solid #e9ebee;margin-top: -8px;
}
span.widget-title {
    color: #00a2d6;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary {
    background-color: #ffffff;
    color: #00a2d6;
    border: 0px;

}
.col_no_hover a:hover * {text-decoration:none !important; }
.col_no_hover * a:hover * {text-decoration:none !important; }
.col_no_hover div a:hover {text-decoration:none !important; }
.banner-inner:hover .banner-layers.container{z-index:-1}
.banner-inner:hover .banner-bg.fill, .banner-inner .playpause {z-index:1;}
.banner-inner:hover .banner-bg.fill, .banner-inner:hover .playpause {z-index:1000;}
.video-overlay{position: relative;}
.playpause {
    background-image:url(https://coffective.com/wp-content/uploads/2018/03/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:10%;
    height:auto;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    z-index: 1;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.single-stakeholder .banner-inner:hover .banner-bg.fill {
    z-index: inherit;
}
.banner-bg.fill:hover video.video-bg.fill.hide-for-small {
    opacity: .5;
    background-color: #00000080;
}
.main-banner-text {
    font-size: 37px !important;
}
p.main-banner-p {
    font-size: 23px !important;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0px;
    width: 175px;
    font-size: 12px;border-right: 1px solid #e9ebee;
}
.flex-row.form-flat.medium-flex-wrap {
    border: 1px solid rgb(211, 210, 210);
}
.button:hover, input[type='submit']:hover{
    box-shadow: inset 0 0 0 100px #fff;
}
ul.menu>li+li, .widget>ul>li+li {
    border-top: 0px solid #ececec;
}
.nav-dark .nav>li>a {
    color: rgba(55, 52, 52, 0.8);
}
span.widget-title {
    font-size: 12px;
    font-weight: normal;
}
.col{float:left;}
div#nav_menu-2, div#nav_menu-3, div#nav_menu-4 {
    width: 20px !important;
    float: left;
    max-width: 12%;
}
div#custom_html-5, div#custom_html-4, div#custom_html-3 {
    width: 20px !important;
    float: left;
    max-width: 12%;
}
div#block_widget-2 {
    max-width: 32%;
    float: left;
    padding-top: 40px;
}
div#nav_menu-2>.is-divider.small, div#nav_menu-3>.is-divider.small, div#nav_menu-4>.is-divider.small {
    display: none;
}
div#custom_html-2 {
 width: 100%;
    max-width: 31%;
    float: left;
    border-left: 1px solid #e9ebee;
    border-right: 1px solid #e9ebee;
}
div#block_widget-3 {
    max-width: 39%;
    float: left;
}
ul#menu-coffective-main-menu-1,ul#menu-info-menu,ul#menu-accounts {
    font-size: 12px;
}
ul#menu-coffective-main-menu-1>li>a, ul#menu-info-menu>li>a, ul#menu-accounts>li>a {
    font-size: 12px;
    color: #91959d !important;
    text-transform: capitalize !important;
        line-height: 14px;
}
div#block_widget-3 {
    max-width: 33%;
    float: left;    padding-top: 40px;
}
p.footer-logo {
    text-align: center;padding-top: 20px;
}
p.footer-social {
    text-align: center;
}
p.footer-social>a {
    color: #90949c;
}
p.footer-social>a.icon {
    margin-left: .70em;
    margin-right: .70em;
}
.footer-1, .footer-2 {
    border-top: 0px solid rgba(0,0,0,0.05);
}
.footer-1, .footer-2>.row.large-columns-3.mb-0 {
    border-top: 1px solid rgba(0,0,0,0.05);padding-top: 25px;
}.absolute-footer>.container.clearfix {
    border-top: 1px solid #e9ebee;padding-top: 13px;
}
.dark .nav>li.active>a,.dark .nav>li>a,.dark .nav>li>a:hover {
    color: #000000;text-transform: capitalize;
}
h1, h2, h3,h5, h6, .heading-font {
   font-weight: normal !important;color:#000000;
}
h1.heading-1,h1.home-heading {
    font-size: 35px;
}

.nav-tabs+.tab-panels {
    padding: 30px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px !IMPORTANT;
}
p,a,ul,li,h4{ }
.dark, .dark p, .dark td,.dark h1,.dark h1,.dark h3,.dark h4,.dark .nav>li.active>a {
    color: #000000;      font-weight: normal;    text-transform: inherit;
}
.dark, .dark p, .dark td,p{
    color: #90949c; font-weight:normal;    font-size: 15px;text-transform:none;
}
.banner-layers {
    z-index: 1 !important;
}
.let-go-button {
    color: #00a2d6 !important;
    background-color: #ffffff !important;
    width: 140px;
    margin-top: 26px;
    padding: 7px;
}
.wpcf7-submit.button{background-color: #ffffff !important;}
section.section.section-what {
    padding-top: 52px !important;
    padding-bottom: 0px !important;
}
.col.tab-section {
    padding-bottom: 0px;
}
ul.nav.nav-bold.nav-vertical.nav-uppercase.nav-size-normal.nav-center {
    text-align: center;
}
ul.nav.nav-bold.nav-vertical.nav-uppercase.nav-size-normal.nav-center>li {
    background-color: #ffffff;border-top: 0px solid #ddd;
}
ul.nav.nav-bold.nav-vertical.nav-uppercase.nav-size-normal.nav-center>li.tab.has-icon.active{
    transform: scale(1.1);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.22);
    margin-bottom: 2px;
    z-index: 100;
}
.nav > li > a{ }
.nav-vertical+.tab-panels { border-left: 0px solid #ddd;}
.copyright-footer{}
.col.tab-section>.col-inner>.tabbed-content>ul {
    margin-top: -61px !important
}
.col.tab-section>.col-inner>.tabbed-content>ul>li {
    border-radius: 4px;
}

.col.tab-section>.col-inner>.tabbed-content>ul>li>a {
    padding: 14px;
    text-transform: none;
    color: #000000 !important;
    }
.section-what .col.tab-section>.col-inner>.tabbed-content>ul>li>a {font-size: 15px;font-weight: normal;}
.col.tab-section>.col-inner>.tabbed-content>ul>li>a:hover , .col.tab-section>.col-inner>.tabbed-content>ul>li>a:active{color:#000000 !important;}
section.section.Product-action{
    padding-top: 60px;
    padding-bottom: 30px !important;
    }
select.nurse-select {
       width: 115px;
    border-radius: 6px;
    background-color: transparent;
    color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 6px 5px 6px !important;
    background: transparent url(https://coffective.com/wp-content/uploads/2018/03/br_down.png) no-repeat right center;
    background-position: 88px;
    background-size: 14px;
    margin-right: 18px;
    margin-left: 18px;
    height: 46px;
}
.col.course-button-section {
    padding-left: 0px;
}
select.nurse-select>option {
    color: #90949c;
    background: transparent !important;
}
select.nurse-select:focus {
    outline: 0px;
    box-shadow: 0 0 0px #ccc;
}
.back-image-tab::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #f8fafb 100%);
    margin-top: 0px;
    height: 500px;
    width: 100%;
    content: '';
}
span.text-see {
    float: left;
    text-align: left;
}
span.text-see2 {
    float: left;
    margin: -6px 10px;
}p.p-letgos {
    text-transform: initial;    font-size: 18px;
}
section.section.s-product.dark {
    padding-bottom: 0px !important;
}
.col.medium-8.small-12.large-8.tab-left-section {
     float: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.col.medium-4.small-12.large-4.product-button {
    float: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.custom-tap-page {
    background: #ffffff;
    box-shadow: 0px 7px 11px #ddd;
    position: absolute;
    width: 100%;
    border-radius: 4px;
    top: -75px;
    text-align: center;z-index: 1000;
}
ul.nav.custom-tab-menu {
    margin-top: 24px;
    margin-left: 0px;
    margin-bottom: 24px;
}
ul.nav.custom-tab-menu>li {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 0 25px;
    float: left;
    text-align: center;
    margin-left: 0px !important;
    margin-right: 0px;
}
ul.nav.custom-tab-menu>li>a {
    font-size: 15px;
        font-weight: normal;
}
ul.nav.custom-tab-menu>li:first-child{
    border-left: 0px;
}
ul.nav.custom-tab-menu>li:last-child {
    border-right: 0px;
}
.col.medium-4.small-12.large-4.product-button>a, .web-button>a, .purchase-button  {
    color: #ffffff;
    background-color: #00a2d6;
    padding: 10px 13px;
    border-radius: 5px;
    float: right;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase; font-size: 15px;
    font-weight: bold;
}
.prod-button {
    color: #00a2d6;
    padding: 9px 13px;
    border-radius: 5px;
    float: right;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #00a2d6;
}
.purchase-button{margin-right: 5px;}
.purchase-button, .prod-button  {
    font-size: 12px;
    text-decoration: none !important;
}
p.home-tab-id {
    visibility: hidden;
}
.col.medium-3.small-12.large-3.product-button, .col.medium-9.small-12.large-9.tab-left-section {
    float: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.col.medium-3.small-12.large-3.product-button>a {
    color: #ffffff;
    background-color: #00a2d6;
    padding: 10px 20px;
    border-radius: 5px;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
}
.product-bottom-text {
        height: 157px;
}
.col.tab-section .tab-panels {
    min-height: 200px;
}
.col.tab-section ul.nav.nav-bold.nav-vertical.nav-uppercase.nav-size-normal.nav-center {
    margin-top: -16px; /*Removed important tag by himanshi*/
    height: 200px;
}
.four-circle {
    text-align: center;
}
img.hand-img {
    position: relative;
    top: -184px;
    height: 60px;
}
a.button.primary.is-outline.breastfeeding,a.button.primary.is-outline.more-about-us {
    border-radius: 5px;
    padding: 7px;
    width: 206px;
    font-size: 13px;
    border: 1.6px solid #00A2D6;
}
a.button.primary.is-outline.more-about-us {
    background-color: #00A2D6;
    color: #ffffff;
}
a.button.primary.is-outline.more-about-us:hover {
    background-color: #ffffff !important;
    color: #00A2D6;
}
/************************************************MOM-Experts Strat************************************************/
.mom-intro,.mom-expert-hrading {
    text-align: center;
    color: #ffff;
}
.mom-intro {
    font-size: 22px;
}
.mom-expert-hrading {
    font-size: 35px;
}
.portfolio-box.box.has-hover {
    border: 8px solid #ffffff;
}
h6.uppercase.portfolio-box-title {
    color: #ffffff;
    opacity: 1;
    text-align: left;
    font-size: 12px;
    padding-top: 15px
}
.portfolio-box>.box-text.text-center {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}
.col.join-now-team-btn.small-12.large-12>.col-inner.text-center>a.button.secondary:hover {
    color: #00A2D6;
}
.join-now-team-btn {
    padding-bottom: 0px;
}
.join-now-team-btn a.button.secondary {
    margin-bottom: 0px;
}
.lode-more-col {
    padding-bottom: 0px;
    top: -24px;
}
.mom-experts-img-right {
    padding-bottom: 0px;
    margin-top: 15px;
}
.slider-wrapper-mom-experts {
    padding-bottom: 0px;
}
.slider-wrapper-mom-experts .slider.slider-nav-simple.slider-nav-normal.slider-nav-light.slider-nav-outside.slider-style-shadow.flickity-enabled.is-draggable {
    padding-bottom: 0px;
}
.peer-counsellor {
    padding-bottom: 0px !important;
}
.peer-counsellor-col {
    padding-bottom: 0px;
}
section.section.mom-time-line-section {
    padding-bottom: 0px !important;
}
.section.intro-section {
    padding-bottom: 0px !important;
}
/************************************************MOM-Experts END************************************************/

/***************************************** product page starts **************************************************/
.custom-tab-products select , .custom-tab-products input{margin-bottom: 0px;border-color: #e9ebee;color:#90949c;border-radius: 5px;}
ul.nav.custom-tab-menu.custom-tab-products>li{width: 24%;padding: 0px 5px;border: none;}
.name.product-title a:hover{color: #000 !important;}
.product-small.box .box-image img{height: 260px !important;}
.product-small.box:hover {
    transform: scale(1.1);
}
.purchase-pkgs-wrapper{background-color: #f8fafb;display: flex; padding: 15px 10px 0px;border-radius: 5px;}
.purchase-pkgs-wrapper .col{padding: 10px;}
.purchase-pkgs-wrapper .col-inner-section{border-right: 1px solid #d0d0d0;}
.purchase-pkgs-wrapper .col:last-child .col-inner-section{border-right: none;}
.purchase-pkgs-wrapper h3{font-weight: bold !important;}
.row-top-columns{margin: 0 auto;display: block;}
.panel{box-shadow: none;-webkit-box-shadow: none;}
.purchase-core-section{background:url('./purchase-bg.svg');padding: 0px 20px;border-radius:5px;margin-top: 20px; background-size: 100% auto;}
.purchase-core-section .purchase-qty{width:100px;
    border:1px solid #ffffff;background-color: #00a2d7;color:#ffffff;border-radius: 5px;margin-top:15px;
    margin-left: 10px; margin-right: 10px;height: 50px;
}
.purchase-core-section .purchase-qty:focus{background-color: #00a2d7;color:#ffffff;}
.purchase-core-section p{color: #ffffff;font-size: 24px;margin:0px;}
button.btn-purchase-main {
    background-color: #ffffff;
    color: #00a2d7;
    font-size: 16px;
    border-radius: 5px;
    float: right;
    margin: 25px 0px 0px;
}
.prod-act-wrapper .banner-layers {
    z-index: 999999 !important;
}
.Still-curious-section .select2-container .select2-selection, .Still-curious-section .select2-container .select2-choice{background-color: transparent;
    color: #ffffff;
    border-radius: 4px;}

.Still-curious-section .select2-container .select2-choice>.select2-chosen, .Still-curious-section .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection{
    color:#fff;
}
.Still-curious-section .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 8px 7px 0 7px;
    height: 0;
    left: 50%;
    margin-left: -15px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}

.Still-curious-section .select2-container--open .select2-dropdown--below{ background-color:transparent !important;}
.Still-curious-section .select2-results__option{margin:0px;padding-left: 15px;}
.Still-curious-section span.select2-selection--multiple[aria-expanded=true] {
    border-color: #ffffff !important;
}
.Still-curious-section .select2-container .select2-choice, .Still-curious-section .select2-container .select2-selection,.Still-curious-section .select2-dropdown{border:1px solid #ffffff !important;background: transparent !important;}
.Still-curious-section .select2-container--default .select2-results__option[aria-selected=true], .Still-curious-section .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:transparent !important;
}
.Still-curious-section .select2.select2-container .select2-selection .select2-selection__arrow:before{color:#fff !important;}
.Still-curious-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent !important;
    border-width: 0 7px 8px 7px;
}
.Still-curious-section .select2-container--open .select2-dropdown--above{background-color: #00A2D6 !important;}

.interested-in {
    padding: 10px;
    margin-top: 10px;
}
.interested-in p{font-size:24px; color:#000000; }
.interested-in p .fa{opacity: 0.4; margin-right: 20px;display: inline-block;}
.interested-in p a{color: #00a2d6;font-weight: bold;    cursor: pointer;}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, .modal-content input.wpcf7-form-control.wpcf7-text.wpcf7-email {
    vertical-align: top !important;
    margin-right: 5px;
    color: #777 !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    box-shadow: 0 5px 22px 0 rgba(0, 0, 0, 0.15) !important;
    border: 0px;
    width: 100% !important;
}
span.close {
    color: #00a2d6;
    opacity: 1;
    float: right;
    margin-right: -16px;
    margin-top: -24px;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto;
    padding: 34px 34px 34px 34px;
    border: 1px solid #888;
    width: 40%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:hover,input[type='submit'].wpcf7-form-control.wpcf7-submit:hover {
    color: #ffffff;
    font-size: 16px;
    border-radius: 5px;
    float: right;
    margin: 0px 0px 0px 0px;
    background: #00a2d6;
    background-color: #00a2d6 !important;
    box-shadow: inset 0 0 0 100px #00a2d6;
    opacity: 1;
}


/*--====== TQI Style =====--*/
.header-inner.container.logo-left {
    padding-right: 0 !important;
}
.single-stakeholder {
    padding-top: 0;
}
.single-stakeholder .container,
.single-stakeholder .row {
    width: 90%;
    max-width: 1080px;
}
.stakeholder-banner .bg.bg-loaded {
    background-size: cover !important;
}
.stakeholder-banner .banner-layer .text-inner h3 {
    font-weight: 300 !important;
    color: #ffffff;
    font-size: 40px;
    font-family: "Montserrat", sans-serif;
}
.stakeholder-banner .banner-layer .text-inner p {
    font-size: 24px;
    color: #ffffff;
    font-weight: 400 !important;
}

.stakeholder-sec-2-left {
    padding-right: 20px !important;
}
.stakeholder-sec-2-left > .col-inner {
    padding-top: 40px !important;
}
.stakeholder-sec-2-left .col-inner > h3 {
    font-size: 40px;
    font-weight: 400;
    color: #1D2129;
    margin: 0 0 15px 0;
}
.stakeholder-sec-2-left .col-inner > p {
    font-size: 16px;
    color: #90949C;
    margin: 0 0 35px 0;
}
.stakeholder-icon-box {
    flex-basis: 33.33333% !important;
}
.stakeholder-icon-box h3 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #1D2129;
    margin: 0 0 8px 0 !important;
    line-height: 22px !important;
    text-align: left !important;
}
.stakeholder-icon-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #90949C;
}
.single-stakeholder .section-content.relative .large-4,
.stakeholder-title-hib .large-4,
.stakeholder-sec-2-right {
    flex-basis: 33.33333%;
}
.stakeholder-sec-2-right > .col-inner {
    background-color: #00A1D3;
    padding: 0 25px 25px 25px !important;
    position: relative;
    border-radius: 5px;
    margin-top: -100px;
    z-index: 99;
}
.stakeholder-sec-2-right > .col-inner .row,
.stakeholder-sec-2-right > .col-inner .row .col {
    margin: 0;
    max-width: 100%;
    padding: 0;
}
.stakeholder-sec-2-right > .col-inner:before {
    position: absolute;
    content: "";
    left: 0;
    top: 69px;
    width: 100%;
    height: 2px;
    background-color: #3ABDE1;
}
.stakeholder-sec-2-right-title {
    color: #ffffff;
    padding: 25px 0;
    position: relative;
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    position: relative;
    cursor: pointer;
}
.up-arrow:before {
    content: "\f106" !important;
}
.stakeholder-sec-2-right-title:before {
    position: absolute;
    content: "\f107";
    font-family: 'fl-icons' !important;
    font-size: 36px;
    color: #ffffff;
    right: 0;
    font-weight: 300;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.stakeholder-sec-2-right > .col-inner p {
    color: #ffffff;
    font-weight: 300;
    line-height: 20px;
    font-size: 13px;
    margin: 15px 0;
}
.stakeholder-sec-2-right > .col-inner .icon-box {
    margin-bottom: 15px;   
}
.stakeholder-sec-2-right > .col-inner .icon-box .icon-box-img svg {
    color: #ffffff;
}
.stakeholder-sec-2-right > .col-inner .icon-box .icon-box-text p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #ffffff;
    margin: 0;
}


.breastfeeding-btn {
    width: 100%;
    background-color: #ffffff !important;
    border-radius: 5px;
    color: #00A1D3;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 10px 0 0 0;
    font-size: 14px;
	display: none;
} 
.breastfeeding-btn:hover {
    color: #00A1D3;
}
.stakeholder-title-hib {
    padding-bottom: 60px;
}

.stakeholder-title-hib h2 {
    font-size: 40px;
    font-weight: 400 !important;
}
.stakeholder-title-hib .large-12 {
    padding-bottom: 0;
}
.single-title-hib .icon-box-img {
    width: 100% !important;
    margin-bottom: 20px;
}
.single-title-hib h3 {
    font-size: 24px !important;
    margin-bottom: 15px !important;
}
.single-title-hib p {
    font-size: 16px;
}
.stakeholder-about-coffective {
    padding: 60px 0;
}
.stakeholder-about-left {
    padding-bottom: 0;
}
.stakeholder-about-left h3 {
    font-size: 40px;
    font-weight: 400 !important;
}
.stakeholder-about-left p {
    font-size: 16px;
    color: #90949C;
}

.stakeholder-about-coffective .large-6 {
    flex-basis: 50%;
}
.stakeholder-about-right .col-inner > .row {
    margin: 0;
    max-width: 100%;
}
.stakeholder-about-right .col-inner > h3 {
    text-align: left;
    font-size: 18px;
    color: #90949C;
}
.stakeholder-about-right .col-inner > .row .col {
    padding: 0;
}
.stakeholder-single-step .box-text-bottom {
    position: relative;
    height: 170px;
    overflow: hidden;
    max-width: 220px;
}

.stakeholder-single-step .box-text-bottom .box-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.stakeholder-single-step .box-text-bottom .box-image > div {
    height: 100%;
} 
.stakeholder-single-step .box-text-bottom .box-image img {
    height: 100%;
    width: 100%;
}
.stakeholder-single-step .box-text-bottom .box-text {
    position: absolute;
    text-align: left;
    top: 50%;
    width: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.stakeholder-single-step .box-text-bottom .box-text h2 {
    font-size: 48px;
    font-weight: 500;
    color: #ffffff;
    line-height: 40px;
}
.stakeholder-single-step .box-text-bottom .box-text p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 20px;
}
#tqi-loadmore-pro {
    text-align: center;
}
#loadMored {
    font-size: 13px;
    color: #00A2D6;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 22px;
    background-color: #CBF3FE;
    border-radius: 5px;
}
.banner-bg-cover .bg.bg-loaded {
    background-size: cover !important;
}
#search-tools_training-container .product-small.box .box-image img {
	height: auto !important;
}
#search-tools_training-container .product-small.col {
	flex-basis: 100%;		
}
.flatsome-gallery-slider {
	padding-bottom: 0;
}
.flatsome-gallery-slider .gallery-col a,
.flatsome-gallery-slider .gallery-col .gallery-box{
	cursor: default;
}
.flatsome-gallery-slider .image-lightbox.lightbox-gallery {
	text-decoration: none;
}
.flatsome-gallery-slider .gallery-col .gallery-box .box-text p {
	text-align: center;
	color: #666;
    font: italic 14px Georgia, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	font-family: "Roboto", sans-serif!important;
}
.flatsome-gallery-slider .slider-nav-reveal .flickity-prev-next-button:hover, 
.flatsome-gallery-slider .slider-nav-reveal .flickity-prev-next-button {
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/*--===== Fix for Overlapping Text =====--*/

.col.tab-section>.col-inner,
.col.tab-section>.col-inner>.tabbed-content>ul {
    margin-top:  0 !important;
}
.main-banner .bg.bg-loaded {
    background-size: cover !important;
}


@media only screen and (max-width: 1199px) {
    .stakeholder-icon-box {
        flex-basis: 100% !important;
        max-width: 100%;
        padding-bottom: 35px !important;
    }
    .stakeholder-sec-2-right-title {
        font-size: 17px;
    }
    .single-title-hib h3 {
        font-size: 20px !important;
    }
    .stakeholder-single-step .box-text-bottom .box-text h2 {
        font-size: 36px;
    }
    .stakeholder-single-step .box-text-bottom .box-text p {
        font-size: 13px;
        line-height: 18px;
    }
    
}


@media only screen and (max-width:1024px) {
    .stakeholder-about-coffective .medium-6 {
        flex-basis: 100%;
        max-width: 100%;
    }
    .stakeholder-about-left {
        margin-bottom: 30px;
    }
}


@media only screen and (max-width:849px) {
    .stakeholder-banner .banner-layer {
        width: 100% !important;
    } 
    .stakeholder-sec-2-left {
        flex-basis: 100%;
        max-width: 100%;
    }
    .stakeholder-sec-2-left > .col-inner {
        padding-bottom: 20px !important;
    }
    .stakeholder-sec-2-right {
        flex-basis: 100% !important;
        max-width: 100%;
        margin-bottom: 40px !important;
    }
    .stakeholder-sec-2-right > .col-inner {
        margin-top: 0;
    }
    .stakeholder-sec-2-right-title {
        font-size: 24px;
    }
    .single-title-hib h3 {
        font-size: 16px !important;
    }
    
    .stakeholder-banner {
        padding-top: 400px;
    }
    .stakeholder-about-left h3,
    .stakeholder-title-hib h2,
    .stakeholder-banner .banner-layer .text-inner h3,
    .stakeholder-sec-2-left .col-inner > h3 {
        font-size: 30px;
    }
    .stakeholder-banner .banner-layer .text-inner p {
        font-size: 18px;
    }
    .cart-item.has-icon {
        padding-right: 15px;
    }
	
}

@media only screen and (max-width:549px) {
    .stakeholder-steps .stakeholder-single-step {
        flex-basis: 100% !important;
        max-width: 100%;
    }
    .stakeholder-steps .stakeholder-single-step:first-child .col-inner .box-text-bottom {
        float: left;
    }
    .stakeholder-steps .stakeholder-single-step:nth-child(3) .col-inner .box-text-bottom {
        float: right;
    }
    .stakeholder-banner .banner-layer,
    .single-stakeholder .container, .single-stakeholder .row {
        width: 100%;
        padding: 0 15px;
    }
    .stakeholder-section-2 .col,
    .stakeholder-title-hib .single-title-hib {
        flex-basis: 100%;
        padding: 0;
    }
    .stakeholder-title-hib .single-title-hib {
        margin-bottom: 40px;
    }
    .stakeholder-about-coffective {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .stakeholder-about-coffective .col,
    .stakeholder-title-hib .col,
    .stakeholder-sec-2-left {
        padding: 0 !important;
    }
    .breastfeeding-btn,
    .stakeholder-sec-2-left-bottom {
        margin: 0 !important;
    }
    .stakeholder-sec-2-right-title {
        text-align: left !important;
    }
    .stakeholder-single-step .box-text-bottom {
        max-width: 300px;
        margin: 40px auto;
        float: none !important;
        overflow: visible;
    }
    .stakeholder-single-step .box-text-bottom .box-text p {
        font-size: 16px;
    }
   
}

@media only screen and (max-width:420px) {
    .stakeholder-sec-2-right .stakeholder-sec-2-right-title {
        text-align: left !important;
    }
}


/*--====== End TQI Style =====--*/

@media screen and (min-width: 1400px){
    .gallery-columns-3 .gallery-item, .large-columns-3>.col, .large-columns-3 .flickity-slider>.col{    max-width: 32.33333%;flex-basis: 32.33333%;}
}
/*************************************** product page ends ******************************************************/

/*********************************************** learn Page ****************************************************/
.col.medium-2.small-12.large-2.learn-category img{
    margin-right: 10px;
    height: 30px;
    width: auto;
}
.col.medium-2.small-12.large-2.learn-category{padding: 30px 0px; cursor: pointer;}
.col.medium-2.small-12.large-2.learn-category.active{background-color: #f1e7de;}
.category-main-title{margin-top: 20px;max-width: 83.33333% !important;}
.category-main-title p{font-size: 16px;}
.tabs-top-wrapper .tab{width: 200px !important;line-height: 30px;padding: 10px;cursor: pointer;display: inline-block;background-color: #ffffff;color:#000;
    -webkit-box-shadow: 1px 16px 76px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 16px 76px -20px rgba(0,0,0,0.75);
    box-shadow: 1px 16px 76px -20px rgba(0,0,0,0.75);
}
.tabs-top-wrapper .tab.active{transform: scale(1.2);}
.tabs-top-wrapper{text-align: center;position: absolute;top:-20px;z-index:10000;}
.tabs-main-panel{position: relative;}
.tab-content{display: none;margin-left: 0px !important;margin-right: 0px !important;}
.intro-top-main{padding: 100px 15px 20px 15px;max-width: 83.33333% !important;margin: 0 auto;position: relative;z-index: 100;}
.top-tabs-selector{float: none;margin: 0 auto;}
.intro-title{font-size: 36px;}
.bottom-bullet-points {
    background-color: #ffffff;
    padding: 10px 25px;
    -webkit-box-shadow: 1px 16px 76px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 16px 76px -20px rgba(0,0,0,0.75);
    box-shadow: 1px 16px 76px -20px rgba(0,0,0,0.75);
    min-height: 200px;
}
.learn-more {text-align: center;margin-top: 30px;}
.learn-more a{ color:#00a2d6;background-color: #c8eefa;display: inline-block; padding: 0 5px; text-transform: uppercase;font-size: 12px;}
.slider-bottom-infobar{background: #f1e7de;min-height: 70px; padding:10px;}
.slider-bottom-infobar .col{padding: 0px; }
.slider-bottom-infobar .col.large-9 img{height: 50px;float: left;margin-right: 10px;}
.slider-bottom-infobar .col.large-9 span {
    margin-top: 5px;
    display: inline-block;
    color: #c18d64;
    width: 65%;
}
.col.medium-4.small-12.large-4.info-section-wrapper {
    margin-right: 15px;padding: 0;
}
.col.medium-4.small-12.large-4.info-section-wrapper:last-child {
    margin-right: 0px;
}
.tab-content .flickity-page-dots {
    left: 60%;
    bottom: -45px;
    right: 0px;
    z-index: 100;
}
.tab-content .slider-nav-light .flickity-page-dots .dot{border:1px solid #c18d64;}
.tab-content .slider-nav-light .flickity-page-dots .dot.is-selected{background: #c18d64; }
.bottom-main-title {
    padding: 20px 0px;
    background-color: #ffffff;
}
.bottom-main-wrapper{
    max-width: 83.33333%;
    margin: 0 auto;
}
.last-info-wrapper {
    padding: 50px 15px 20px 15px;
    max-width: 83.33333%;
    margin: 0 auto;
}
.last-info-wrapper .accordion .toggle , .schedule-service .accordion .toggle {left: 97%;height: 3.5em;}
.last-info-wrapper .accordion-title , .schedule-service .accordion-title{border:none;background-color: #88e1ff;
    color:#00a2d6;padding: 20px 40px;text-transform: uppercase;border-top-left-radius: 5px;border-top-right-radius:5px;
}
.last-info-wrapper .accordion-title:hover , .schedule-service .accordion-title:hover{text-decoration: none;}
.last-info-wrapper .accordion-inner , .schedule-service .accordion-inner{background-color: #ffffff;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.last-info-wrapper .accordion-item , .schedule-service .accordion-item{margin-bottom: 10px;border-top-left-radius: 5px;border-top-right-radius:5px;}
.white-btn{border: none !important; background-color: #ffffff !important;font-size: 16px;color: #00A2D6 !important;}
.bottom-banner .banner-layers{z-index: 100000 !important;}
.tab-base-wrapper {
    border-right: 1px solid #ecedf0;
}
.learn-category:last-child .tab-base-wrapper, .col.medium-2.small-12.large-2.learn-category.active .tab-base-wrapper{border-right: none;}
.faq-section, .you-can-even{margin-top: 35px;}
.faq-section h1{margin-bottom: 10px;}
.you-can-even h1{margin-bottom: 20px;}
.how-phys-help-moms , .how-nurse-help-moms{
    width: 300px;
    border: none;
    background-color: #00a1d5;
    color: #ffffff;
    padding: 15px;
    text-transform: uppercase;
    position: relative;
    margin: 20px auto;
    border-radius: 5px;
    cursor: pointer;
}
.nurses-desc ul li, .phys-desc ul li{
    font-size: 15px;
}
.nurses-desc ul , .phys-desc ul{
    list-style: inside;
}
.how-phys-help-moms  .toggle, .how-nurse-help-moms .toggle{
    position: absolute;
    right: 0px;
    top: 10px;
}
.category-bottom-section {
    padding: 10px 20px;
    height: 70px;
}
.category-bottom-section p{margin:0px;line-height: 50px;position: relative;z-index: 100;font-size: 20px;}
.cat-icon {
    float: right;
    vertical-align: middle;
    max-height: 40px;
    margin-top: 5px;
}
.category-description-bottom{
    padding: 20px;
    font-size: 12px;
    background-color: #ffffff;
    min-height: 160px;
    -webkit-box-shadow: 0px 12px 21px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 12px 21px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 12px 21px 0px rgba(0,0,0,0.05);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.cat-home-wrapper .img.has-hover{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.in-middle{margin: 0 auto;padding-left: 0px;padding-right: 0px;}
.section-home-learn-cat .bg.section-bg.fill.bg-fill{background-size: 100% auto !important;background-position: 0 0 !important;}
.col.large-4.medium-4.small-12.cat-home-wrapper {
    padding: 0px;
    max-width: 30.333333%;
    flex-basis: 30.33333%;
    margin-right: 4%;
    margin-bottom: 50px;
}
.col.large-4.medium-4.small-12.cat-home-wrapper:nth-child(3n+3){
    margin-right: 0px;
}
.category-bottom-section{position: relative;overflow: hidden;}
.category-bottom-section:before{
    content:"  ";width: 100%; height: 100%;
    position: absolute;z-index:10;background-color: rgba(255,255,255,0.8);
    top:0;left:0;
}
ul.learn-home-list li {
    color: #000;
    line-height: 12px;
}
.learn-home-det-section{padding-top: 70px;}
.everyone-head-row{padding-top: 30px;}
    /*********************************************** learn page ends **********************************************/

/************************************************Resources Page************************************************/
.state-item{display: inline-block;margin: 0 10px;text-transform: uppercase;cursor: pointer;font-weight: bold;}
.active.state-item{color:#11C4FF;}
#states{
    background: linear-gradient(to right, #ffffff , transparent);
    position: absolute;
    top: 0px;
    z-index: 10;
    width: 100%;
    padding: 10px;
}
.selected-state-icon{display: none;}
.active .selected-state-icon{display: inline-block;}
.active .normal-state-icon{display: none;}
.resource-filter{width: 280px;position: absolute;top:60px;left: 20px;z-index: 20;}
.select-resource-type{color:#777;font-size:16px;border-radius:5px;padding: 6px 10px !important;height: auto;margin: 0 0 10px 0px;box-shadow: none;box-shadow:0 9px 22px 0 rgba(0, 0, 0, 0.15);;}
.resource-zip{padding: 6px 10px !important;width: 74% !important; height: auto !important;vertical-align: top !important;margin-right: 5px;color:#777 !important;font-size:16px !important;border-radius:5px !important;box-shadow: 0 9px 22px 0 rgba(0, 0, 0, 0.15) !important;}
.btn-filter-resource {
    margin: 0px !important;
    background-color: #11C4FF;
    padding: 11px 23px;
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    box-shadow: 0 9px 22px 0 rgba(0, 0, 0, 0.15);
}
.btn-filter-resource:hover {background-color: #11C4FF; border: 0px;}
.col.state-map.medium-9.small-12.large-9 {
    padding-right: 0px;
}
.col.state-resources.medium-3.small-12.large-3 {
    padding-left: 0px;
}
.col.state-resources.medium-3.small-12.large-3 {
    padding-left: 0px;
    background: #fefefe;
    padding: 0px 0px;
}
p.last-update {
    color: #11c4ff;
    margin-bottom: 0px;

    font-size: 14px;
}
.row.state-map-row {
    max-width: 100%;
}
p.state-title>a {
    color: #000000;
}
p.mississippi {
    background-color: #f7f9fa;
    padding: 6px 15px;
    width: 100%;
}
p.state-title>a:hover {
    color: #000000;
}
p.state-dis {

    font-size: 12px;
        margin-bottom: 0px;
}
.icon-state {
    padding: 0px;
}
p.state-title {
    margin-bottom: 0px;
}
.discr-state {
    padding-left: 0px;
    padding-bottom: 0px;
}
#search-state-by-text {
    vertical-align: top !important;
    margin-right: 5px;
    color: #777 !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    box-shadow: 0 9px 22px 0 rgba(0, 0, 0, 0.15) !important;
    border:0px;
}
img.ms-logo {
    float: right;
}
p.supporteds-ms-logo {
    background-color: #f7f9fa;
    padding: 8px 15px;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}
a#state-link {
    float: right;
    font-size: 22px;
    color: #acbaca;
        margin-top: -4px;
}
.list-state-hight {
    height: 519px;
    overflow: auto;
}

.list-state-hight::-webkit-scrollbar {
    width: 12px;
}

/* Track */
.list-state-hight::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #c9c9c9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Handle */
.list-state-hight::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #787878;
    -webkit-box-shadow: inset 0 0 6px #c9c9c9;
}
.hours-twenty {
    background-color: #00a2d6;
    padding: 2px 5px 5px 5px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 10px;
    /*font-weight: bold;*/
}
.resource-type-top {
    font-size: 40px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: normal;
}
.banner-top-left{padding-left: 20px;}
.last-updated{color:#2ecbff}
.information-top{color:#ffffff;width: 50%;padding-left: 15px;}
.resource-title{font-size: 24px;margin: 10px 0px 10px 0px;color:#000;min-height: 90px;}
.web-button {
    display: inline-block;
    margin: 0 auto;
}
.web-button-wrapper{margin-top: 300px;width: 100%;}
.right-item{margin-bottom: 10px;font-size: 18px;}
.right-item img{margin-right: 10px;}
.right-item-desc{margin-bottom: 18px;color:#000000;font-size: 18px;}
.resource-wrapper{}
.days-schedule{padding-top: 30px !important;border-top: 1px solid #ecedf0;padding-left: 33px !important;}
.days-col{width: 13.8%; display: inline-block;float: left;margin-right: 5px;padding: 10px;}
.days-name{text-transform: capitalize;font-size: 18px;}
.days-timing{color:#000000;font-size: 15px;}
.days-col.active .days-timing{color:#00a2d6;}
.days-col.active .days-name:after{height: 5px;width:5px;background-color:#00a2d6;border-radius: 10px;margin-left:5px;content: ' ';display: inline-block;}
.eligibility-requirements{background-color: #f7f9fA;padding-top: 30px !important;padding-left: 43px !important;}
.eligibility-desc li{color:#000; margin: 5px;}
.schedule-service{padding-top: 30px !important;}
.schedule-card , .bp-card{
    margin: 10px 0;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1), 0px 0px 5px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1), 0px 0px 5px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1), 0px 0px 5px 0px rgba(0,0,0,0);
}
.resource-item-desc .col{padding: 0px !important;margin-top: 20px;}
.resource-item-desc p{font-size: 18px;}
.schedule-title {
    line-height: 30px;
    padding: 10px;
    border-bottom: 1px solid #ecedf0;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #c8c8c8;
}
.schedule-desc{padding: 10px}
.schedule-topics{padding: 10px}
.schedule-title .col.large-4:nth-child(1){padding-left: 30px;}
.schedule-title .col.large-4:nth-child(2){text-align: center/*;padding-bottom: 0px;*/}
.schedule-title .col.large-4:nth-child(3){text-align: right;/*padding-bottom: 0px;*/    padding-right: 0px;}
.schedule-title .col.large-4{padding: 10px 15px;font-size: 16px;}
.breast-pump-details .col.large-4:nth-child(1){padding-left: 30px;}
.breast-pump-details .col.large-4:nth-child(2){text-align: center;}
.breast-pump-details .col.large-4:nth-child(3){text-align: right;    padding-right: 0px;}
.breast-pump-details .col.large-4{padding-top:30px;font-size: 18px;}
.breastfeeding-service {padding-top: 30px !important;}
.breastfeeding-service .bp-card { border-radius: 4px;}
.table {    margin-bottom: 0px;}
.table>tbody>tr>th{font-size: 17px;text-align: center;color: #94989f;font-weight: 100;}
.row.breastfeeding-service td:nth-child(1){font-size: 18px; text-align: left;   color: #000000;}
.row.breastfeeding-service td:nth-child(2),.row.breastfeeding-service td:nth-child(3) {color: #11c4ff;font-size: 18px;text-align: center;     font-weight: normal;}
.table>tbody>tr>th:nth-child(2),.table>tbody>tr>th:nth-child(3)  {width: 25%;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 15px;}

.schedule-card table {
    border-collapse: collapse;
}
.schedule-card table td, .schedule-card table th {
    border: 1px solid #0000001a;
}
.schedule-card table tr:first-child th {
    border-top: 0;
}
.schedule-card table tr:last-child td {
    border-bottom: 0;
}
.schedule-card table tr td:first-child,
.schedule-card table tr th:first-child {
    border-left: 0;
}
.schedule-card table tr td:last-child,
.schedule-card table tr th:last-child {
    border-right: 0;
}

.schedule-service .accordion-item , .table-responsive-checklist{
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1), 0px 0px 5px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1), 0px 0px 5px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1), 0px 0px 5px 0px rgba(0,0,0,0);
}
.btn-checklist-pdf{
    color: #ffffff;
    background-color: #00a2d6;
    padding: 10px 20px;
    border-radius: 5px;
    float: right;
    margin-top: 25px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

.table-responsive-checklist th{font-weight: normal;}
.table-responsive-checklist th:nth-child(3){text-align: center;}
.table-responsive-checklist td{text-transform: capitalize;}
.table-responsive-checklist td,th{font-size: 18px;}
/************************************************Resources Page End************************************************/


/************************************************MOM-Experts TIME LINE START************************************************/
.mom-time-line-main-col {
    padding-bottom: 0px;
}
/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
        content: '';
    position: absolute;
    width: 3px;
    background-color: #31cbfd;
    top: 0;
    bottom: 0;
    left: 3.5%;
    margin-left: -3px;
    z-index: -1;
}

/* Container around content */
.container-t {
    padding: 25px 0px;
    position: relative;
    background-color: inherit;
    width: 100%;
}

/* The circles on the timeline */
.container-t:nth-child(1)::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -19px;
    border: 1px solid #00A2D6;
    border-radius: 50%;
    z-index: 19;
    background-image: url(https://.coffective.com/wp-content/uploads/2018/02/start-time-line-img.png);
    left: 19px;
    background-size: 32px;
    background-position: center;
}
.container-t:nth-child(1)::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 27px;
    background-color: #31cbfd;
    border: 1px solid #31cbfd;
    top: 322px;
    border-radius: 50%;
    z-index: 19;
}

/* Place the container to the left */
.left-t {
    left: 0;
}

/* Place the container to the right */
.right-t {
    left: 0%;
}

/* Add arrows to the left container (pointing right) */
.left-t::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
}

/* Fix the circle for containers on the right side */
.right-t::after {
    left: 7px;
}

/* The actual content */
.content-time {
    padding: 0px 0px;
    background-color: white;
    position: relative;
    border-radius: 6px;
}
.timeline-start {
    position: absolute;
    top: -17px;
    left: 70px;
    color: #90949c;
    padding: 0px;
    margin-bottom: 0px;
    z-index: -1;
}
.row.time-line-row {
    background-color: #31cbfd;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 0px;
    border-radius: 6px;
}

.box-icon>img {
    float: left;
    padding: 23px 23px 23px 23px;
    background: rgba(0,0,0,0.2);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 67px;
    height: 67px;
}
.time-line-col p {
    color: #ffffff;
    font-size: 15px;
    float: left;
    padding: 20px;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    height: 50px;
    width: 90%;
    -webkit-box-orient: vertical;
}
.time-line-col {
    padding: 0px;
    margin: 0px;
}
.container-t.right-t:nth-child(1) {
    padding: 40px 0px 0px 0px;
}
.container-t.right-t:nth-child(2) {
    padding: 20px 0px 0px 0px !important;
}
.container-t.right-t:nth-child(3) {
    padding: 18px 0px 57px 0px;
}
.search-cont .icon-search{
    position: absolute;
    top:10px;
    right: 10px;
    cursor: pointer;
}
.search-cont input{padding-right: 30px;border-radius: 5px;}
.box-icon>p {
    font-size: 18px !important;
    padding: 14px 13px 15px 27px !important;
    height: 43px;
    margin-top: 8px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 80%;
}
.container-t.right-t .time-line-col:first-child .box-icon>p {
    border-right: 1px solid rgba(0,0,0,0.2);
}
/*.container-t.right-t:nth-child(2) .time-line-col:first-child .box-icon>p {
    border-right: 1px solid #c98d72;
}
.container-t.right-t:nth-child(4) .time-line-col:first-child .box-icon>p {
    border-right: 1px solid #bb7084 !important;
}*/
.client-img-time-line {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    float: LEFT;
    margin-left: 17PX;
    margin-top: 9px;
}
.mom-experts-search form.searchform {
    top: 40px;
}
a.button.primary.is-outline.lode-more-btn {
    background-color: #00a2d62b;
    border: 0px;
    font-size: 12px;
    left: -69px;
    padding: 3px 13px;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
        color: rgba(55, 52, 52, 0.8) !important;
}
.tab-panels .panel {
    background-color: transparent;
}
.is-divider {
    display:none;

}
/************************************************MOM-Experts TIME LINE END************************************************/
/************************************************Breast Pumps START***********************************************/
.breast-pumps .bp-card {
    border-radius: 4px;
}
.schedule-title.row {
    padding: 10px;
}
/************************************************Breast Pumps END************************************************/

@media only screen and (max-width: 1024px) {
    .banner.has-hover.home-banner.is-selected{
        padding-top: 533px !important;}
.banner.has-hover.home-banner.is-selected>.banner-inner.fill>.banner-bg.fill>.bg.fill.bg-fill.bg-loaded {
    /* background-size: 100% auto !important; */
    background-size: cover !important;
    background-position: center !important;
    }
.home-products {
    padding: 0 15px 15px 47px;
}
button.flickity-prev-next-button.previous,button.flickity-prev-next-button.next {
    display: none;
}
/************************************************MOM-Experts Strat************************************************/
.mom-experts-col>.col-inner {
    margin-top: -300px !important;
}
a.button.primary.JOIN_NOW_BUTTON {
    margin-top: 10px;
}
h2.who-mom-expert {
    padding-left: 15px;
}
.time-line-col p {
    padding: 20px 8px;
    height: 49px;
    width: 89%;
    }
.mom-experts-search {
    right: 15px;
        top: 29px;
}
.box-icon>p {
    padding: 18px 11px 15px 20px !important;
    width: 79% !important;
}
a.button.primary.is-outline.lode-more-btn {
    left: -53px;
}
/************************************************MOM-Experts End************************************************/
}
@media only screen and (max-width: 768px) {
    .banner.has-hover.home-banner.is-selected {
    padding-top: 399px !important;
}
.home-banner .text-inner.text-center p {
    font-size: 15px !important;
}
.home-banner .text-inner.text-center h3 {
    font-size: 20px !important;
}
.home-products {
    padding: 0 15px 15px 40px;
}
.goals-wrapper .col.goals.medium-4.large-4:nth-child(2) {
    margin-left: -37px !important;
}
.breastfeeding,.more-about-us {
    width: 100%;
}
.section.goals-wrapper.dark>.bg.section-bg.fill.bg-fill.bg-loaded {
    background-size: 100% auto !important;
}
.section.goals-wrapper.dark {
    height: 184px;
}
.goals-outer {
    padding-top: 30px;
}
.goals-wrapper h1 {
    font-size: 15px !important;
    margin-bottom: 0px;
    padding-top: 20px;
}
.tab-section ul.nav.nav-bold.nav-vertical.nav-uppercase.nav-size-normal.nav-center {
    width: 28%;
    margin-right: 30px;
}
.tab-section .tab-panels {
    width: 65%;
}
.footer-wrapper div#custom_html-5,.footer-wrapper div#custom_html-4,.footer-wrapper div#custom_html-3 {
    width: 50% !important;
    max-width: 33.3333%;
}
div#custom_html-2 {
    max-width: 50%;
    border-right: 0px solid #e9ebee;
}
div#block_widget-3 {
    max-width: 50%;
    float: left;
    padding-top: 20px;
}
span.wpcf7-form-control-wrap.your-email {
    float: left;
    width: 100%;
    border: 1px solid #e9ebee;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 100%;
    border-right: 0px solid #e9ebee;
}
.flex-row.form-flat.medium-flex-wrap {
    border: 0px solid rgb(211, 210, 210);
}
input.wpcf7-form-control.wpcf7-submit.button {
    border: 2px solid #00A2D6;
    float: right;
    border-radius: 7px;
}
/************************************************MOM-Experts Strat************************************************/
.mom-experts-col>.col-inner {
    margin-top: -228px !important;
}
.move-down {
    text-align: center;
}
.peer-counsellor .peer-title {
    font-size: 24px !important;
}
.peer-counsellor .peer-sub-title {
    font-size: 39px !important;
}
.join-now-team-btn,.section.intro-section,.section.icon-section-mom,.section.peer-counsellor {
    padding-bottom: 0px !important;
}
.slider-wrapper-mom-experts {
    padding-bottom: 0px;
}
.banner.has-hover.pree-counsellors-banner{
   padding-top: 248px !important;
}
.pree-counsellors-banner>.banner-inner>.fill.banner-bg.fill>.bg.bg-loaded {
    background-size: 100% auto !important;
    height: 248px;
}
.mom-experts-img-right {
    padding-top: 88px;
}
.box-icon {
    width: 100%;
    float: left;
    text-align: center;
}
.box-icon>img {
    float: none;
    border-bottom-left-radius: 0px;
    width: 100% !important;
}
.box-icon>p {
    width: 100% !important;
    font-size: 15px !important;
    padding: 0px 13px 15px 15px !important;
    line-height: 28px;
}
.time-line-col {
    text-align: center;
}
.client-img-time-line {
    float: none;
}
.time-line-col p {
    padding: 20px 8px 10px 8px;
    height: 35px;
    width: 100%;
    margin-top: 0px;
}
.timeline::after {
    left: 16.8%;
}
.container-t:nth-child(1)::after {
    left: 108px;}
.timeline-start {
    left: 148px;
}
.container-t:nth-child(1)::before {
    left: 115px;
    top: 437px;
}
a.button.primary.is-outline.lode-more-btn {
    left: 76px;
}
.container-t.right-t:nth-child(1) .box-icon {
    background-color: #09ade2;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.container-t.right-t:nth-child(2) .box-icon {
    background-color: #c98d72;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.container-t.right-t:nth-child(4) .box-icon {
    background-color: #bb7084;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.time-line-col p {
    padding: 9px 8px 8px 8px;
}
 .section.icon-section-mom{
    padding-bottom: 30px !important;
}
/************************************************MOM-Experts End************************************************/
.col.state-map.medium-9.small-12.large-9,.col.state-resources.medium-3.small-12.large-3 {
    padding:0px  15px;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}
.list-state-hight {
    height: 282px;
    overflow: auto;
}
}



@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
a.button.primary.is-outline.breastfeeding, a.button.primary.is-outline.more-about-us {
    width: 100%;
}
.main-banner-text {
    font-size: 30px !important;
}
.home-banner .text-inner.text-center h3 {
    font-size: 16px !important;
}
.home-banner .text-inner.text-center p {
    font-size: 12px !important;
    line-height: 14px !important;
}
.banner.has-hover.home-banner.is-selected {
    padding-top: 248px !important;
}
.col.goal1.medium-4.large-4, .col.goals.medium-4.large-4 {
    width: 37%;
    margin-left: 15px;
}
img.size-full.alignnone {
    margin-bottom: 0px;
}
.breastfeeding, .more-about-us {
    width: 100%;
    margin-right: 0px !important;
}
.section.goals-wrapper.dark {
    height: 342px;
}
.section.goals-wrapper.dark>.bg.section-bg.fill.bg-fill.bg-loaded {
    background-size: auto auto !important;
}
.goals-outer {
    padding-top: 30px;
    padding-bottom: 0px;
}
.goals-wrapper h1 {
    font-size: 26px !important;
    text-align: center;
}
.goals-wrapper p {
    text-align: center;
}
.tab-section ul.nav.nav-bold.nav-vertical.nav-uppercase.nav-size-normal.nav-center {
    width: 78%;
    margin-right: auto;
    margin-left: auto;
}
.tab-section .tab-panels {
    width: 100%;
}
div#custom_html-5, div#custom_html-5, div#custom_html-5 {
    width: 100% !important;
    float: left;
    max-width: 33.33333%;
}
div#block_widget-2 {
    max-width: 100%;
    float: left;
    padding-top: 40px;
}
div#custom_html-2 {
    width: 100%;
    max-width: 100%;
}
div#block_widget-3 {
    max-width: 100%;
    float: left;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 100%;
    border-right: 0px solid #e9ebee;
    border: 1px solid #e9ebee;
}
input[type='submit'], input[type='submit'].button, input[type='submit'], .primary {
    background-color: #ffffff;
    color: #00a2d6;
    border: 1px solid;
    float: right;    margin-right: 165px;
}
p.footer-logo {
    padding-top: 20px;
}
div#block_widget-3 {
    padding-top: 0px;
}
.flex-row.form-flat.medium-flex-wrap {
    border: 0px solid rgb(211, 210, 210);
}
form.wpcf7-form>.flex-row.form-flat.medium-flex-wrap>.flex-col.flex-grow {
    width: 75%;
    float: left !important;
}
.col.medium-8.small-12.large-8.tab-left-section {
    float: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
    display: none;
}
.col.medium-4.small-12.large-4.product-button>a {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
.hide-for-small {
    display: block !important;
}
.col.course-button-section.medium-6.small-12.large-6, .col.course-button.medium-5.small-12.large-5 {
    padding: 0px 15px !important;
}
section.section.Still-curious-section.dark {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}
.col.tab-section>.col-inner>.tabbed-content>ul {
    margin-top: 0px !important;
}
select.nurse-select {
width: 111px;}
.col.course-button-section {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.col.course-button-section>.col-inner {
    margin: 0px !important;
}
.banner.has-hover.main-banner.has-video>.banner-inner.fill>.banner-layers.container>.text-box.banner-layer.x5.md-x5.lg-x5.y50.md-y50.lg-y50.res-text {
    margin: 0px 0px 0px 0px !important;font-size:10px;
}
.product-small.col{
    width: 100%;
    max-width: 100% !important;
    float: left;
}
/************************************************MOM-Experts Strat************************************************/
.mom-experts-col>.col-inner {
    margin-top: -419px !important;
}
.col.mom-experts-down>.col-inner {
    z-index: 100;
}
.mom-experts-img-right {
    padding-top: 0px;
}
.slider-wrapper-mom-experts>.col-inner>.slider-wrapper.relative>.slider.slider-nav-simple.slider-nav-normal.slider-nav-light.slider-nav-outside.slider-style-shadow.flickity-enabled.is-draggable {
    padding-bottom: 0px;
}
.icon-section-mom .large-2 {
    max-width: 33.66667% !important;
    flex-basis: 32.66667% !important;
}
.pree-counsellors-banner>.banner-inner>.fill.banner-bg.fill>.bg.bg-loaded {
    height: 151px;
}
.banner.has-hover.pree-counsellors-banner {
    padding-top: 151px !important;
}
.peer-counsellor .peer-title {
    font-size: 17px !important;text-align: right;
}
.peer-counsellor .peer-sub-title {
    font-size: 27px !important;text-align: right;
}
.banner.has-hover.mom-exp-doc>.banner-inner.fill>.banner-layers.container {
    height: 422px !important;
    max-height: 547px !important;
    overflow: hidden;
}
.banner.has-hover.mom-exp-doc>.banner-inner.fill>.banner-layers.container>.text-box.banner-layer.x0.md-x0.lg-x0.y100.md-y100.lg-y100.res-text>.text.dark {
    top: -65px;
}
.mom-time-line-main-col {
    padding-top: 50px;
}
.timeline::after {
    left: 49.8%;
}
.container-t:nth-child(1)::after {
    top: -14px;
    left: 46%;
}
.timeline-start {
    top: -39px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.box-icon>img {
    border-top-right-radius: 6px;
}
.container-t:nth-child(1)::before {
    left: 47.8%;
    top: 714px;
}
a.button.primary.is-outline.lode-more-btn {
    left: 0px;
}
.mom-experts-img-right {
    padding-bottom: 30px;
}
.section.intro-section, .section.icon-section-mom, .section.peer-counsellor {
    padding-bottom: 30px !important;
}
.container-t.right-t:nth-child(1) .box-icon {
    background-color: transparent;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
}
.container-t.right-t:nth-child(2) .box-icon {
    background-color: transparent;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
}
.container-t.right-t:nth-child(4) .box-icon {
    background-color: transparent;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 0px;
        border-top-right-radius: 6px;
}
.mom-experts-search {
    margin: 0px 15px !IMPORTANT;right: 0px;
}
.box-icon>p {
    padding: 7px 13px 15px 15px !important;
}
.time-line-col p {
    padding: 6px 8px 10px 8px;
    height: 35px;
}
.modal-content {
    width: 100%;
}
.interested-in p {
    font-size: 14px;
    float: left;
}
.purchase-core-section p {
    font-size: 14px;
}
.purchase-core-section {
    padding: 20px 20px;
    background-size: auto 100%;
    float: left;
    background-repeat: no-repeat;
}
.col.prod-act-wrapper .tab-panels {
    padding: 30px 0px;
}
p.pkg-type {
    font-size: 12px;
}
p.product-in-action {
    line-height: 17px;
    margin-top: -11px;
}

element.style {
}
.purchase-core-section .purchase-qty {
    width: 70px;
    height: 35px;
}
.prod-button {
    float: left;
}
}
.home-banner .text-inner.text-center h3, .home-banner .text-inner.text-center p {color:#ffffff;}
.home-banner .text-inner.text-center p{font-size: 20px;line-height: 25px;}
.home-banner .banner-layers{z-index: 99999 !important;}
.goals-wrapper h1 {color:#ffffff;}
.goals-wrapper h1{font-size: 30px;}
.goals-wrapper .col.goals.medium-4.large-4:nth-child(2) {
    margin-left: -40px;
}
.goals-wrapper .col.goals.medium-4.large-4:nth-child(3) {
    margin-left: -30px;
}
.goals-wrapper .col.medium-4.small-12.large-4{padding: 0px 20px 20px;}
.slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow {
    fill: #00a2d6;
    background-color: #fff;
    box-shadow: 1px 6px 14px 0px grey;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #00a2d6;
}
.slider-nav-light .flickity-page-dots .dot {
    border: 1px solid #00a2d6;
    background: transparent;
    opacity: 1;
}
.slider-nav-outside .flickity-prev-next-button.previous, .slider-nav-outside .flickity-prev-next-button.next{opacity: 1 !important;}
.box-text.box-text-products {
    background-color: #ffffff;
    padding: 10px;
    /*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.1);*/
    min-height: 150px;
    text-overflow: ellipsis;
}
.box-text.box-text-products .box-excerpt {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.price-wrapper{display: none;}

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

.banner.has-hover.home-banner.is-selected {
    padding-top: 215px !important;
}
.col.goal1.medium-4.large-4, .col.goals.medium-4.large-4 {
    width: 35%;
    margin-left: 18px;
    margin-right: 9px !important;
}
.goals-wrapper .col.goals.medium-4.large-4:nth-child(2) {
    margin-left: -35px !important;
}
.mom-experts-col>.col-inner {
    margin-top: -353px !important;
}
.pree-counsellors-banner>.banner-inner>.fill.banner-bg.fill>.bg.bg-loaded {
    height: 129px;
}
.banner.has-hover.pree-counsellors-banner {
    padding-top: 129px !important;
}
.peer-counsellor .peer-title {
    font-size: 15px !important;
}
.peer-counsellor .peer-sub-title {
    font-size: 24px !important;
}
.icon-section-mom .large-2 {
    max-width: 49.66667% !important;
    flex-basis: 49.66667% !important;
}
.timeline::after {
    left: 50%;
}
.container-t:nth-child(1)::after {
    top: -14px;
    left: 45.8%;
}
}
@media only screen and (max-width: 375px) {
.banner.has-hover.home-banner.is-selected {
    padding-top: 195px !important;
}
.goals-wrapper h1 {
    font-size: 23px !important;
}

}

.four-circle{
    position:relative;width:100%;background: url('https://coffective.com/wp-content/uploads/2018/02/circle_bg.svg') no-repeat;background-position: center;height: 500px}
.top-circle,.left-circle,.right-circle, .bottom-circle {
    transition-duration: 1s;
    box-shadow: 0px 20px 40px 8px #dbf6fe;
    height: 150px;
    width: 150px;
    border-radius: 200px;
    text-align: center;
    padding: 55px 25px;
    /*border: 1px solid #ffffff;*/
    font-size: 20px;
    line-height: 20px;
    color: #000;
    overflow: hidden;
}
.top-circle{margin: 0 auto;margin-bottom: 20px;
    background: url("https://coffective.com/wp-content/uploads/2018/07/circle_top_orig.png") no-repeat; background-size: 100% 100%;
}
.mid-circle{position: absolute;
    left: 46%;
    top: 220px;
    height: 50px;
    width: 50px;
    background: url("https://coffective.com/wp-content/uploads/2018/02/tap.svg") no-repeat; background-size: 100% 100%;}
.left-circle{position: absolute;left:0px;top:170px;padding-left: 22px;color:#ffffff;background: url("https://coffective.com/wp-content/uploads/2018/02/circle_left.png") no-repeat; background-size: 100% 100%;padding-top:63px;}
.right-circle{position:absolute;right: 0px;top:170px; padding-top: 55px;padding-left: 28px;color:#ffffff;background: url("https://coffective.com/wp-content/uploads/2018/02/circle_right.png") no-repeat; background-size: 100% 100%;}
.bottom-circle{    bottom: 0;
    box-shadow: 0px 10px 70px 0px #dbf6fe;
    position: absolute;
    padding-top: 58px;
    left: 37%;
    background: url("https://coffective.com/wp-content/uploads/2018/07/circle_bottom_orig.png") no-repeat; background-size: 100% 100%;
}

.four-circle:hover .top-circle{height: 300px; width: 300px;border: 3px solid #ffffff;background: rgba(255,255,255,0.5);z-index: 500;padding: 26px 95px;box-shadow: 0px -1px 3px 0px #dbf6fe;}
.four-circle:hover .left-circle{height: 300px; width: 300px;top:90px;/*border: 3px solid #ffffff;*//*background: rgba(0,162,214,1)*/;z-index:-1;padding: 146px 188px 0px 11px;box-shadow: -10px 0px 50px 0px #dbf6fe;}
.four-circle:hover .right-circle{height: 300px; width: 300px;top:90px;/*border: 3px solid #ffffff;*//*background: rgba(0,162,214,0.5)*/;z-index: -1;text-align: center;padding: 139px 10px 0px 200px;box-shadow: 10px 0px 50px 0px #dbf6fe;opacity: 0.6;}
.four-circle:hover .bottom-circle{height: 300px; width: 300px;left:20%;border: 3px solid #ffffff;background: rgba(255,255,255,0.5);z-index: 550;padding: 225px 80px 0px 80px;box-shadow: 0px 1px 3px 0px #dbf6fe;}
.four-circle:hover .mid-circle{background: url("https://coffective.com/wp-content/uploads/2017/12/favicon-180x180.png") no-repeat; background-size: 100% 100%;z-index: 560;}
.four-circle:hover{background: transparent;}
.intro-left{margin-top: 130px;}
.move-down{cursor: pointer;z-index: 5000;}
#text-box-896934614{z-index:1000;}
.home-banner .fill.banner-link {z-index:-1;}
#intro-description{height: 150px;overflow: scroll;}
.theories-button,.tech-button,.tools-button,.engage-button{
    box-shadow: 4px 4px 10px 1px #f0f0f0;
    padding: 0px 10px;
    margin: 0 auto;
    width: 100px;
    display: block;
    margin-bottom: 20px;
    float: none;
}
.close-popup {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.main-image{width: 100%}
.theories-thoughts .large-12 , .technologies .large-12, .engaged .large-12, .tools .large-12{padding: 0;}
.lower-desc {padding: 20px;}
.top-circle,.bottom-circle,.mid-circle{cursor: pointer;}
.theories-thoughts,.technologies,.engaged,.tools{width: 600px;background-color: #ffffff;}
.slider-wrapper-mom-experts .lg-y100 {
    bottom: -15%;
    color: #fff !important;
}
.slider-wrapper-mom-experts .slider-style-shadow .flickity-slider>*:before{display: none;}
.slider-wrapper-mom-experts .flickity-page-dots{display: none;}
.expert-doctor{color:#fff !important; font-size:18px !important;margin: 0px !important; font-weight: 300 !important;}

.expert-doctor-location{margin: 0px !important;color:#fff !important;font-weight: 300 !important;}
.slider-wrapper-mom-experts  .bg.bg-loaded{width: 96%;
    top: 2%;
    left: 2%;
    height: 96%;}
.slider-wrapper-mom-experts .slider-style-shadow .flickity-slider>.is-selected, .slider-wrapper-mom-experts .slider-style-shadow .flickity-slider>*:not(.is-selected){ transform:scale(0.85);}
.slider-wrapper-mom-experts .banner.has-hover{padding-top: 370px !important;}
.slider-wrapper-mom-experts .flickity-viewport{height: 390px !important;}
.icon-section-mom .large-2{max-width: 19.66667%;flex-basis: 19.66667%;}
.icon-section-mom .box-image{text-align: center;}
.icon-section-mom .box-image img{width: 65%;max-width: 65%;}
.peer-counsellor .banner-layers.container{z-index: 99999 !important;}
.peer-counsellor  .dark h3{color: #ffffff !important;;}
.peer-counsellor .peer-title{font-size: 26px; color: #ffffff;margin-bottom: 0px;line-height: 15px;}
@media screen and (max-width: 768px) {
    .intro-left{
        margin-top: 0px;
        max-width: 100%;
        flex-basis: 100%;
    }
    .intro-right{
        max-width: 530px;
        flex-basis: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px) {
    .theories-thoughts,.technologies,.engaged,.tools{width: 380px;}
    .four-circle{height: 400px}
    .left-circle,.right-circle{top:130px;}
    .mid-circle{top:175px;}
    .four-circle:hover .top-circle{height: 230px; width: 230px;font-size: 16px;padding: 20px 40px 0 40px;}
    .four-circle:hover .left-circle{height: 230px; width: 230px;left:30px;font-size: 16px;padding: 92px 90px 0 10px;}
    .four-circle:hover .right-circle{height: 230px; width: 230px;right:30px;font-size: 16px;padding: 100px 7px 0 0;}
    .four-circle:hover .bottom-circle{height: 230px; width: 230px;left:25%;font-size: 16px;    padding: 170px 40px 0px 40px;}
    a.button.primary.JOIN_NOW_BUTTON {
    margin-top: 15px !important;
    width: 100%;
    top: 17px;
}
.state-item { margin: 0 8px;}
.resource-filter {width: 90%;}
.resource-zip {width: 83% !important;}
}
@media screen and (max-width: 414px) {
    .top-circle, .left-circle, .right-circle, .bottom-circle{
        width:120px;
        height: 120px;
        font-size: 14px;
        padding: 37px 25px;
    }
    .right-circle{padding-top: 47px;}
    .four-circle:hover .bottom-circle{left:20%;font-size: 14px;}
    .four-circle:hover .left-circle , .four-circle:hover .right-circle,.four-circle:hover .top-circle{font-size: 12px;}
    .mfp-close-btn-in .mfp-close{display: none;}
    .theories-thoughts, .technologies, .engaged, .tools{width: 340px;}
    .resource-zip {width: 80% !important;}

}
@media screen and (max-width: 380px){
    .mfp-container{padding: 20px;}
    .mom-experts-col>.col-inner {
    margin-top: -330px !important;
}
.pree-counsellors-banner>.banner-inner>.fill.banner-bg.fill>.bg.bg-loaded {
    height: 120px;
}
.banner.has-hover.pree-counsellors-banner {
    padding-top: 119px !important;
}
.container-t:nth-child(1)::after {
    left: 44%;
}
.container-t:nth-child(1)::before {
    left: 46.8%;
    top: 717px;
}
.resource-zip {
    width: 78% !important;
}
}

/********************************* create resource page starts **********************/
.resource-top-banner-title , .resource-top-banner-desc, .white-color-text{color:#ffffff !important;}
.resource-top-banner-desc{font-size: 20px;}
.alert-heading{font-size: 22px !important;}
.alert-column-top p{margin-bottom: 0px;}
.alert-column-top{padding: 24px;background-color:#ee4935;border-radius: 5px;position: relative;margin-top: -80px;}
.alert-column-top:before {
    position: absolute;
    content: " ";
    height: 100px;
    width: 100px;
    background: url(./alert.png) no-repeat;
    background-size: contain;
    top: 3px;
    left: 0;
}
.status-top-resource {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
img.first-status-tab, img.second-status-tab {
    max-width: 70px;
}
img.first-status-tab{margin-right: 25px;}
.status-top-resource:after{
    content: " ";
    width: 35px;
    height: 1px;
    position: absolute;
    top: 34px;
    z-index: -1;
    left: 135px;
    border-top: 1px solid #e7ddde;
}
.top-status-wrapper{border-bottom: 1px solid #f0f0f0;padding-bottom: 20px;}
.step1 , .step2{margin-top: 30px;}
.center-desc h2{font-weight: bold !important;}
.add-resource-input-wrapper{margin-top: 50px;}
.input-section {
    border-radius: 5px;
    padding: 38px 20px 20px 20px;
    -webkit-box-shadow: 0px 0px 32px 10px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 32px 10px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 32px 10px rgba(0,0,0,0.05);
}
.input-section p{color:#000;}
.sel-input{height: 50px;border-radius: 5px;}
.numbered{
    height: 35px;
    width: 35px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #2fb6e0;
    color: #2fb6e0;
    background-color: #e5f6fb;
    font-size: 18px;
    line-height: 30px;
    z-index: 100;
    position: relative;
}
.add-resource-input-wrapper .row{margin: 20px 0px;}
.input-section .input {
    height: 50px;
    border-radius: 5px;
    box-shadow: none;
}

.input.required::-webkit-input-placeholder:after, .input.required::placeholder:after, .input.required::-moz-placeholder:after {
    content: '*';
    color: red;
    vertical-align: top;
    font-size: small;
}
.input-textarea{resize: none; min-height: 300px;}
.add-hours {
    color: #2fb6e0;
    font-weight: bold;
    background-color: #e5f6fb;
    border-radius: 5px;
    text-align: center;
    padding: 2px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
.day-name{width:25%;font-size: 16px;float: left;}
.day-row{clear: both;}
.base-hours {
    float: left;
    width: 75%;
    text-align: center;
}
.base-hours .day_input{width: 35% !important;height: 50px;border-radius: 5px;box-shadow: none;}
.base-hours .day_input:focus::placeholder{opacity: 0;}
.del-hours .fa{color:#f27565;font-size: 30px;cursor: pointer;}
.del-hours{width: 10%;float: right;position: relative;top: 10px;}
.input-section p.left-chars{color: #90949C;}
.btn-next{background-color: #00A2D6;color:#ffffff;padding: 10px;width: 100%;border-radius: 5px;}
input.btn-hollow{background-color: #ffffff;color:#00A2D6;padding: 10px;width: 100%;border-radius: 5px;border: 1px solid #00A2D6; }
i.fa.fa-long-arrow-right.btn-arrow {
    float: right;
    top: 5px;
    position: relative;
    font-size: 26px;
}
.input-section p.topics{color:#90949C;font-size: 12px;}
.time-section .day_input{height: 50px;box-shadow: none;width: 25%;}
span.add-occurrence {
    display: inline-block;
    margin-left: 20px;
    color: #2fb6e0;
    font-weight: bold;
    background-color: #e5f6fb;
    border-radius: 5px;
    text-align: center;
    padding: 2px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
/*.chkbox{vertical-align: top;}
.chkbox + label{font-weight: normal;color#90949C;font-size: 12px;}*/
.service-title, .time-section-title {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px 0 20px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
}
.service-title .fa-trash, .time-section-title .fa-trash{color: #f27565;font-size: 30px;cursor: pointer;float: right;margin-right: 20px;cursor:pointer;}
.service-title .fa-minus, .service-title .fa-plus, .time-section-title .fa-minus, .time-section-title .fa-plus  {float: right;margin-right: 20px;cursor: pointer;margin-top: 8px;}



/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #90949c;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
}

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

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #2fb6e0;
    border-radius: 5px;
}

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

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

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 8px;
    top: 3px;
    width: 8px;
    height: 13px;
    border: solid #2fb6e0;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/************************** create resource page ends *******************************/



.header-support-banner{
  height:25px;
  background:#34a5d7;
}

.header-support-banner div{
    margin-left: 20%;
    background: #40c5fa;
    width: 430px;
    padding: 0 20px;
    height: 100%;
    color:white;
}

.header-support-banner a{
  color:white;
  font-weight:500;
  font-size: 14.5px;
}

.header-support-banner a:hover{
  text-decoration: none;
}

.csprite {
    background-image: url(https://coffective.com/wp-content/uploads/2018/07/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
} 

.csprite-bullet-16-16-1 {
    width: 16px;
    height: 32px;
    background-position: -5px -5px;
}

.csprite-item_bottom {
    width: 42px;
    height: 42px;
    background-position: -31px -5px;
}

.csprite-item_left {
    width: 42px;
    height: 42px;
    background-position: -83px -5px;
}

.csprite-item_right {
    width: 42px;
    height: 42px;
    background-position: -5px -57px;
}

.csprite-item_top {
    width: 42px;
    height: 42px;
    background-position: -57px -57px;
}

.csprite-mouse {
    width: 64px;
    height: 64px;
    background-position: -135px -5px;
}

.csprite-mouse-1 {
    width: 40px;
    height: 40px;
    background-position: -109px -79px;
}
i.csprite {
    display: inline-block;
    vertical-align: middle;
}

.mybanner .banner-inner .banner-bg {
	background:#00A2D6;
}
.mybanner.whiteitis .banner-inner .banner-bg {
	background:#FFFFFF;
}
.mybanner .banner-inner:hover {
	display:block;
}
.mybanner .banner-inner:hover {
	display:block;
}

.mybanner .banner-inner:hover .banner-bg.fill, .mybanner .banner-inner:hover .playpause {
	z-index: 1;
}
.single-resources #banner-main-top {
    background-size: contain;
    background-position: center center;
}
.resource-title {
    min-height: auto;
    margin-bottom: 5px;
}

.resource-program-org-description {
    margin-bottom: 25px;
    font-style: italic;
}
.web-button-wrapper {
    margin-top: calc(50% - 63px) !important;
}
.resource-type-top {
    font-size: 24px;
}
.resource-title {
    font-size: 40px;
}

.resource-zip {
    width: 100% !important;
}
.post-type-archive-resources .resource-name {
    font-size: 18px!important;
    min-height: 50px;
    color: #90949C !important;
    padding: 6px 16px !important;
    width: 74% !important;
    height: auto !important;
    vertical-align: top !important;
    margin-right: 5px;
    border-radius: 5px !important;
    box-shadow: 0 9px 22px 0 rgba(0, 0, 0, 0.15) !important;
}

.right-item.right-item-facebook-icon img {width: 18px;}
a.remove_pdf {
    font-size: 26px;
    padding-left: 10px;
    float: right;
    position: relative;
    top: -9px;
    cursor: pointer;
}
.osos-title {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.row.osos-topics-content .col,
.row.osos-occurences-content .col {
    padding-bottom: 10px;
}
.row.osos-topics-content .col span:before,
.row.osos-occurences-content .col span:before {
    content: '-';
    padding-right: 2px;
}

.general-video-banner .banner-bg.fill, .general-video-banner .banner-link.fill {
    z-index: -1 !important;
}
.general-video-banner .banner-inner:hover .banner-bg.fill {
    opacity: 1 !important;
}

body.single-resources {
    background-color: white;
}

@media(max-width: 480px) {
    #dashboard .user_menu_col {
        width: 100% !important;
    }
}

.header.show-on-scroll, .header.has-transparent, .header.transparent {
	position:relative !important;
}

.home main {
	    margin-top: -110px !important;
}

.page-white-banner .banner-inner:hover .fill{
	z-index:0 !important;
}

@media screen and (max-width: 480px) {
.page-white-banner .text-box.banner-layer p {
    font-size: 21px !important;
    width: 100% !important;
}
	}

.page-id-85450 .section-title-center span {
    margin: 0 0px !important;
}

.page-id-85450 .app_inside .icon-box-text.last-reset, .page-id-85699 .app_inside .icon-box-text.last-reset, .page-id-86007 .app_inside .icon-box-text.last-reset {
    padding-left: 0px !important;
}
	
.page-id-86007 .section-title-center span {
    margin: 0 0px !important;
}

.nav-dropdown {min-width: 310px;}

.go-to-dashboard-btn,
.logout-btn {
    background-color: #00A4D9 !important;
    color: white !important;
    padding: 7px 10px 5px 10px !important;
    font-size: 16px !important;
    border-radius: 5px;
}
.go-to-dashboard-btn-li:before,
.go-to-dashboard-btn-li:after {
    display: none;
}
#masthead .nav > li > a.go-to-dashboard-btn:hover,
#masthead .nav > li > a.logout-btn:hover,
#masthead .nav > li > a.logout-btn,
#masthead .nav > li > a.go-to-dashboard-btn {
    color: white !important
}
.nav-right li.go-to-dashboard-btn-li .go-to-dashboard-btn {
    width: auto !important;
    overflow: initial !important;
    visibility: visible;
}

.home .logo a {
    background-size: contain !important;
}

@media(max-width: 1025px) {
    .go-to-dashboard-btn,
  	.logout-btn {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }
    
    .go-to-dashboard-btn-li,
   	.logout-btn-li {
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px !important;
    }
}

.download-product-file{
    background: #00a6dd;
    color: #fff;
    padding: 20px 40px;
    border-radius: 3px;
    position: relative;
    float: right;
    top: 15px;
}
.download-product-file:hover{
    color: #fff;
}
#purchase .payment-options{
	display:none;
}