/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=80bd7038-757f-49b7-bbbc-6f812f2db8a0&fontids=5574941");

@font-face{
font-family:"Futura";
    src:url("/parenting_tool/assets/fonts/321f0848-25a6-4084-a356-7de984367d6b.eot?#iefix");
    src:url("/parenting_tool/assets/fonts/321f0848-25a6-4084-a356-7de984367d6b.eot?#iefix") format("eot"),url("/parenting_tool/assets/fonts/480df9d4-0a52-44dc-a6ea-32b77ac0dfa5.woff2") format("woff2"),url("/parenting_tool/assets/fonts/2fcfc1da-a7af-42d2-87f4-6613b3e5c900.woff") format("woff"),url("/parenting_tool/assets/fonts/0898acae-f0bf-49e3-a741-9cb9df8de4f7.ttf") format("truetype");
}

@font-face {
    font-family: 'FreightTextProBook';
    src: url('/parenting_tool/assets/fonts/FreightTextProBook-Regular.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightTextProBook-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreightTextProBook';
    src: url('/parenting_tool/assets/fonts/FreightTextProBook-Italic.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightTextProBook-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: 'FreightTextPro';
    src: url('/parenting_tool/assets/fonts/FreightTextPro-Light.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightTextPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FreightTextPro';
    src: url('/parenting_tool/assets/fonts/FreightTextPro-LightItalic.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightTextPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'FreightTextPro';
    src: url('/parenting_tool/assets/fonts/FreightTextPro-Medium.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightTextPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FreightTextPro';
    src: url('/parenting_tool/assets/fonts/FreightTextProBold-Regular.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightTextProBold-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FreightSansPro';
    src: url('/parenting_tool/assets/fonts/FreightSansProBook-Regular.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightSansProBook-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreightSansPro';
    src: url('/parenting_tool/assets/fonts/FreightSansProMedium-Regular.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightSansProMedium-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FreightSansPro';
    src: url('/parenting_tool/assets/fonts/FreightSansProBold-Regular.woff2') format('woff2'),
        url('/parenting_tool/assets/fonts/FreightSansProBold-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; overflow: hidden; }

/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */

.video-bg { width: 100%; height: 100%; position: relative; overflow: hidden; }
.video-bg iframe { max-width: none; max-height: none; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }

/* ------------------------------------------------------------ *\
	Intro Tertiary
\* ------------------------------------------------------------ */

.intro-tertiary { position: relative; height: 450px; padding: 0; }

.intro-tertiary .intro__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* ------------------------------------------------------------ *\
	Ico
\* ------------------------------------------------------------ */

.ico { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; }

.ico-play { width: 94px; height: 85px; background-image: url('../images/ico-play@2x.png'); }

.ico-close { width: 30px; height: 30px; background-image: url('../images/ico-close.svg'); }

@media (max-width: 767px) {
    .ico-close { width: 20px; height: 20px; }
}

/* ------------------------------------------------------------ *\
	Mfp Video
\* ------------------------------------------------------------ */

.mfp-video .mfp-container { padding: 50px 32px; }

.mfp-video .mfp-content { max-width: 963px; vertical-align: top; padding: 78px 89px 83px; background-color: #02B4BA; }

.mfp-video .mfp-iframe-scaler { position: relative; overflow: visible; }

.mfp-video .mfp-iframe-scaler iframe { box-shadow: none; }

.mfp-video .mfp-close { top: -54px; right: -69px; display: inline-block; width: auto; padding: 0; }

.mfp-video .mfp-close i { pointer-events: none; }

@media (max-width: 1023px) {
    .mfp-video .mfp-content { padding: 78px 50px; }

    .mfp-video .mfp-close { top: -54px; right: -38px; }
}

@media (max-width: 767px) {
    .mfp-video .mfp-container { padding: 20px 10px; }

    .mfp-video .mfp-content { padding: 30px 10px; }

    .mfp-video .mfp-close { top: -36px; right: 0; }
}

/* ------------------------------------------------------------ *\
    Mfp Modal
\* ------------------------------------------------------------ */

.mfp-modal .mfp-container { padding: 50px 33px; }

.mfp-modal .mfp-content { max-width: 958px; }

@media (max-width: 767px) {
    .mfp-modal .mfp-container { padding: 20px 10px; }
}

/* ------------------------------------------------------------ *\
    Modal
\* ------------------------------------------------------------ */

.modal { position: relative; background-color: #F3F3F3; }

.modal .modal__content { padding: 143px 135px 124px; }

.modal .modal__close { position: absolute; top: 20px; right: 22px; font-size: 30px; color: #C6341B; transition: opacity .4s; }

.modal .modal__close:hover { opacity: .5; }

@media (max-width: 1023px) {
    .modal .modal__content { padding: 80px 50px; }
}

@media (max-width: 767px) {
    .modal .modal__content { padding: 80px 20px; }
}

/* ------------------------------------------------------------ *\
    Article Small
\* ------------------------------------------------------------ */

.article-small .article__inner { display: flex; flex-flow: row wrap; margin: 0 -34px; }

.article-small .article__aside { flex: 0 0 306px; max-width: 0 0 306px; padding: 0 34px; }

.article-small .article__aside img { margin-bottom: 20px; }

.article-small .article__aside h1,
.article-small .article__aside h2,
.article-small .article__aside h3 { padding: 0 9px; font-weight: 500; color: #000; }

.article-small .article__aside h4,
.article-small .article__aside h5,
.article-small .article__aside h6 { padding: 0 9px; font-weight: 500; color: #000; text-transform: uppercase; }

.article-small .article__aside .h3 { font-size: 20px; }

.article-small .article__aside .h5 { font-size: 14px; }

.article-small .article__content { flex: 1 0; padding: 9px 34px; font-size: 20px; font-weight: 500; }

.article-small .article__content h1,
.article-small .article__content h2,
.article-small .article__content h3,
.article-small .article__content h4,
.article-small .article__content h5,
.article-small .article__content h6 { margin-bottom: 11px; font-weight: 700; line-height: 1.3; color: #000; }

.article-small .article__content h4 { font-size: 24px; }

.article-small .article__content p { margin-bottom: 25px; line-height: 1.25; }

.article-small .article__content a { display: inline-block; color: #C6341B; transition: opacity .4s }

.article-small .article__content a:hover { opacity: .8; }

@media (max-width: 1023px) {
    .article-small .article__inner { margin: 0 -20px; }

    .article-small .article__aside { padding: 0 20px; }

    .article-small .article__content { padding: 9px 20px; }
}

@media (max-width: 767px) {
    .article-small .article__inner { display: block; margin: 0; }

    .article-small .article__aside { max-width: 100%; padding: 0; margin-bottom: 20px; text-align: center; }

    .article-small .article__content { max-width: 100%; padding: 9px 0; }
}

/* ------------------------------------------------------------ *\
	Shell Quinary
\* ------------------------------------------------------------ */

.shell--quinary { max-width: 857px; }

.shell--fluid { max-width: 100%; }

/* ------------------------------------------------------------ *\
	Section Tertiary
\* ------------------------------------------------------------ */

.section-tertiary { padding: 54px 0 12px; }

.section-tertiary .section__head { margin-bottom: 34px; text-align: center; }

.section-tertiary .section__head h1,
.section-tertiary .section__head h2,
.section-tertiary .section__head h3,
.section-tertiary .section__head h4,
.section-tertiary .section__head h5,
.section-tertiary .section__head h6 { margin-bottom: 11px; font-family: Futura, sans-serif; font-weight: 700; }

.section-tertiary .section__head .h2 { font-size: 36px; text-transform: uppercase; }

.section-tertiary .section__head .h1 { margin-bottom: 26px; font-size: 44px; }

.section-tertiary .section__head p { max-width: 550px; padding: 0 65px; font-weight: 500; font-style: italic; font-size: 32px; line-height: 1.3; color: #1A8588; text-align: left; }

.section-tertiary .section__head p.orange { color: #E26401; }

.section-tertiary .section__head p:nth-child(even) { padding: 0 89px; margin: -6px 0 0 auto; }

.section-tertiary .section__body { padding: 0 8px; font-size: 20px; font-weight: 500; color: #000; }

.section-tertiary .section__body p { margin-bottom: 28px; }

.section-tertiary .section__body a { color: #C6341B; }

.section-tertiary .section__body a strong { font-weight: 500; }

@media (max-width: 767px) {
    .section-tertiary .section__head h2 { font-size: 20px; }

    .section-tertiary .section__head h1 { font-size: 30px; }

    .section-tertiary .section__head p { max-width: 100%; padding: 0; margin-bottom: 20px; font-size: 20px; }

    .section-tertiary .section__head p:nth-child(even) { padding: 0; margin: 0; }
}

/* ------------------------------------------------------------ *\
	Section Quaternary
\* ------------------------------------------------------------ */

.section-quaternary { padding: 10px 0; }

.section-quaternary .section__head { margin-bottom: 45px; text-align: center; }

.section-quaternary .section__head h1,
.section-quaternary .section__head h2,
.section-quaternary .section__head h3,
.section-quaternary .section__head h4,
.section-quaternary .section__head h5,
.section-quaternary .section__head h6 { font-family: Futura, sans-serif; font-weight: 700; }

.section-quaternary .section__head .h2 { font-size: 32px; }

.section-quaternary .section__body { padding-bottom: 40px; border-bottom: 1px solid #000; }

@media (max-width: 767px) {
    .section-quaternary { padding: 50px 0 25px; }

    .section-quaternary .section__head h2 { font-size: 20px; }

    .section-quaternary .section__body { padding-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
    Section Quinary
\* ------------------------------------------------------------ */

.section-quinary { padding: 36px 0 33px; }

.section-quinary .section__head { margin-bottom: 42px; text-align: center; }

.section-quinary .section__head h1,
.section-quinary .section__head h2,
.section-quinary .section__head h3,
.section-quinary .section__head h4,
.section-quinary .section__head h5,
.section-quinary .section__head h6 { font-family: Futura, sans-serif; font-weight: 700; }

.section-quinary .section__head h4 { font-size: 24px; }

.section-quinary .section__body { font-weight: 500; font-size: 20px; line-height: 1.2; color: #000; }

.section-quinary .section__body p { margin-bottom: 15px; }

.section-quinary .section__body p span { color: #C6341B; }

.section-quinary .section__body .list-members { margin: 8px 0; }

/* ------------------------------------------------------------ *\
    Section Senary
\* ------------------------------------------------------------ */

.section-senary { padding: 38px 0; }

@media (max-width: 767px) {
    .section-senary { padding: 15px 0 45px; }
}

/* ------------------------------------------------------------ *\
    Section Septenary
\* ------------------------------------------------------------ */

.section-septenary { padding: 64px 0; }

.section-septenary .section__head { margin-bottom: 23px; text-align: center; }

.section-septenary .section__head h1,
.section-septenary .section__head h2,
.section-septenary .section__head h3,
.section-septenary .section__head h4,
.section-septenary .section__head h5,
.section-septenary .section__head h6 { font-family: Futura, sans-serif; font-weight: 700; }

.section-septenary .section__head .h1 { font-size: 30px; }

.section-septenary .section__head .h2 { margin-bottom: 5px; font-size: 24px; text-transform: uppercase; }

.section-septenary .section__body > h1,
.section-septenary .section__body > h2,
.section-septenary .section__body > h3,
.section-septenary .section__body > h4,
.section-septenary .section__body > h5,
.section-septenary .section__body > h6 { margin-bottom: 48px; font-family: Futura, sans-serif; font-weight: 500; font-style: italic; color: #000; text-align: center; }

.section-septenary .section__body > .h1 { font-size: 48px; }

@media (max-width: 767px) {
    .section-septenary .section__head h2 { font-size: 20px; }

    .section-septenary .section__head h1 { font-size: 30px; }

    .section-septenary .section__body > h1,
    .section-septenary .section__body > h2,
    .section-septenary .section__body > h3,
    .section-septenary .section__body > h4,
    .section-septenary .section__body > h5,
    .section-septenary .section__body > h6 { margin-bottom: 30px; }

    .section-septenary .section__body h1 { font-size: 30px; }
}

/* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols { display: flex; flex-flow: row wrap; margin: 0 -23px; }

.cols .col { flex: 0 0 100%; max-width: 100%; padding: 0 23px; }

.cols .col--1of2 { flex: 0 0 50%; max-width: 50%; }

@media (max-width: 767px) {
    .cols { display: block; margin: 0; }

    .cols .col { max-width: 100%; padding: 0; }
}

/* ------------------------------------------------------------ *\
	Cards
\* ------------------------------------------------------------ */

.cards { position: relative; display: flex; justify-content: center; flex-flow: row wrap; margin: 0 -9px; }

.cards .card { flex: 0 0 33.33%; max-width: 33.33%; padding: 0 9px; margin-bottom: 18px; }

.cards .card:nth-child(even) .card__inner { background-color: #fff; }

.cards--secondary { margin: 0 -38px; }

.cards--secondary .card { flex: 0 0 50%; max-width: 50%; padding: 0 38px; margin-bottom: 38px; }

.cards--secondary .card:nth-child(even) .card__inner { background-color: #F3F3F3; }

.card .card__inner { display: inline-block; width: 100%; height: 100%; padding: 11px 11px 7px; border: 1px solid #F3F3F3; background-color: #F3F3F3; transition: opacity .4s; }

.card .card__inner:hover { opacity: .6; }

.card .card__image img { display: inline-block; width: 100%; height: auto; }

.card .card__image .card__icon { display: flex; justify-content: center; align-items: flex-end; min-height: 122px; padding: 7px 0; font-size: 60px; color: #02B4BA; }

.card .card__content { position: relative; z-index: 5; padding: 9px 0 0; }

.card .card__content h1,
.card .card__content h2,
.card .card__content h3,
.card .card__content h4,
.card .card__content h5,
.card .card__content h6 { margin: 0; font-weight: 500; font-style: italic; color: #C6341B; text-align: center; }

.card .card__content h4 { font-size: 24px; }

.card .card__content .card__icon { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; margin: -31px auto 4px; border-radius: 50%; background-color: #02B4BA; font-size: 32px; color: #fff; transition: background .4s; }

.card .card__content .card__icon:hover { background-color: #c6341b; }

.card .card__overlay { position: absolute; top: 0; left: 9px; right: 9px; z-index: 10; min-height: 100%; background-color: rgba(2, 180, 186, .95); opacity: 0; pointer-events: none; transition: opacity .4s; }

.card .card__overlay.open { opacity: 1; pointer-events: all; }

.card .card__overlay-inner { padding: 37px 115px 45px; }

.card .card__overlay-content { display: flex; padding: 18px 0; margin: 0 -15px; font-size: 24px; font-weight: 500; font-style: italic; line-height: 1.25; color: #000; }

.card .card__overlay-content h1,
.card .card__overlay-content h2,
.card .card__overlay-content h3,
.card .card__overlay-content h4,
.card .card__overlay-content h5,
.card .card__overlay-content h6 { padding: 0 15px; font-weight: 700; font-style: normal; color: #000; }

.card .card__overlay-content .h3 { font-size: 32px; }

.card .card__overlay-content p { padding: 0 15px; }

.card .card__overlay-actions { font-size: 60px; color: #fff; text-align: center; }

.card .card__overlay-actions a { transition: opacity .4s; }

.card .card__overlay-actions a:hover { opacity: .7; }

.card .card__overlay-close { position: absolute; top: 17px; right: 21px; display: none; font-size: 30px; color: #fff; }

.card .card__overlay-close a { transition: opacity .4s; }

.card .card__overlay-close a:hover { opacity: .7; }

/*  Card Pointer  */
.card--pointer .card__content h1,
.card--pointer .card__content h2,
.card--pointer .card__content h3,
.card--pointer .card__content h4,
.card--pointer .card__content h5,
.card--pointer .card__content h6 { font-style: normal; color: #000; }

.card--pointer .card__content h5 { font-size: 14px; }

/*  Card Secondary  */
.card--secondary {  }

.card--secondary .card__content { padding-bottom: 4px; }

.card--secondary h1,
.card--secondary h2,
.card--secondary h3,
.card--secondary h4,
.card--secondary h5,
.card--secondary h6 { line-height: 1.25; margin: 0; font-weight: 500; font-style: italic; color: #C6341B; text-align: center; }

.card--secondary h4 { font-size: 24px; }
.card--secondary h5 { font-style: normal; font-size: 14px; color: #6F6F6F; text-transform: uppercase; margin-top: -3px; }

.card--secondary .card__inner:hover { opacity: 1; }

@media (max-width: 1023px) {
    .card .card__overlay-close { display: inline-block; }
}

@media (max-width: 767px) {
    .cards { display: block; margin: 0; }

    .cards .card { max-width: 100%; padding: 0; margin-bottom: 20px; }

    .card { position: relative; }

    .card .card__overlay { left: 0; right: 0; z-index: 10; }

    .card .card__overlay-inner { padding: 45px 20px; }

    .card .card__overlay-content { display: block; font-size: 20px; }

    .card .card__overlay-content h1,
    .card .card__overlay-content h2,
    .card .card__overlay-content h3,
    .card .card__overlay-content h4,
    .card .card__overlay-content h5,
    .card .card__overlay-content h6 { margin-bottom: 10px; }

    .card .card__overlay-content h3 { font-size: 25px; }

    .card .card__overlay-actions { font-size: 40px; }

    .card .card__overlay-close { top: 6px; right: 7px; font-size: 25px; }
}

/* ------------------------------------------------------------ *\
    List Members
\* ------------------------------------------------------------ */

.list-members { padding: 0; margin: 0; list-style-type: none; }

.list-members li + li { margin-top: 22px; }


/* ------------------------------------------------------------ *\
    Member
\* ------------------------------------------------------------ */

.member { display: flex; align-items: center; }

.member .member__image { flex: 0 0 86px; max-width: 86px; border-radius: 50%; }

.member .member__image img { border-radius: 50%; }

.member .member__content { padding: 0 17px; }

.member .member__content h1,
.member .member__content h2,
.member .member__content h3 { margin: 0; font-weight: 500; color: #C6341B; }

.member .member__content h4,
.member .member__content h5,
.member .member__content h6 { margin: 0 0 10px; font-weight: 500; color: #6F6F6F; text-transform: uppercase; }

.member .member__content .h3 { font-size: 20px; }

.member .member__content .h5 { font-size: 14px; }

/* ------------------------------------------------------------ *\
    List Links
\* ------------------------------------------------------------ */

.list-links { display: flex; justify-content: center; flex-flow: row wrap; padding: 0; margin: 0 -10px; list-style-type: none; }

.list-links li { flex: 0 0 110px; max-width: 110px; padding: 0 10px; text-align: center; }

.list-links li h1,
.list-links li h2,
.list-links li h3,
.list-links li h4,
.list-links li h5,
.list-links li h6 { font-weight: 500; font-style: italic; line-height: 1.3; color: #C6341B; text-align: center; }

.list-links li h5 { font-size: 18px; }

.list-links li img { display: inline-block; margin-bottom: 3px; }

.list-links li a { text-decoration: none; transition: opacity .4s; }

.list-links li a:hover { opacity: .8; }