@charset "UTF-8";
.page-id-7193 video {
    max-width: 100%;
}
svg.step_3 {
    position: absolute;
    top: -20px;
    left: calc(100% + 45px);
}
iframe {
    max-width: 100%;
}

.page-id-7193 .row_with_video > .bt_bb_column_inner:first-child {
    width: 66%;
    max-width: 800px !important;
    margin-left: auto !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
}

.school_board_custom_message_text {
    width: 100%;
    height: 600px;
    padding: 20px 10px;
    outline: none;
    border: 1px solid #eee !important;
}

.page-id-7193 .row_with_video > .bt_bb_column_inner:last-child {
    width: 33%;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    max-width: 400px !important;
    margin-right: auto !important;
}

.page-id-7193 .bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline h1 {
    font-size: 55px;
    font-family: "Druk", sans-serif;
}

.page-id-7193 .bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
    font-size: 16px;
    line-height: 18px;
    font-family: "Relative", sans-serif;
    font-weight: bold;
}

.page-id-7193 .pl-30 .bt_bb_column_inner_content {
    padding: 0 !important;
}

.page-id-7193 .banner-pledge .st {
    font-family: "Druk", sans-serif;
}

.page-id-7193 .wpcf7-form .fancy-select .trigger {
    line-height: 48px;
    font-weight: 300;
}

@media (min-width: 900px) {
    .page-id-7193 .bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline {
        max-width: 270px;
    }
}

@media (max-width: 600px) {
    .page-id-7193 .fbhp .fbi {
        margin-bottom: 15px;
        width: 100%;
    }
}

@media (max-width: 900px) {
    .page-id-7193 .row_with_video > .bt_bb_column_inner:first-child {
        width: 100%;
        max-width: 100% !important;
        padding: 20px 50px 0;
    }

    .page-id-7193 .row_with_video > .bt_bb_column_inner:last-child {
        width: 100%;
        max-width: 100% !important;
        padding: 20px 50px;
    }
}

.section-round {
    background-image: url("../img/back-round.png"), url("../img/main-bg.png");
    background-size: cover, auto auto;
    background-position: center top, left top;
    background-repeat: no-repeat, repeat;
}

.section-round .block-roundimg {
    position: relative;
    min-height: 395px;
}

.section-round .block-roundimg .bt_bb_image {
    position: absolute;
}

.section-round .block-roundimg .megaphone {
    left: 40%;
    top: 20px;
}

.section-round .block-roundimg .round-first {
    left: 17%;
    top: 30px;
}

.section-round .block-roundimg .round-second {
    right: 17%;
    top: 30px;
}

.section-round .block-roundimg .round-third {
    left: 7%;
    top: 211px;
}

.section-round .block-roundimg .round-fourth {
    left: 25%;
    top: 186px;
}

.section-round .block-roundimg .round-fifth {
    right: 25%;
    top: 200px;
}

.section-round .block-roundimg .round-sixth {
    right: 7%;
    top: 215px;
}

.section-round h3 {
    text-align: center;
    font-size: 25px;
    font-family: "Druk-Wide-Bold", sans-serif;
    margin-top: 10px;
}

.section-round .col-md-12 h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.btn.btn-dark {
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background: #000000;
    padding: 16px 30px;
    border: 1px solid #707070;
    font-family: "Circular Std", sans-serif;
}

.social_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 200px;
    margin: 20px auto;
}

#menu-primary-menu li {
    padding-right: 0;
    margin-top: 5px;
}

#menu-primary-menu li ul li {
    margin: 0;
}

#menu-primary-menu li.menu-item-has-children > a {
    padding-right: 25px;
    position: relative;
}

#menu-primary-menu li.menu-item-has-children > a:before {
    position: absolute;
    right: 12px;
    content: "";
    width: 6px;
    top: 13px;
    height: 6px;
    border-left: 2px solid #000000;
    border-bottom: 2px solid #000000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#menu-primary-menu li.menu-item-has-children > a:hover:before {
    top: 16px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-color: #ffffff;
}

#menu-primary-menu li a {
    padding: 10px 15px;
    line-height: 1em;
    margin: 0;
}

#menu-primary-menu li a:after {
    display: none;
}

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

#menu-primary-menu li:first-of-type a:hover, #menu-primary-menu li:last-of-type a:hover {
    color: #ffffff;
    background: #FFB100;
}

#menu-primary-menu li:nth-child(2) a:hover, #menu-primary-menu li:nth-child(2) ul a:hover {
    color: #ffffff;
    background: #00A659;
}

#menu-primary-menu li:nth-child(3) a:hover, #menu-primary-menu li:nth-child(3) ul a:hover {
    color: #ffffff;
    background: #0180DE;
}

#menu-primary-menu li:nth-child(4) a:hover, #menu-primary-menu li:nth-child(4) ul a:hover {
    color: #ffffff;
    background: #F0B6CF;
}

#menu-primary-menu li:nth-child(5) a:hover, #menu-primary-menu li:nth-child(5) ul a:hover {
    color: #ffffff;
    background: #D33832;
}

.main {
    background: url("../img/main-bg.png");
}

.main h1 {
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main > div:first-child {
    padding-top: 200px;
    background: url("../img/new-header2.jpg") no-repeat 100% top;
    padding-bottom: 20px;
    background-size: 1920px auto;
    background-position: center top;
}

.main .container {
    max-width: 1067px;
    margin: auto;
    padding: 0 60px;
}

.main .container-fluid {
    width: 100%;
    padding: 0 30px;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.main.get-info .title h1 {
    font-size: 70px;
    position: relative;
    color: #ffffff;
    z-index: 1;
    font-family: "Druk-Wide-Bold", sans-serif;
    text-transform: uppercase;
}

.main.get-info .title h1:before {
    content: "";
    display: block;
    width: calc(100% + 100px);
    height: 196px;
    background: url("../img/title-back.png") no-repeat;
    position: absolute;
    top: -58px;
    left: -100px;
    z-index: -1;
    background-position: left;
    background-size: auto 100%;
}

.main.get-info .title .subtitle {
    font-family: "Circular Std", sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0 0 180px;
}

.main .img-fullwidth {
    width: 100vw;
    background: url("../img/infographic-poster-mockup.jpg") no-repeat bottom;
    background-size: 100% auto;
    padding: 50px 30px 10vw;
}

.main .img-fullwidth .students-are {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main .img-fullwidth .students-are .img {
    width: 21%;
    max-width: 200px;
    margin: 0 2%;
    text-align: center;
}

.main .img-fullwidth h2 {
    text-align: center;
    color: #ffffff;
    font-size: 41px;
    font-family: "Circular Std Black", sans-serif;
}

@media (max-width: 767px) {
    .main .img-fullwidth h2 svg {
        width: 1.5em;
        position: relative;
        top: 0.6em;
    }
}

.main .advantages {
    background-image: url("../img/get-info-lend-bg.png");
    padding: 30px 0 200px;
    background-position: top center;
    height: 1200px;
    position: relative;
}

.main .advantages .img {
    position: absolute;
    left: 50%;
    top: 75px;
}

.main .advantages .advantage {
    position: absolute;
}

.main .advantages .advantage h4 {
    font-size: 24px;
    font-family: "Circular Std Black", sans-serif;
}

.main .advantages .advantage p {
    font-size: 14px;
    font-family: "Relative", sans-serif;
    line-height: 16px;
    margin: 10px 0 17px;
}

.main .advantages .advantage .btn.btn-dark {
    width: 200px;
    display: block;
    margin: auto;
    padding: 12px;
    text-align: center;
}

.main .advantages .advantage .btn.btn-dark:hover {
    color: #ffffff;
}

.main .advantages .advantage:nth-of-type(1) {
    top: 160px;
    right: 50%;
    max-width: 270px;
}

.main .advantages .advantage:nth-of-type(1) h4 {
    position: absolute;
    top: -90px;
    left: -150px;
    text-transform: uppercase;
}

.main .advantages .advantage:nth-of-type(1) .btn.btn-dark {
    margin-left: 0;
}

.main .advantages .advantage:nth-of-type(2) {
    top: 595px;
    right: calc(50% + 100px);
    max-width: 370px;
    text-align: left;
}

.main .advantages .advantage:nth-of-type(2) p {
    padding-right: 55px;
}

.main .advantages .advantage:nth-of-type(2) .btn.btn-dark {
    margin-left: 0;
}

.main .advantages .advantage:nth-of-type(3) {
    top: 615px;
    left: calc(50% + 120px);
    max-width: 270px;
}

.main .advantages .advantage:nth-of-type(3) h4 {
    text-align: center;
}

.main .advantages .advantage:nth-of-type(4) {
    top: 910px;
    right: calc(50% - 100px);
    max-width: 330px;
}

.main .advantages .advantage h4 {
    text-align: center;
}

.main.get-info-form {
    background-image: url("../img/new-header2.jpg"), url("../img/main-bg.png");
    background-size: 1920px auto, auto;
    background-position: center top, center top;
    background-repeat: no-repeat, repeat;
    font-family: "Circular Std", sans-serif;
}

.main.get-info-form h1 {
    font-size: 38px;
}

.main.get-info-form .section {
    background: url("../img/back-get-info-form.png") no-repeat;
    background-size: cover;
    background-position: center bottom;
    margin: auto;
    padding-bottom: 5vw;
}

.main.get-info-form .section .subtitle {
    font-family: "Circular Std", sans-serif;
    font-size: 24px;
}

.main.get-info-form .section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main.get-info-form .section .col-8 {
    width: 66.6%;
    padding: 0 20px;
}

.main.get-info-form .section .col-4 {
    width: 33.3%;
    padding: 0 20px;
}

.main.get-info-form .section h2 {
    font-size: 35px;
}

.main.get-info-form .section form .row label {
    width: 50%;
}

.main.get-info-form .section form .row label:nth-of-type(2) .text {
    min-width: 80px;
}

.main.get-info-form .section form .row label:nth-of-type(2) .fancy-select ul.options li {
    padding-left: 10px;
}

.main.get-info-form .section form {
    max-width: 505px;
}

.main.get-info-form .section form label {
    font-family: "Relative", sans-serif;
    padding: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    font-size: 18px;
}

.main.get-info-form .section form label .wpcf7-form-control-wrap {
    width: 100%;
    margin-left: 10px;
}

.main.get-info-form .section form label .wpcf7-form-control-wrap input, .main.get-info-form .section form label .wpcf7-form-control-wrap .trigger, .main.get-info-form .section form label .wpcf7-form-control-wrap select {
    background: #ffffff;
    border: 1px solid #707070;
    padding: 6px 15px;
    height: auto;
    line-height: 1.2em;
}

.main.get-info-form .section form label .wpcf7-form-control-wrap .trigger::before {
    padding-right: 0;
}

.main.get-info-form .section form label .wpcf7-form-control-wrap input::-webkit-outer-spin-button,
.main.get-info-form .section form label .wpcf7-form-control-wrap input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.main.get-info-form .section form label .wpcf7-form-control-wrap input[type=number] {
    -moz-appearance: textfield;
}

.main.get-info-form .section form label .text {
    padding: 6px 0;
    text-transform: uppercase;
    min-width: 110px;
    text-align: right;
}

.main.get-info-form .section form .wpcf7-form-control.wpcf7-submit {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #707070;
    background: #00A659;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    font-family: "Circular Std", sans-serif;
    margin-top: 30px;
    padding: 8px 20px;
    height: auto !important;
    line-height: 1.2em;
}

.main.get-info-form .section form .wpcf7-form-control.wpcf7-submit:hover {
    background: #386617;
}

.main.get-info-form .section .next-steps {
    font-size: 16px;
    font-family: "Circular Std Black", sans-serif;
    margin-top: 10px;
}

.main.get-info-form .section .img {
    position: relative;
    left: 40px;
    max-width: 400px;
    margin: auto;
}

.main.get-info-form .section .mail {
    font-size: 20px;
    text-align: center;
}

.main.get-info-form .section .lil_text {
    font-family: "Relative", sans-serif;
    text-align: center;
}

.main.legislation-policy .title {
    max-width: 600px;
}

.main.legislation-policy .title h1 {
    font-size: 55px;
}

.main.legislation-policy .main-text {
   /* background: #00A659 url("../img/main-bg.png");
    background-blend-mode: multiply;
	*/
	background: url("../img/main_bg_2.png");
    padding: 15px 30px;
    color: #ffffff;
    font-family: "Relative", sans-serif;
    font-size: 17px;
    line-height: 20px;
}

.main.legislation-policy .main-text img {
    float: right;
    margin: -50px 0 25px 25px;
}

.main.legislation-policy .main-text b, .main.legislation-policy .main-text strong {
    font-family: "Circular Std Black", sans-serif;
}

.main.legislation-policy .main-text h2 {
    font-size: 22px;
    font-family: "Circular Std Black", sans-serif;
    clear: none;
    height: 2.2em;
}

.main.step-up .title {
    width: 60%;
}

.main.step-up .title h1 {
    color: #ffffff;
    font-size: 75px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.main.step-up .title h1:before {
    content: "";
    width: calc(100% + 210px);
    height: calc(100% + 120px);
    background: url("../img/pinkSolid-Bars.png") no-repeat;
    position: absolute;
    left: -128px;
    top: -67px;
    z-index: -1;
}

.main.step-up .title .subtitle {
    font-family: "Circular Std", sans-serif;
    font-size: 20px;
}

.main.step-up .section.top .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.step-up .section.top .container-fluid .img {
    width: 40%;
    height: 200px;
    overflow: visible;
}

.main.step-up .section.top .container-fluid .img img {
    position: relative;
    left: 70px;
    top: -90px;
}

.main.step-up .section.steps {
    margin-top: -120px;
    background: url("../img/step-up-background.png");
    background-position: top center;
    height: 1350px;
    position: relative;
}

.main.step-up .section.steps a h2 {
    font-family: "Circular Std", sans-serif;
    font-size: 24px;
    color: #0D0D0D;
}

.main.step-up .section.steps p {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.main.step-up .section.steps .step {
    position: absolute;
}

.main.step-up .section.steps .step:nth-child(1) {
    top: 200px;
    right: calc(50% - 30px);
    max-width: 440px;
}

.main.step-up .section.steps .step:nth-child(2) {
    top: 395px;
    right: calc(50% - 50px);
    max-width: 350px;
}

.main.step-up .section.steps .step:nth-child(3) {
    top: 430px;
    left: calc(50% + 180px);
    max-width: 420px;
}

.main.step-up .section.steps .step:nth-child(4) {
    top: 680px;
    left: calc(50% - 400px);
    max-width: 300px;
}

.main.step-up .section.steps .step:nth-child(5) {
    top: 950px;
    left: calc(50% + 30px);
    max-width: 330px;
}

.main.step-up .section.steps .step:nth-child(6) {
    top: 730px;
    right: calc(50% + 60px);
    max-width: 400px;
}

.main.step-up .section.steps .step:nth-child(7) {
    top: 1200px;
    right: calc(50% - 70px);
    max-width: 270px;
}

.main.speak-up .title {
    width: 60%;
}

.main.speak-up .title h1 {
    color: #ffffff;
    font-size: 65px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.main.speak-up .title h1:before {
    content: "";
    width: calc(100% + 210px);
    height: calc(100% + 120px);
    background: url("../img/blueSolid-Bars.png") no-repeat;
    position: absolute;
    left: -78px;
    top: -67px;
    z-index: -1;
}

.main.speak-up .title .subtitle {
    font-family: "Circular Std", sans-serif;
    font-size: 20px;
    margin-left: 25px;
    position: relative;
    z-index: 3;
}

.main.speak-up .section.top .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.speak-up .section.top .container-fluid .img {
    width: 40%;
    height: 200px;
    overflow: visible;
}

.main.speak-up .section.top .container-fluid .img img {
    position: relative;
    left: 70px;
    top: -90px;
}

.main.speak-up .section.steps {
    margin-top: -160px;
    background: url("../img/speak-up-bg.png");
    background-position: top center;
    height: 1150px;
    position: relative;
}

.main.speak-up .section.steps a h2 {
    font-family: "Circular Std", sans-serif;
    font-size: 24px;
    color: #0180DE;
}

.main.speak-up .section.steps p {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.main.speak-up .section.steps .btn {
    color: #ffffff;
    width: 200px;
    text-align: center;
    display: block;
    padding: 5px 15px;
    background: #0180DE;
    border: 1px solid #707070;
    margin: 12px auto;
    font-size: 14px;
    font-family: "Circular Std Black", sans-serif;
}

.main.speak-up .section.steps .step {
    position: absolute;
}

.main.speak-up .section.steps .step:nth-child(1) {
    top: 310px;
    right: calc(50% - 20px);
    max-width: 360px;
}

.main.speak-up .section.steps .step:nth-child(2) {
    top: 550px;
    left: calc(50% + 150px);
    max-width: 350px;
    text-align: center;
}

.main.speak-up .section.steps .step:nth-child(3) {
    top: 840px;
    right: calc(50% - 70px);
    max-width: 345px;
}

.main.speak-up .section.steps .step:nth-child(4) {
    top: 857px;
    left: calc(50% + -140px);
    max-width: 358px;
    text-align: center;
}




.main.student-voices .title {
    width: 60%;
}

.main.student-voices .title h1 {
    color: #ffffff;
    font-size: 40px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
    padding-top:10px;
}

.main.student-voices .title h1:before {
    content: "";
    width: calc(100% + 210px);
    height: calc(100% + 120px);
    background: url("../img/greenSolid-Bars.png") no-repeat;
    position: absolute;
    left: -78px;
    top: -67px;
    z-index: -1;
}

.main.student-voices .title .subtitle {
    font-family: "Circular Std", sans-serif;
    font-size: 20px;
    margin-left: 25px;
    position: relative;
    z-index: 3;
    top: 30px;
}

.main.student-voices .section.top .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.student-voices .section.top .container-fluid .img {
    width: 40%;
    height: 200px;
    overflow: visible;
}

.main.student-voices .section.top .container-fluid .img img {
    position: relative;
    left: 70px;
    top: -90px;
}

.main.student-voices .section.steps {
    margin-top: -160px;
    background: url("../img/student-voices-bg2.png");
    background-position: top center;
    height: 1150px;
    position: relative;
}

.main.student-voices .section.steps a h2 {
    font-family: "Circular Std", sans-serif;
    font-size: 24px;
    color: #000;
}

.main.student-voices .section.steps p {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    line-height: 16px;
	text-align: left;
}

.main.student-voices .section.steps .btn {
    color: #ffffff;
    width: 200px;
    text-align: center;
    display: block;
    padding: 5px 15px;
    background: #0180DE;
    border: 1px solid #707070;
    margin: 12px auto;
    font-size: 14px;
    font-family: "Circular Std Black", sans-serif;
}

.main.student-voices .section.steps .step {
    position: absolute;
}

.main.student-voices .section.steps .step:nth-child(1) {
    top: 310px;
    right: calc(50% - 20px);
    max-width: 360px;
}

.main.student-voices .section.steps .step:nth-child(2) {
    top: 486px;
    left: calc(50% + 193px);
    max-width: 350px;
    text-align: left;
}

.main.student-voices .section.steps .step:nth-child(3) {
    top: 810px;
    right: calc(50% - 175px);
    max-width: 345px;
}

.main.student-voices .section.steps .step:nth-child(4) {
    top: 857px;
    left: calc(50% + -140px);
    max-width: 358px;
    text-align: center;
}





.main.arts-now .section {
    background-image: url("../img/arts-now-community-background.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.arts-now .title {
    width: 75%;
}

.main.arts-now .title h1 {
    font-size: 33px;
}

.main.arts-now .title .subtitle {
    font-family: "Relative", sans-serif;
    font-size: 20px;
}

.main.arts-now .arts-now {
    width: 25%;
}

.main.arts-now .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.arts-now .row .col {
    width: 60%;
}

.main.arts-now .row .col.info {
    text-align: right;
    width: 40%;
}

.main.arts-now .row .col.info h2 {
    font-family: "Circular Std", sans-serif;
    font-size: 25px;
}

.main.arts-now .row .col.info .subtitle {
    font-family: "Relative", sans-serif;
    font-size: 20px;
}

.main.arts-now .row .col.info h3 {
    font-family: "Circular Std", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
}

.main.arts-now .row .col.info h4 {
    font-family: "Circular Std", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.main.arts-now .row .col.info p {
    font-size: 14px;
    font-family: "Relative", sans-serif;
}

.main.arts-now .row .col.info .social_icon {
    margin-right: 0;
    max-width: 100px;
}

.main.arts-now .row .col.info .social_icon img {
    width: 28px;
}

.main.virtual-trainings h1 {
    font-size: 43px;
}

.main.virtual-trainings .subtitle {
    font-family: "Relative", sans-serif;
    font-size: 15px;
}

.main.virtual-trainings h2 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 30px;
}

.main.virtual-trainings .trainings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 250px;
}

.main.virtual-trainings .trainings .training {
    width: 32%;
    margin-bottom: 20px;
}

.main.declaration .section, .main.title1 .section {
    background-image: url("../img/declaration-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, auto auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 70px;
}

.main.declaration h1, .main.title1 h1 {
    font-size: 40px;
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main.declaration h2, .main.title1 h2 {
    font-size: 30px;
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main.declaration p, .main.title1 p {
    font-family: "Relative", sans-serif;
    font-size: 17px;
    line-height: 20px;
}

.main.declaration iframe, .main.title1 iframe {
    width: 100%;
    height: 500px;
}

.main.declaration .maps, .main.title1 .maps {
    margin: auto;
    text-align: center;
}

.main.declaration .footer-text, .main.title1 .footer-text {
    font-size: 17px;
    font-family: "Relative", sans-serif;
    max-width: 600px;
    margin: 180px auto 0;
}

.main.declaration .footer-text span, .main.title1 .footer-text span {
    font-family: "Circular Std Black", sans-serif;
    font-size: 30px;
    line-height: 38px;
}

.main.declaration .bt-video-container, .main.title1 .bt-video-container {
    margin-top: 40px;
}

.main.title1 .h1 {
    font-size: 50px;
}

.main.title1 .footer-text {
    font-family: "Circular Std Black", sans-serif;
    margin-top: 50px;
}

.main.about .title {
    width: 60%;
}

.main.about .title h1 {
    color: #ffffff;
    font-size: 75px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    text-align: left;
}

.main.about .title h1:before {
    content: "";
    width: calc(100% + 210px);
    height: calc(100% + 120px);
    background: url("../img/redSolid-Bars.png") no-repeat;
    position: absolute;
    left: -128px;
    top: -67px;
    z-index: -1;
}

.main.about .section.top .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.about .section.top .container-fluid .img {
    width: 40%;
    height: 200px;
    overflow: visible;
}

.main.about .section.top .container-fluid .img img {
    position: relative;
    left: 70px;
    top: -90px;
}

.main.about .section.steps {
    margin-top: -60px;
    background: url("../img/about-bg.png");
    background-position: top center;
    height: 1350px;
    position: relative;
}

.main.about .section.steps a h2 {
    font-family: "Circular Std", sans-serif;
    font-size: 24px;
    color: #0D0D0D;
}

.main.about .section.steps p {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.main.about .section.steps .step {
    position: absolute;
}

.main.about .section.steps .step:nth-child(1) {
    top: 70px;
    right: calc(50% + 60px);
    max-width: 440px;
}

.main.about .section.steps .step:nth-child(2) {
    top: 315px;
    left: calc(50% + 50px);
    max-width: 250px;
}

.main.about .section.steps .step:nth-child(3) {
    top: 507px;
    right: calc(50% + 450px);
    max-width: 420px;
}

.main.about .section.steps .step:nth-child(4) {
    top: 580px;
    left: calc(50% + 40px);
    max-width: 300px;
}

.main.about .section.steps .step:nth-child(5) {
    top: 865px;
    left: calc(50% + 35px);
    max-width: 330px;
}

.main.about .section.steps .step:nth-child(6) {
    top: 860px;
    right: calc(50% + 260px);
    max-width: 400px;
}

.main.about .section.steps .step:nth-child(7) {
    top: 1280px;
    right: calc(50% - 60px);
    max-width: 270px;
}

.main.mision .section {
    background-image: url("../img/mission.png"), url("../img/new-header2.jpg");
    background-size: auto auto, auto auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 30px;
    padding-top: 100px;
}

.main.mision .section .main-text {
    background-image: url("../img/mision-text-bg.png");
    background-position: center center;
    background-size: contain;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 890px;
    height: 800px;
    max-width: 100%;
    text-align: center;
    padding-right: 40px;
}

.main.mision .section .main-text h1 {
    font-size: 50px;
    margin-top: 70px;
}

.main.mision .section .main-text p {
    font-size: 25px;
    line-height: 35px;
    font-family: "Circular Std Black", sans-serif;
    max-width: 480px;
}

.main.about .peoples {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main.about .peoples .people {
    width: 23%;
    margin: 15px 1%;
    text-align: center;
}

.main.about .peoples .people .name {
    font-size: 12px;
    font-family: "Circular Std Black", sans-serif;
    line-height: 1.2em;
    margin-bottom: 5px;
}

.main.about .peoples .people .position {
    font-size: 10px;
    font-family: "Relative", sans-serif;
    line-height: 1.2em;
}

.main.about h2 {
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Druk", sans-serif;
}

.main.about h1 {
    font-size: 50px;
    text-align: center;
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main.about .bt_bb_wrapper p {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.main.about .table-container {
    width: 100%;
    overflow-x: scroll;
}

.main.about .table-container table {
    border: none;
    min-width: 600px;
}

.main.about .table-container table tr {
    font-family: "Relative", sans-serif;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #707070;
}

.main.about .table-container table tr th {
    border: none;
    font-size: 16px;
    padding: 13px 10px 9px;
}

.main.about .table-container table tr td {
    width: 30%;
    font-size: 14px;
    border: none;
    padding: 13px 10px 9px;
}

.main.about .table-container table tr th:first-child, .main.about .table-container table tr td:first-child {
    width: 40%;
}

.main.funders .section {
    background-image: url("../img/funders-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, auto auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.funders .section h1 {
    font-size: 50px;
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main.funders .section .subtitle {
    font-family: "Circular Std", sans-serif;
    font-size: 17px;
    margin: 15px 0 70px;
}

.main.funders .section .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.main.funders .section .logos .img {
    width: 29%;
    margin: 25px 2%;
}

.main.funders .section .bt_bb_wrapper p {
    font-family: "Circular Std", sans-serif;
    font-size: 20px;
    text-align: center;
}

.main.funders .section .footer-text {
    font-family: "Circular Std", sans-serif;
    font-size: 17px;
    text-align: center;
    margin: 40px 0;
}

.main.contact .section {
    background-image: url("../img/contact-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, auto auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
    min-height: 750px;
}

.main.contact .section h1 {
    font-size: 50px;
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main.contact .section .bt_bb_wrapper p {
    font-family: "Relative", sans-serif;
    font-size: 20px;
}

.main.arts-ed .section {
    background-image: url("../img/arts-end-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.arts-ed .section .title {
    max-width: 80%;
}

.main.arts-ed .section h1 {
    font-size: 35px;
}

.main.arts-ed .section .subtitle {
    font-family: "Relative", sans-serif;
    font-size: 16px;
}

.main.arts-ed .section .skills {
    background: #007926c4;
    color: #ffffff;
    padding: 20px 0 30px;
}

.main.arts-ed .section .skills h2 {
    text-align: center;
    font-size: 24px;
    font-family: "Circular Std", sans-serif;
    margin-bottom: 30px;
}

.main.arts-ed .section .skills .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main.arts-ed .section .skills .container-fluid .skill {
    width: 20%;
    max-width: 150px;
    text-align: center;
}

.main.arts-ed .section .skills .container-fluid .skill p {
    font-family: "Circular Std", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.main.arts-ed .section .bt_bb_wrapper {
    font-family: "Circular Std", sans-serif;
    font-size: 20px;
    line-height: 28px;
    margin: 70px 0 0;
}

.main.arts-ed .section .iframe {
    text-align: center;
    margin: 0 0 70px;
}

.main.arts-ed .section .iframe iframe {
    width: 600px;
    height: 350px;
}

.main.arts-ed .section .footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}

.main.arts-ed .section .footer .img {
    width: 33%;
}

.main.arts-ed .section .footer .text {
    font-family: "Relative", sans-serif;
    font-size: 18px;
    line-height: 21px;
    width: 66%;
    padding: 10px 20px;
}

.main.arts-ed .section .footer .text h3 {
    font-family: "Relative", sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
}

.main.take-the-plerge .container {
    background: #ffffff;
    margin: 130px auto;
    position: relative;
    z-index: 1;
    padding-bottom: 30px;
}

.main.take-the-plerge .container:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -64px;
    height: 102px;
    background-image: url("../img/letter-top.png");
    background-position: center;
    background-size: 100% auto;
    left: 0;
    z-index: -1;
}

.main.take-the-plerge .container:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -64px;
    height: 102px;
    background-image: url("../img/letter-bottom.png");
    background-position: center;
    background-size: 100% auto;
    left: 0;
    z-index: -1;
}

.main.take-the-plerge .container h1 {
    text-align: center;
    background-image: url("../img/blueSolid-Bars.png");
    background-size: contain;
    background-position: center;
    color: #ffffff;
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 125px;
    font-family: "Druk", sans-serif;
    position: relative;
    top: -150px;
    text-transform: uppercase;
    margin-bottom: -100px;
}

.main.take-the-plerge .container .advantages-plerge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.main.take-the-plerge .container .advantages-plerge .advantage {
    width: 21%;
}

.main.take-the-plerge .container .advantages-plerge .advantage p {
    font-size: 16px;
    font-family: "Circular Std Black", sans-serif;
}

.main.take-the-plerge .container .advantages-plerge .advantage p.chance {
    font-family: "Druk", sans-serif;
    font-size: 65px;
    margin: 0;
    line-height: 1.3em;
}

.main.take-the-plerge .container .bt_bb_wrapper h2 {
    font-size: 30px;
    font-family: "Circular Std Black", sans-serif;
}

.main.take-the-plerge .container .bt_bb_wrapper p {
    font-family: "Relative", sans-serif;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 1.16em;
}

.main.take-the-plerge .container h3 {
    font-size: 30px;
    font-family: "Circular Std Black", sans-serif;
}

.main.take-the-plerge .container form .wpcf7-checkbox .wpcf7-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
}

.main.take-the-plerge .container form .wpcf7-checkbox .wpcf7-list-item input {
    margin-top: 7px;
}

.main.take-the-plerge .container form .wpcf7-checkbox .wpcf7-list-item span {
    display: block;
    margin-left: 12px;
    font-family: "Relative", sans-serif;
    font-weight: bold;
    font-size: 20px;
}

.main.take-the-plerge .container form .text {
    font-family: "Relative", sans-serif;
    font-size: 20px;
    text-align: center;
    max-width: 725px;
    margin: 50px auto;
}

.main.take-the-plerge .container form .inputs label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 700px;
    margin: 40px auto;
}

.main.take-the-plerge .container form .inputs label span {
    display: block;
}

.main.take-the-plerge .container form .inputs label span:first-child {
    width: 180px;
    text-align: right;
    margin-right: 15px;
}

.main.take-the-plerge .container form .wpcf7-form-control.wpcf7-submit {
    width: 250px;
    padding: 12px 0;
    text-align: center;
    background: #0180DE;
    border: 1px solid #707070;
    display: block;
    margin: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    line-height: 1em;
}

.main.share_graphics h1 {
    font-family: "Druk", sans-serif;
}

.main.share_graphics .subtitle {
    font-family: "Relative";
    font-size: 20px;
}



.main.share_graphics .img-text-block .container-fluid {
    padding: 55px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.share_graphics .img-text-block .container-fluid .img {
    width: 66%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main.share_graphics .img-text-block .container-fluid .img .posters {
    width: calc(33% - 10px);
    margin-bottom: 17px;
}

.main.share_graphics .img-text-block .container-fluid .description {
    width: 33%;
    padding: 20px;
}

.main.share_graphics .img-text-block .container-fluid .description h3 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 24px;
    margin-bottom: 1em;
}

.main.share_graphics .img-text-block .container-fluid .description p {
    font-family: "Relative", sans-serif;
    font-size: 15px;
}

.main.share_graphics .img-text-block .container-fluid .description a {
    display: block;
    padding: 9px;
    font-family: "Circular Std Black", sans-serif;
    font-size: 20px;
    max-width: 170px;
    text-align: center;
    color: #ffffff;
    background: #000;
    border: 1px solid #707070;
}

.main.share_graphics .img-text-block.first-block {
    background: rgba(14, 95, 198, 0.78);
}

.main.share_graphics .img-text-block.first-block .description {
    text-align: right;
    color: #ffffff;
}

.main.share_graphics .img-text-block.first-block .description a {
    margin-left: auto;
}

.main.share_graphics .flyers-posters {
    background: rgba(14, 95, 198, 0.78);
    padding: 50px 0;
    color: #ffffff;
}

.main.share_graphics .flyers-posters h2 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 35px;
}
.text_before_posters{
    margin-top: 50px;
}

.text_before_posters p{
    margin-bottom: 30px;

}

.main.share_graphics .flyers-posters .subtitle {
    font-family: "Relative", sans-serif !important;
    
    margin: 15px 0 !important;
}

.main.share_graphics .flyers-posters .first-posters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.share_graphics .flyers-posters .first-posters .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
}

.main.share_graphics .flyers-posters .first-posters .img:nth-child(2) {
    width: 30%;
}

.main.share_graphics .flyers-posters .first-posters .img p {
    font-family: "Circular Std Black", sans-serif;
    font-size: 14px;
    margin-top: 10px;
}

.main.share_graphics .flyers-posters h3, .main.share_graphics .flyers-posters h4 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 20px;
    margin-top: 30px;
}

.main.share_graphics .flyers-posters p {
    font-family: "Relative", sans-serif;
    font-size: 15px;
    line-height: 20px;
}

.main.share_graphics .flyers-posters .vertical-posters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main.share_graphics .flyers-posters .vertical-posters .poster {
    width: 50%;
}

.main.share_graphics .flyers-posters .poster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
}

.main.share_graphics .flyers-posters .poster .img {
    text-align: center;
    width: 50%;
}

.main.share_graphics .flyers-posters .poster .text {
    padding: 10px 20px;
    width: 50%;
}

.main.share_graphics .flyers-posters .horizontal-posters .poster .img {
    width: 33%;
}

.main.share_graphics .flyers-posters .horizontal-posters .poster .text {
    width: 67%;
}

.main.get-facts .title {
    width: 70%;
}

.main.get-facts .title h1 {
    font-size: 50px;
}

.main.get-facts .title .subtitle {
    font-family: "Relative", sans-serif;
}

.main.get-facts .title .title_green {
    font-family: "Circular Std Black", sans-serif;
    font-size: 35px;
    color: #00A659;
}

#green-heading {
    color: #00A659;

}

.main.get-facts .other_schools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px;
}

.main.get-facts .other_schools .percent {
    font-family: "Druk", sans-serif;
    font-size: 161px;
    line-height: 1em;
    margin-bottom: 0;
    margin-right: 20px;
}

.main.get-facts .other_schools p {
    font-family: "Circular Std Black", sans-serif;
    font-size: 25px;
    margin-bottom: 0;
}

.main.get-facts h2 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 35px;
}

.main.get-facts .advantages-plerge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

.main.get-facts .advantages-plerge .advantage {
    width: 21%;
}

.main.get-facts .advantages-plerge .advantage p {
    font-size: 16px;
    font-family: "Circular Std Black", sans-serif;
}

.main.get-facts .advantages-plerge .advantage p.chance {
    font-family: "Druk", sans-serif;
    font-size: 65px;
    margin: 0;
    line-height: 1.3em;
}

.main.get-facts .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.get-facts .row .col-6 {
    width: 50%;
    text-align: center;
    position: relative;
}

.main.get-facts .row .col-6.map svg {
    position: absolute;
    left: -100px;
    top: 50%;
}

.main.get-facts .row .col-6 p {
    font-size: 25px;
    font-family: "Circular Std Black", sans-serif;
    margin-bottom: 20px;
    line-height: 1em;
}

.main.get-facts .row .col-6 .bigger_green {
    font-family: "Druk", sans-serif;
    font-size: 106px;
    color: #00A659;
    text-transform: uppercase;
}

.main.get-facts .row .col-6 .big_green {
    font-family: "Druk", sans-serif;
    font-size: 78px;
    color: #00A659;
    text-transform: uppercase;
}

.main.get-facts .back-green {
    background: #00A659;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
}

.main.get-facts .back-green p {
    font-family: "Circular Std Black", sans-serif;
    font-size: 22px;
}

.main.get-facts .back-green h2 {
    color: #ffffff;
    font-family: "Druk", sans-serif;
    font-size: 62px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.main.get-facts h3 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 24px;
    margin: 65px 0 45px;
    text-align: center;
}

.main.get-facts .shared-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.get-facts .shared-images .img {
    width: 30%;
    margin-bottom: 40px;
    text-align: center;
}

.main.get-facts .top {
    background-image: url("../img/facts-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.step-up-speak .section {
    background-image: url("../img/step-speak-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.step-up-speak .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.main.step-up-speak .title img {
    width: 57.5%;
    margin-right: -7.5%;
}

.main.step-up-speak .title p {
    width: 50%;
    font-family: "Circular Std Black", sans-serif;
    font-size: 22px;
    margin-bottom: 7%;
}

.main.step-up-speak .col-6 {
    width: 50%;
    padding: 0 25px;
    max-width: 470px;
    margin: 0 auto;
}

.main.step-up-speak h2 {
    background-image: url("../img/step-speak-title.svg");
    background-size: contain;
    background-position: center center;
    padding: 18px;
    text-align: center;
    font-family: "Circular Std Black", sans-serif;
    font-size: 25px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.main.step-up-speak h3 {
    font-family: "Relative", sans-serif;
    font-size: 25px;
    margin: 18px 0;
    text-transform: uppercase;
}

.main.step-up-speak li {
    font-family: "Relative", sans-serif;
    font-size: 17px;
    line-height: 1em;
    margin-bottom: 20px;
}

.main.step-up-speak .footer-text {
    margin: 135px 0 50px 30%;
    max-width: 500px;
}

.main.step-up-speak .footer-text h3 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 30px;
    padding-bottom: 0;
}

.main.step-up-speak .footer-text p {
    font-family: "Relative", sans-serif;
    font-size: 15px;
    line-height: 16px;
}

.main.svc .section {
    background-image: url("../img/svc-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.svc h1 {
    font-family: "Druk-Wide-Bold", sans-serif;
    font-size: 43px;
}

.main.svc .subtitle {
    font-family: "Circular Std Black", sans-serif;
    font-size: 20px;
}

.main.svc .img {
    text-align: center;
}

.main.svc .pink {
    background: #F0B6CF;
    padding: 50px 0;
    margin: 40px 0 60px;
}

.main.svc .pink .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.svc .pink .col-6 {
    width: 50%;
    font-family: "Relative", sans-serif;
    font-size: 19px;
    line-height: 22px;
}

.main.svc .pink .col-6.text {
    padding-right: 30px;
}

.main.svc .video {
    width: calc(50% - 24px);
    margin: 0 auto 20px;
    text-align: center;
    position: relative;
}

.main.svc .video .icon {
    width: 50px;
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 25px);
}

.main.svc .video .icon svg {
    max-width: 100%;
    height: auto;
}

.main.svc .video iframe {
    width: 100%;
    height: 250px;
    margin: auto;
    max-width: 450px;
}

.main.svc .author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main.svc .author .img {
    width: 33%;
}

.main.svc .author .quote {
    width: 67%;
    font-family: "Relative", sans-serif;
    font-size: 20px;
    line-height: 23px;
    font-style: italic;
}

.main.svc .author .quote .name {
    text-align: right;
    font-style: normal;
    font-family: "Circular Std Black", sans-serif;
    font-size: 25px;
}

.main.svc .footer-text {
    margin: -20px 25% 70px auto;
    max-width: 380px;
    text-align: right;
    position: relative;
}

.main.svc .footer-text h3 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 30px;
    padding-bottom: 0;
}

.main.svc .footer-text p {
    font-family: "Relative", sans-serif;
    font-size: 15px;
    line-height: 16px;
}

.main.svc .footer-text:after {
    content: "";
    position: absolute;
    left: 100%;
    background: url("../img/svc-next.png") no-repeat;
    width: 390px;
    height: 235px;
    background-size: cover;
    top: -70px;
}

.main.racial-equity .section {
    background-image: url(""), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.racial-equity h1 {
    font-size: 40px;
}

.main.racial-equity .letter {
    background: #ffffff;
    margin: 50px auto 80px;
    position: relative;
    z-index: 1;
    padding: 60px;
}

.main.racial-equity .letter .spot {
    position: absolute;
    right: -140px;
    top: 46%;
}

.main.racial-equity .letter .strip {
    position: absolute;
    left: -220px;
    top: 6%;
}

.main.racial-equity .letter:before {
    content: "";
    width: 100%;
    position: absolute;
    top: -64px;
    height: 102px;
    background-image: url("../img/letter-top.png");
    background-position: center;
    background-size: 100% auto;
    left: 0;
    z-index: -1;
}

.main.racial-equity .letter:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -64px;
    height: 102px;
    background-image: url("../img/letter-bottom.png");
    background-position: center;
    background-size: 100% auto;
    left: 0;
    z-index: -1;
}

.main.racial-equity .letter p {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.main.racial-equity .letter p svg {
    margin: 0 3px -3px;
}

.main.racial-equity .letter h3 {
    font-family: "Relative", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 15px 0;
}

.main.сitation-page h1 {
    font-size: 40px;
}

.main.сitation-page .quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0 50px;
}

.main.сitation-page .quote p {
    max-width: 370px;
    margin-left: 30px;
    font-family: "Relative", sans-serif;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
}

.main.сitation-page .bt_bb_wrapper {
    font-family: "Circular Std Black", sans-serif;
    font-size: 20px;
}

.main.сitation-page .bt_bb_wrapper b, .main.сitation-page .bt_bb_wrapper strong {
    font-weight: normal;
    color: #D33832;
}

.main.resource-library h1 {
    font-size: 50px;
}

.main.resource-library .subtitle {
    font-family: "Circular Std Black", sans-serif;
    font-size: 20px;
}

.main.resource-library h2 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 30px;
}

.main.resource-library h4 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 18px;
}

.main.resource-library p {
    font-family: "Relative", sans-serif;
}

.main.resource-library .resources {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.main.resource-library .resources .img {
    min-width: 130px;
    margin-right: 15px;
}

.main.lcff-lcap .top {
    background-image: url("../img/lcff-lcapfirst-top-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    padding: 40px 0;
}

.main.lcff-lcap .top .img {
    position: relative;
}

.main.lcff-lcap .top .img:before {
    content: "";
    background: url("../img/strip-black.svg") no-repeat;
    background-size: contain;
    background-position: center;
    width: 150px;
    height: 150px;
    position: absolute;
    left: -50px;
    top: 40%;
}

.main.lcff-lcap .top .subtitle {
    font-family: "Circular Std Black", sans-serif;
    font-size: 22px;
    text-align: center;
    margin: -60px 0 30px;
}

.main.lcff-lcap .top .question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main.lcff-lcap .top .question .quest {
    margin: auto;
    font-family: "Druk", sans-serif;
    font-size: 50px;
    line-height: 1em;
    font-weight: 700;
    max-width: 450px;
    padding: 0 0 50px;
    text-align: center;
}

.main.lcff-lcap .top .question .answer {
    margin: auto 0 0 0;
    font-family: "Circular Std Black", sans-serif;
    font-size: 24px;
    max-width: 350px;
    line-height: 1.4em;
}

@media (max-width: 1200px) and (min-width: 900px) {
    .main.lcff-lcap .top .question .answer {
        width: 30%;
    }
}

.main.lcff-lcap .section-green {
    background: #00A659;
    padding: 40px 0;
    position: relative;
}

.main.lcff-lcap .section-green.lcap p {
    font-family: "Circular Std Black", sans-serif;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}

.main.lcff-lcap .section-green.lcap .priorities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.main.lcff-lcap .section-green.lcap .priorities .priority {
    width: 23%;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    text-transform: uppercase;
}

.main.lcff-lcap .section-green.lcap .priorities .priority p {
    margin-top: 10px;
}

.main.lcff-lcap .section-green.lcap h3 {
    font-size: 28px;
    font-family: "Circular Std Black", sans-serif;
}

.main.lcff-lcap .section-green.lcap h3 span {
    font-size: 63px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Druk", sans-serif;
}

.main.lcff-lcap .section-green.lcap .spot {
    position: absolute;
    left: 56%;
    bottom: -70px;
    padding: 65px 40px 55px;
    background-image: url("../img/lcff_spot.svg");
    background-size: 100%;
    background-position: center;
    font-size: 15px;
    text-align: center;
    margin: 0;
    width: 40%;
    max-width: 400px;
    height: 250px;
}

.main.lcff-lcap .quest2 {
    background-image: url("../img/lcff-bg-questions.png");
    background-size: auto;
    background-position: center;
    padding: 40px 0 30px;
}

.main.lcff-lcap .quest2 h2 {
    width: 400px;
    margin: auto auto auto 15%;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Druk", sans-serif;
    font-size: 53px;
    text-align: center;
}

.main.lcff-lcap .quest2 p {
    margin: 130px calc(50% - 480px) 20px calc(270px - 19%);
    font-family: "Circular Std Black", sans-serif;
    font-size: 24px;
    max-width: 300px;
}

.main.lcff-lcap .lcff .col-6 {
    width: 50%;
}

.main.lcff-lcap .lcff .col-6:first-of-type {
    background-image: url("../img/lcff_spots.svg");
    padding-bottom: 30px;
}

.main.lcff-lcap .lcff .col-6:first-of-type p {
    font-family: "Circular Std Black", sans-serif;
    font-size: 18px;
    text-align: center;
}

.main.lcff-lcap .lcff .col-6:first-of-type > p:first-child {
    max-width: 200px;
    margin: 70px 0 0 9%;
}

.main.lcff-lcap .lcff .col-6:first-of-type > p:last-child {
    max-width: 200px;
    margin: 30px 0 30px 12%;
}

.main.lcff-lcap .lcff .col-6:first-of-type .pink-bg {
    margin: 50px 0 0 23%;
    max-width: 250px;
}

.main.lcff-lcap .lcff .col-6:first-of-type .pink-bg p {
    font-size: 15px;
    text-align: center;
    padding: 0 15px;
    line-height: 1.4;
}

.main.lcff-lcap .lcff .col-6:first-of-type .pink-bg ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.main.lcff-lcap .lcff .col-6:first-of-type .pink-bg ul li {
    font-weight: 700;
    font-family: "Druk", sans-serif;
    font-size: 34px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
    position: relative;
}

.main.lcff-lcap .lcff .col-6:first-of-type .pink-bg ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #000000;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: calc(50% - 5px);
}

.main.lcff-lcap .lcff .col-6.right ul {
    color: #FFFFFF;
    font-family: "Circular Std Black", sans-serif;
    font-size: 20px;
    list-style: none;
}

.main.lcff-lcap .lcff .col-6.right ul li {
    margin-bottom: 20px;
}

.main.lcff-lcap .lcff .col-6.right ul li:before {
    content: "- ";
}

.main.lcff-lcap .lcff .col-6.right p {
    text-align: center;
    font-family: "Circular Std Black", sans-serif;
    font-size: 18px;
    margin-top: 110px;
}

.main.lcff-lcap .lcff .col-6.right .btn {
    display: block;
    margin: 20px auto;
    padding: 16px 0;
    font-family: "Relative", sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 20px;
    text-align: center;
    width: 270px;
    color: #000000;
    font-weight: 700;
    background: #FFFFFF;
}

.main.lcff-lcap .flyer {
    background-image: url("../img/lcff-bottom-bg.svg");
    background-position: 40% 250px;
    padding: 40px 0 20px;
}

.main.lcff-lcap .flyer .img {
    width: 33%;
    text-align: center;
}

.main.lcff-lcap .flyer .text {
    width: 67%;
    padding-left: 20px;
}

.main.lcff-lcap .flyer .text h3 {
    margin-top: 30px;
    font-family: "Circular Std Black", sans-serif;
    font-size: 28px;
}

.main.lcff-lcap .flyer .text p {
    font-family: "Relative", sans-serif;
    font-size: 20px;
}

.main.lcff-lcap .flyer .footer-text {
    font-size: 17px;
    font-family: "Relative", sans-serif;
    max-width: 600px;
    margin: 120px auto 60px 200px;
}

.main.lcff-lcap .flyer .footer-text h3 {
    font-family: "Circular Std Black", sans-serif;
    font-size: 30px;
    padding-bottom: 0;
}

.main.lcff-lcap .flyer .footer-text p {
    font-family: "Relative", sans-serif;
    font-size: 20px;
    line-height: 22px;
}

.main.data-project .section {
    background-image: url("../img/data-project-bg.png"), url("../img/new-header2.jpg");
    background-size: auto auto, 1920px auto;
    background-position: center top, center top;
    background-repeat: no-repeat, no-repeat;
}

.main.data-project .section h1 {
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 100px;
    font-family: "Druk-Wide-Bold", sans-serif;
}

.main.data-project .section p {
    font-size: 17px;
    font-family: "Relative", sans-serif;
    line-height: 20px;
}

.main.data-project .section h2 {
    font-size: 35px;
    font-family: "Circular", sans-serif;
}

.main.data-project .section h3 {
    font-size: 30px;
    font-family: "Circular", sans-serif;
}

.main.data-project .section h3 strong {
    font-size: 17px;
}

.main.data-project .section .iframe iframe {
    height: 450px;
    width: 100%;
    margin: 20px 0 35px;
}

.main.data-project .section .castom_code {
    margin: 35px 0;
    overflow-x: scroll;
    max-width: 100%;
}

.main.data-project .section .content {
    padding: 60px 40px 30px;
}

.main.data-project .section .roadmap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main.data-project .section .roadmap .img {
    text-align: center;
}

.main.data-project .section .roadmap .img, .main.data-project .section .roadmap .text {
    width: 50%;
    padding: 0 20px;
}

.main.data-project .section .next-step-f {
    margin: 80px 0 80px 140px;
    position: relative;
}

.main.data-project .section .next-step-f:before {
    position: absolute;
    content: "";
    width: 240px;
    height: 280px;
    top: -90px;
    left: -240px;
    background-image: url("../img/next-step-line.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.main .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bt_bb_custom_menu.bt_bb_direction_horizontal.manu_main_footer .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    text-align: left;
}

.bt_bb_custom_menu.bt_bb_direction_horizontal.manu_main_footer .menu > li {
    width: 16.5%;
    float: none;
    font-size: 14px;
    font-family: "Circular Std Black", sans-serif;
    margin-top: 15px;
}

.bt_bb_custom_menu.bt_bb_direction_horizontal.manu_main_footer .menu li {
    border: none;
    padding: 0 3px;
}

.bt_bb_custom_menu.bt_bb_direction_horizontal.manu_main_footer .menu li ul {
    margin-top: 15px;
}

.bt_bb_image.bt_bb_shape_square.footer_logo {
    float: none;
    margin: 20px 0;
}

.btSiteFooter .bt_bb_column_content_inner {
    text-align: center;
}

.btSiteFooter .bt_bb_column_content_inner .bt_bb_icon {
    margin: 15px auto;
    float: none;
}

.text-small p {
    font-family: "Helvetica Neue", sans-serif;
    color: #0D0D0D;
    font-size: 8px;
    line-height: 9px;
    text-align: left;
    max-width: 500px;
    margin: 20px auto;
}

.bt_bb_row.bt_bb_column_gap_50 .bt_bb_column .footer-newsletter {
    padding: 0;
}

@media (min-width: 1200px) {
    .main.lcff-lcap .top .question .answer {
        margin-right: 40px;
    }
}

@media (max-width: 1200px) {
    #menu-primary-menu li.menu-item-has-children > a {
        padding-right: 15px;
    }

    #menu-primary-menu li.menu-item-has-children > a:before {
        display: none;
    }
}

@media (max-width: 1067px) {
    .main > div:first-child,
    .main.get-info-form {
        background-size: 1067px auto;
    }

    .main.legislation-policy .main-text h2:first-of-type {
        height: 3.4em;
    }
}

@media (max-width: 992px) {
    .main.arts-ed .section .title {
        max-width: 830px;
    }

    .section-round .block-roundimg .bt_bb_column_content_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-round .block-roundimg .bt_bb_image {
        position: static;
        width: 30%;
        float: none;
    }

    .section-round .block-roundimg .bt_bb_image img {
        margin: auto;
    }

    .section-round .block-roundimg .bt_bb_image.megaphone {
        width: 100%;
    }

    .main .img-fullwidth {
        padding-top: 20px;
    }

    .main .img-fullwidth h2 {
        font-size: 32px;
    }

    .main.step-up .section.steps {
        background: none;
        margin: 0 30px;
        border-left: 3px dashed #000;
        padding: 30px;
        height: auto;
    }

    .main.step-up .section.steps .step {
        position: relative;
        margin-top: 30px;
        margin-left: 20px;
        left: 0 !important;
        top: 0 !important;
        max-width: 100% !important;
    }

    .main.step-up .section.steps .step :before {
        content: "";
        width: 40px;
        height: 40px;
        background: #F0B6CF;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 20px);
        left: -70px;
    }

    .main.step-up .title {
        width: 100%;
    }

    .main.step-up .section.top .container-fluid .img {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .main.step-up .section.top .container-fluid .img img {
        position: static;
    }

    .main.speak-up .section.steps {
        background: none;
        margin: 0 30px;
        border-left: 3px dashed #000;
        padding: 30px;
        height: auto;
    }

    .main.speak-up .section.steps .step {
        position: relative;
        margin-top: 30px;
        margin-left: 20px;
        left: 0 !important;
        top: 0 !important;
        max-width: 100% !important;
    }

    .main.student-voices .section.steps .step :before {
        content: "";
        width: 40px;
        height: 40px;
        background: #00a853 !important;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 20px);
        left: -70px;
    }


    .main.speak-up .section.steps .step :before {
        content: "";
        width: 40px;
        height: 40px;
        background: #0180DE;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 20px);
        left: -70px;
    }

    .main.speak-up .title {
        width: 100%;
    }

    .main.speak-up .section.top .container-fluid .img {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .main.speak-up .section.top .container-fluid .img img {
        position: static;
    }

    .main.about .section.steps {
        background: none;
        margin: 0 30px;
        border-left: 3px dashed #000;
        padding: 30px;
        height: auto;
    }

    .main.about .section.steps .step {
        position: relative;
        margin-top: 30px;
        margin-left: 20px;
        left: 0 !important;
        top: 0 !important;
        max-width: 100% !important;
    }

    .main.about .section.steps .step :before {
        content: "";
        width: 40px;
        height: 40px;
        background: #D33832;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 20px);
        left: -70px;
    }

    .main.about .title {
        width: 100%;
    }

    .main.about .section.top .container-fluid .img {
        width: 100%;
        text-align: center;
        height: auto;
    }

    .main.about .section.top .container-fluid .img img {
        position: static;
    }

    .main .advantages .advantage:nth-of-type(1) h4 {
        position: static;
    }

    .main .advantages .advantage .btn.btn-dark {
        margin-left: 0;
    }

    .main .advantages {
        background: none;
        margin: 0 30px;
        border-left: 3px dashed #000;
        padding: 30px;
        height: auto;
    }

    .main .advantages h4 {
        text-align: left !important;
    }

    .main .advantages .advantage {
        margin-top: 30px;
        margin-left: 20px;
        position: relative;
        left: 0 !important;
        top: 0 !important;
        text-align: left;
        max-width: 100% !important;
    }

    .main .advantages .advantage :before {
        content: "";
        width: 40px;
        height: 40px;
        background: #00A659;
        border-radius: 50%;
        position: absolute;
        top: calc(50% - 20px);
        left: -70px;
    }

    .main .advantages .img {
        position: static;
        text-align: center;
        padding-top: 30px;
    }

    .main.lcff-lcap .top {
        background: url("../img/new-header2.jpg") no-repeat 100% top;
        background-size: auto;
        background-position: center top;
    }

    .main.lcff-lcap .top .question {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.lcff-lcap .top .subtitle {
        margin-top: -20px;
    }

    .main.lcff-lcap .top .question .quest,
    .main.lcff-lcap .top .question .answer {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
        padding: 0;
        text-align: left;
    }

    .main.lcff-lcap .top .question .quest br,
    .main.lcff-lcap .top .question .answer br {
        display: none;
    }

    .main.lcff-lcap .section-green.lcap h3 {
        text-align: center;
    }

    .main.lcff-lcap .section-green.lcap .spot {
        position: static;
        margin: 0 auto -110px;
        max-width: 100%;
        width: 400px;
    }

    .main.lcff-lcap .lcff .col-6:first-of-type {
        background: none;
    }

    .main.lcff-lcap .lcff .col-6:first-of-type > p:first-child, .main.lcff-lcap .lcff .col-6:first-of-type > p:last-child {
        margin: 20px 0;
        padding: 30px;
        background: #FFFFFF;
        border-radius: 20px;
        width: 100%;
        max-width: 100%;
    }

    .main.lcff-lcap .lcff .col-6:first-of-type .pink-bg {
        margin: 20px 0;
        padding: 30px;
        background: #F0B6CF;
        border-radius: 20px;
        width: 100%;
        max-width: 100%;
    }

    .main.lcff-lcap .lcff .col-6:first-of-type .pink-bg ul {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .main.lcff-lcap .lcff .col-6:first-of-type .pink-bg ul li {
        margin-bottom: 15px;
    }

    .main.lcff-lcap .quest2 h2, .main.lcff-lcap .quest2 p {
        width: 100%;
        max-width: 100%;
        margin: 20px 0;
        text-align: center;
    }

    .main.lcff-lcap .quest2 h2 br, .main.lcff-lcap .quest2 p br {
        display: none;
    }

    .main.lcff-lcap .quest2 h2, .main.lcff-lcap .quest2 {
        background: none;
    }
}

@media (max-width: 880px) {
    .main.legislation-policy .main-text img {
        float: none;
        display: block;
        margin: 15px auto;
    }

    .main.legislation-policy .main-text h2 {
        height: auto;
    }

    .main.arts-now .row:last-child {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        margin-top: 30px;
    }

    .main.arts-now .row:last-child .col {
        text-align: center;
        width: 100% !important;
    }

    .main.arts-now .row:last-child .col.info {
        text-align: center;
    }

    .main.arts-now .row:last-child .col.info .social_icon {
        margin: auto;
    }

    .main.arts-now .row .arts-now, .main.arts-now .row .title {
        width: 100%;
        text-align: center;
    }

    .main.get-facts .advantages-plerge .advantage,
    .main.take-the-plerge .container .advantages-plerge .advantage {
        width: 48%;
    }

    .main.share_graphics .img-text-block .container-fluid .text,
    .main.share_graphics .img-text-block .container-fluid .img {
        width: 50%;
    }

    .main.share_graphics .img-text-block .container-fluid .text .posters,
    .main.share_graphics .img-text-block .container-fluid .img .posters {
        width: calc(50% - 10px);
    }

    .main.lcff-lcap .section-green.lcap .priorities {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.lcff-lcap .section-green.lcap .priorities .priority {
        width: 48%;
    }

    .main.data-project .section .roadmap .img, .main.data-project .section .roadmap .text {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .main.data-project .section h1 {
        font-size: 24px;
        margin-top: 0;
    }

    .main > div:first-child {
        padding-top: 130px;
        background: url("../img/new-header-sm.jpg") no-repeat 100% top !important;
        background-size: 767px auto !important;
    }

    .main .img-fullwidth {
        padding-top: 10px;
    }

    .main .img-fullwidth h2 {
        font-size: 24px;
    }

    .main.get-info .title h1 {
        width: 90%;
        margin: auto;
        font-size: 48px;
        text-align: center;
        padding: 21px;
        margin-bottom: 25px;
    }

    .main.get-info .title h1:before {
        background-position: center;
        height: 170px;
        top: -40px;
        width: 100%;
        left: 0;
    }

    .main.get-info .title .subtitle {
        width: 90%;
        margin: 15px auto;
    }

    .main.get-info-form .container-fluid .col-4,
    .main.get-info-form .container-fluid .col-8 {
        width: 100%;
    }

    .page-template-get-information-form .btContent {
        background: url("../img/main-bg.png");
    }

    .main.get-info-form .container-fluid form .row label {
        width: 100%;
    }

    .main.get-info-form .container-fluid form .row label .text {
        min-width: 110px !important;
    }

    .main.legislation-policy .main-text {
        padding: 15px 0;
    }

    .main.virtual-trainings .trainings .training {
        width: 48%;
    }

    .main.mision .section {
        background-image: url("../img/mision-text-bg.png");
        background-size: auto auto;
        background-position: center center;
    }

    .main.mision .section .main-text {
        height: auto;
        background-image: none;
    }

    .main.about .peoples .people {
        width: 31%;
        margin: 15px 1%;
        text-align: center;
    }

    .main.arts-ed .section .footer .img,
    .main.arts-ed .section .footer .text {
        width: 100%;
    }

    .main.arts-ed .section .footer .img {
        text-align: center;
    }

    .main.arts-ed .section .skills .container-fluid .skill {
        width: 50%;
    }

    .main.take-the-plerge .container {
        padding: 0 15px 20px;
    }

    .main.take-the-plerge .container h1 {
        font-size: 54px;
        padding-top: 25px;
        background-size: 120%;
    }

    .main.share_graphics .img-text-block.first-block .container-fluid {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .main.share_graphics .img-text-block .container-fluid {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.share_graphics .img-text-block .container-fluid .img, .main.share_graphics .img-text-block .container-fluid .description {
        width: 100%;
        margin-bottom: 15px;
    }

    .main.share_graphics .flyers-posters .first-posters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.share_graphics .flyers-posters .first-posters .img {
        width: 100%;
    }

    .main.share_graphics .flyers-posters .vertical-posters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.share_graphics .flyers-posters .vertical-posters .poster {
        width: 100%;
    }

    .main.get-facts .row .col-6 {
        width: 100%;
    }

    .main.get-facts .shared-images .img {
        width: calc(50% - 15px);
    }

    .main.get-facts .title {
        width: 100%;
    }

    .main.get-facts .other_schools {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }

    .main.get-facts .other_schools .percent {
        margin-bottom: 20px;
        width: 100%;
    }

    .main.step-up-speak .section {
        background-image: url("../img/new-header-md.jpg");
        background-size: 1920px auto;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .main.step-up-speak .col-6,
    .main.step-up-speak .title p,
    .main.step-up-speak .title img {
        width: 100%;
    }

    .main.step-up-speak .title img {
        margin: 0;
    }

    .main.step-up-speak .title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.step-up-speak .footer-text {
        width: 100%;
        margin: 20px auto;
    }

    .main.svc .pink .row {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .main.svc .pink .row .col-6 {
        width: 100%;
        text-align: center;
    }

    .main.svc .pink .row .col-6.text {
        padding: 0 10px;
        text-align: left;
        margin-top: 10px;
    }

    .main.svc .video {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .main.svc .author {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.svc .author .quote,
    .main.svc .author .img {
        width: 100%;
    }

    .main.svc .section {
        background-image: url("../img/new-header-md.jpg");
        background-size: 1200px auto;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .main.svc .footer-text {
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }

    .main.svc h1 {
        font-size: 30px;
    }

    .bt_bb_custom_menu.bt_bb_direction_horizontal.manu_main_footer .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .bt_bb_custom_menu.bt_bb_direction_horizontal.manu_main_footer .menu > li {
        width: 100%;
    }

    .main.lcff-lcap .top .subtitle {
        margin-top: 20px;
    }

    .main.lcff-lcap .top .question .quest {
        font-size: 30px;
        text-align: center;
    }

    .main.lcff-lcap .lcff .col-6 {
        width: 100%;
    }

    .main.lcff-lcap .flyer .img,
    .main.lcff-lcap .flyer .text {
        width: 100%;
    }

    .main.lcff-lcap .flyer .footer-text {
        margin: 30px 0;
        text-align: center;
    }

    .main.lcff-lcap .top .img::before {
        display: none;
    }

    .main.title1 iframe {
        height: 350px;
    }

    .main.data-project .section .content {
        padding: 60px 0 0;
    }
}

@media (max-width: 600px) {
    .main.lcff-lcap .section-green.lcap .spot {
        background: #fff;
        border-radius: 30px;
        margin: 0;
        width: 100%;
        padding: 40px;
        height: auto;
    }

    .section-round .block-roundimg .bt_bb_image {
        width: 45%;
    }

    .main .img-fullwidth {
        padding-top: 5px;
    }

    .main .img-fullwidth h2 {
        font-size: 16px;
    }

    .main.get-info-form .container-fluid form label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .main.get-info-form .container-fluid form label .text {
        text-align: left;
        width: 100%;
    }

    .main.get-info-form .container-fluid form label .wpcf7-form-control-wrap {
        margin-left: 0;
    }

    .main.legislation-policy .title h1 {
        font-size: 26px;
    }

    .main.step-up .title h1 {
        font-size: 40px;
    }

    .main.step-up .title h1:before {
        width: 450px;
        height: 100px;
        top: -40px;
        background-size: cover;
    }

    .main.speak-up .title h1 {
        font-size: 40px;
    }

    .main.student-voices .title h1 {
        font-size: 25px !important;
    }    

    .main.speak-up .title h1:before {
        width: 450px;
        height: 100px;
        top: -40px;
        background-size: cover;
    }

    .main.about .title h1 {
        font-size: 40px;
    }

    .main.about .title h1:before {
        width: 450px;
        height: 100px;
        top: -40px;
        background-size: cover;
    }

    .main .img-fullwidth {
        height: auto;
        padding: 30px 20px 50px;
        background-size: cover;
    }

    .main .img-fullwidth .students-are .img {
        width: 46%;
        margin-bottom: 20px;
    }

    .main.funders .section .logos .img {
        width: 46%;
    }

    .main.contact .section h1,
    .main.funders .section h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .main.share_graphics .flyers-posters .horizontal-posters .poster {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }

    .main.share_graphics .flyers-posters .horizontal-posters .poster .text, .main.share_graphics .flyers-posters .horizontal-posters .poster .img {
        width: 100%;
    }

    .main.racial-equity .letter {
        padding: 30px 15px;
    }

    .main.racial-equity .container {
        padding: 20px;
    }

    .main.racial-equity .letter .strip,
    .main.racial-equity .letter .spot {
        display: none;
    }

    .main.racial-equity h1 {
        font-size: 30px;
    }

    .main.сitation-page .quote {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }

    .main.сitation-page .quote p {
        margin: 20px 0 0;
    }

    .main.resource-library .resources {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 500px) {
    .main.get-info .title h1 {
        font-size: 32px;
    }

    .main.get-info .title h1:before {
        height: 130px;
        top: -30px;
    }

    .main.get-info-form h1 {
        font-size: 28px;
    }

    .main.virtual-trainings .trainings .training {
        width: 100%;
    }

    .main.declaration h1, .main.title1 h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .main.about .peoples .people {
        width: 46%;
        margin: 15px 2%;
        text-align: center;
    }
}

.logo {
    margin-top: 25px;
}

.logo .description {
    font-family: "Circular Std Black", sans-serif;
    font-size: 12px;
    line-height: 24px;
}

.btVerticalHeaderTop .btLogoArea .logo img {
    width: 150px;
    height: auto !important;
}

.home .menuPort .social_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.menuPort .social_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
    width: 100px;
}

.menuPort .social_icon a {
    display: block;
}

.menuPort .social_icon img {
    max-width: 30px;
}

.footer-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-left p {
    margin: 0;
}

.footer-left .social_icon {
    margin: 0 auto 0 20px;
}

.footer-left .social_icon a {
    margin: 3px;
}

.footer-left .social_icon a img {
    width: 30px;
}

.footer-left .btn {
    display: block;
    padding: 12px 0;
    width: 185px;
    text-align: center;
    font-weight: 700;
    background: #FFB100;
}

.page-id-3926 #top {
    background-image: url("../img/new-header2.jpg"), url("../img/main-bg.png") !important;
    background-size: auto, auto !important;
    background-position: center top, center top !important;
    background-repeat: no-repeat, repeat !important;
}

.page-id-3926 #top .btContentWrap.btClear {
    background-image: url("../img/back-get-info-form.png") !important;
    background-size: auto !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}

/* Landing page */
.ca-container h1,
.ca-container h2,
.ca-container h3,
.ca-container h4,
.ca-container h5,
.ca-container h6,
.ca-container p,
.ca-container a {
    font-family: "Relative", sans-serif;
    padding: 0;
}

.ca-container {
    background-image: url("../img/new-header2.jpg"), url("../img/main-bg.png");
    background-position: center top, center top;
    background-repeat: no-repeat, repeat;
    font-size: 18px;
    padding-top: 14rem;
    font-family: "Relative", sans-serif;
}

.ca-container-wrap {
    width: 100%;
    padding: 0 30px;
    max-width: 1470px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(https://createca.org/wp-content/themes/tabula-child/img/landing/section1bg.png);
    background-position: top right;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {
    .ca-container-wrap {
        max-width: 100%;
        padding: 0 15px;
    }
}

.ca-container .dash {
    position: absolute;
    top: 16rem !important;
    left: 50px;
    z-index: 1;
    background-image: url("/wp-content/themes/tabula-child/img/landing/dash.svg");
    width: 6px;
    background-repeat: repeat;
}

@media only screen and (max-width: 768px) {
    .ca-container .dash {
        left: calc(27px);
    }
}

.ca-container a {
    color: black !important;
    text-decoration: underline !important;
}

/* .ca-container .campaign-section {
  background-image: url("/wp-content/themes/tabula-child/img/landing/section1bg.png");
  background-position: top right; */
/* } */

.ca-container .campaign-section img {
    width: 100%;
    max-width: 130%;

}

@media only screen and (max-width: 768px) {
    .ca-container .campaign-section img {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

.ca-container .campaign-section-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 768px) {
    .ca-container .campaign-section-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.ca-container .campaign-section-row > div {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .ca-container .campaign-section-row > div {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .ca-container .campaign-section .content-info {
        padding: 0 1rem;
    }
}

.ca-container .info-section {
    position: relative;
    z-index: 5;
    padding-top: 4rem;
}

.ca-container .info-section .dash {
    height: 860px;
}

@media only screen and (max-width: 768px) {
    .ca-container .info-section .dash {
        height: 1600px;
        top: 25rem !important;
    }
}


.ca-container .info-section h1 {
    font-size: 80px;
    margin-top: -10px;
    font-weight: 700;
}

.ca-container .info-section p {
    font-size: 18px;
    font-weight: 300;
}

@media only screen and (max-width: 768px) {
    .ca-container .info-section p {
        font-size: 18px;
    }
}

.ca-container .info-section-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 1.35rem;
}

.ca-container .info-section-row > div:nth-child(1) {
    position: relative;
    width: 140px;
    z-index: 5;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: -1.35rem;
}

@media only screen and (max-width: 768px) {
    .ca-container .info-section-row > div:nth-child(1) {
        width: 80px;
        top: -0.45rem;
    }
}

@media only screen and (max-width: 768px) {
    .ca-container .info-section-row > div:nth-child(1) img {
        width: 60px;
    }
}

.ca-container .info-section-row-slogan {
    margin-right: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 768px) {
    .ca-container .info-section-row-slogan {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.ca-container .info-section-row-slogan > div:nth-child(1) {
    margin-right: 1rem;
}

.ca-container .info-section-row-slogan > div:nth-child(2) {
    padding-top: 0.5rem;
}

@media only screen and (max-width: 768px) {
    .ca-container .info-section-row-slogan h1 {
        font-size: 36px;
        margin-top: 0;
    }
}

.ca-container .info-section-row ul {
    list-style-type: none;
}

.ca-container .media-section {
    position: relative;
    padding-top: 6rem;
}

.ca-container .media-section .dash {
    top: -4rem !important;
    height: 400px;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section .dash {
        height: 550px;
    }
}

.ca-container .media-section-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .ca-container .media-section-row > div {
        width: 100% !important;
    }
}

.ca-container .media-section-row > div:nth-child(1) {
    /*width: 70%;*/
    z-index: 1;
}

.ca-container .media-section-row > div:nth-child(2) {
    width: 30%;
    padding-left: 3rem;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-row > div:nth-child(2) {
        padding-left: 0;
    }
}

.ca-container .judges-section {

    padding-top: 10%;
    padding-bottom: 10%;
    position: relative;
}

.ca-container .media-section-judges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 4rem;
    bottom: 1rem;
}

.media-section-judges-desktop {
    /*display: flex;*/
    margin-top: 4rem;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:4rem !important;

}

.ca-container .of88-slogan {
    position: absolute;
    top: -15rem;
    right: -5%
}

@media only screen and (max-width: 375px) {
    .ca-container .of88-slogan {
        position: absolute;
        top: -70% !important;
        right: 10%;
    }
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-judges {
        display: none;
    }

    .media-section-judges-desktop {
        display: none;
    }

    .ca-container .of88-slogan {
        position: absolute;
        top: -87%;
        right: 10%;
    }

    .ca-container .info-section {
        padding-top: 12rem;
    }
}

@media only screen and (max-width: 768px) {
    .ca-container .judges-section h2 {
        font-size: 2rem;
    }
}

.ca-container .media-section-judges > div {
    margin-left: 4rem;
}

.ca-container .media-section-judges-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2rem !important;

}

/*.ca-container .info-section h1{*/
/*    font-size: 80px !important;*/
/*    margin-top: -10px;*/
/*}*/
/*.ca-container .media-section h1{*/
/*    font-size: 80px !important;*/
/*    margin-top: -10px;*/
/*}*/

@media only screen and (min-width: 769px) {
    .ca-container .media-section-judges-mobile {
        display: none;
    }
}

.ca-container .media-section-judges-mobile .judge-cont{
    /*width:150px;*/
}
.ca-container .media-section-judges-mobile .judge-cont > .rounded {
    /*width: 90px;*/
    width: 120px;
    /*height: 90px !important;*/
    height: 120px !important;
}

.ca-container .media-section-judges-mobile > .rounded img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bt-7 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700 !important;
    margin-top: -20px
}

.ca-container .click-enter {
    padding: 6rem;
    position: relative;
    width: 60%;
    margin: auto
}

@media only screen and (max-width: 769px) {
    .ca-container .click-enter {
        padding: 0;
        padding-top: 2rem;
        width: 100%;
    }
}

.ca-container .media-section-dot {
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ca-container .media-section-dot:nth-child(2) h1 {
    font-size: 80px;
    font-weight: 700 !important;
    margin-top: -10px;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-dot:nth-child(2) h1 {
        font-size: 36px;
        margin-top: -10px;
    }
}

.ca-container .media-section-dot:nth-child(4) h1 {
    font-size: 80px;
    font-weight: 700 !important;
    white-space: nowrap;
    margin-top: -10px;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-dot:nth-child(4) h1 {
        font-size: 36px;
        white-space: normal;
        margin-top: -10px;
    }
}

.ca-container .media-section-dot:nth-child(5) {
    padding-top: 3rem;
    margin-top: 10px;
}

.ca-container .media-section-dot:nth-child(5) h1 {
    font-size: 80px;
    line-height: 50px;
    font-weight: 700 !important;
    margin-top: 10px;
}

.ca-container .brainstorm-width {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-dot:nth-child(5) {
        padding-top: 3rem;
        margin-top: 10px;
    }

    .ca-container .media-section-dot:nth-child(5) h1 {
        font-size: 36px;
        line-height: 40px;
        margin-top: -10px;
    }

    .ca-container .brainstorm-width {
        width: 100%;
    }
}

.ca-container .media-section-dot > div:nth-child(1) {
    width: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: -1rem;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-dot > div:nth-child(1) {
        width: 80px;
    }

    .ca-container .media-section-dot > div:nth-child(1) img {
        width: 60px;
    }
}

.ca-container .media-section-dot > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-dot > div:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.ca-container .media-section-join {
    padding-left: 140px;
    padding-bottom: 3rem;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-join {
        padding-left: 80px;
    }
}

.ca-container .media-section-join h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700 !important;
}

@media only screen and (max-width: 768px) {
    .ca-container .media-section-join h4 {
        font-size: 18px;
    }
}

.ca-container .fw-100 {
    font-weight: 100;
}

.ca-container .fw-200 {
    font-weight: 200;
}

.ca-container .fw-300 {
    font-weight: 300;
}

.ca-container .fw-400 {
    font-weight: 400;
}

.ca-container .fw-500 {
    font-weight: 500;
}

.ca-container .fw-600 {
    font-weight: 600;
}

.ca-container .fw-700 {
    font-weight: 700;
}

.ca-container .ml-1 {
    margin-left: 0.25rem;
}

.ca-container .mr-1 {
    margin-right: 0.25rem;
}

.ca-container .mt-1 {
    margin-top: 0.25rem;
}

.ca-container .mb-1 {
    margin-bottom: 0.25rem;
}

.ca-container .ml-2 {
    margin-left: 0.5rem;
}

.ca-container .mr-2 {
    margin-right: 0.5rem;
}

.ca-container .mt-2 {
    margin-top: 0.5rem;
}

.ca-container .mb-2 {
    margin-bottom: 0.5rem;
}

.ca-container .ml-3 {
    margin-left: 3rem;
}

.ca-container .mr-3 {
    margin-right: 3rem;
}

.ca-container .mt-3 {
    margin-top: 3rem;
}

.ca-container .mb-3 {
    margin-bottom: 3rem;
}

.ca-container .ml-4 {
    margin-left: 4rem;
}

.ca-container .mr-4 {
    margin-right: 4rem;
}

.ca-container .mt-4 {
    margin-top: 4rem;
}

.ca-container .mb-4 {
    margin-bottom: 4rem;
}

.ca-container .ml-5 {
    margin-left: 5rem;
}

.ca-container .mr-5 {
    margin-right: 5rem;
}

.ca-container .mt-5 {
    margin-top: 5rem;
}

.ca-container .mb-5 {
    margin-bottom: 5rem;
}

.ca-container .ml-6 {
    margin-left: 6rem;
}

.ca-container .mr-6 {
    margin-right: 6rem;
}

.ca-container .mt-6 {
    margin-top: 6rem;
}

.ca-container .mb-6 {
    margin-bottom: 6rem;
}

.ca-container .ml-7 {
    margin-left: 7rem;
}

.ca-container .mr-7 {
    margin-right: 7rem;
}

.ca-container .mt-7 {
    margin-top: 7rem;
}

.ca-container .mb-7 {
    margin-bottom: 7rem;
}

.ca-container .ml-8 {
    margin-left: 8rem;
}

.ca-container .mr-8 {
    margin-right: 8rem;
}

.ca-container .mt-8 {
    margin-top: 8rem;
}

.ca-container .mb-8 {
    margin-bottom: 8rem;
}

.ca-container .ml-9 {
    margin-left: 9rem;
}

.ca-container .mr-9 {
    margin-right: 9rem;
}

.ca-container .mt-9 {
    margin-top: 9rem;
}

.ca-container .mb-9 {
    margin-bottom: 9rem;
}

.ca-container .ml-10 {
    margin-left: 10rem;
}

.ca-container .mr-10 {
    margin-right: 10rem;
}

.ca-container .mt-10 {
    margin-top: 10rem;
}

.ca-container .mb-10 {
    margin-bottom: 10rem;
}

.ca-container .ml-11 {
    margin-left: 11rem;
}

.ca-container .mr-11 {
    margin-right: 11rem;
}

.ca-container .mt-11 {
    margin-top: 11rem;
}

.ca-container .mb-11 {
    margin-bottom: 11rem;
}

.ca-container .ml-12 {
    margin-left: 12rem;
}

.ca-container .mr-12 {
    margin-right: 12rem;
}

.ca-container .mt-12 {
    margin-top: 12rem;
}

.ca-container .mb-12 {
    margin-bottom: 12rem;
}

.ca-container .ml-13 {
    margin-left: 13rem;
}

.ca-container .mr-13 {
    margin-right: 13rem;
}

.ca-container .mt-13 {
    margin-top: 13rem;
}

.ca-container .mb-13 {
    margin-bottom: 13rem;
}

.ca-container .ml-14 {
    margin-left: 14rem;
}

.ca-container .mr-14 {
    margin-right: 14rem;
}

.ca-container .mt-14 {
    margin-top: 14rem;
}

.ca-container .mb-14 {
    margin-bottom: 14rem;
}

.ca-container .ml-15 {
    margin-left: 15rem;
}

.ca-container .mr-15 {
    margin-right: 15rem;
}

.ca-container .mt-15 {
    margin-top: 15rem;
}

.ca-container .mb-15 {
    margin-bottom: 15rem;
}

.ca-container .ml-16 {
    margin-left: 16rem;
}

.ca-container .mr-16 {
    margin-right: 16rem;
}

.ca-container .mt-16 {
    margin-top: 16rem;
}

.ca-container .mb-16 {
    margin-bottom: 16rem;
}

.ca-container .ml-17 {
    margin-left: 17rem;
}

.ca-container .mr-17 {
    margin-right: 17rem;
}

.ca-container .mt-17 {
    margin-top: 17rem;
}

.ca-container .mb-17 {
    margin-bottom: 17rem;
}

.ca-container .ml-18 {
    margin-left: 18rem;
}

.ca-container .mr-18 {
    margin-right: 18rem;
}

.ca-container .mt-18 {
    margin-top: 18rem;
}

.ca-container .mb-18 {
    margin-bottom: 18rem;
}

.ca-container .ml-19 {
    margin-left: 19rem;
}

.ca-container .mr-19 {
    margin-right: 19rem;
}

.ca-container .mt-19 {
    margin-top: 19rem;
}

.ca-container .mb-19 {
    margin-bottom: 19rem;
}

.ca-container .ml-20 {
    margin-left: 20rem;
}

.ca-container .mr-20 {
    margin-right: 20rem;
}

.ca-container .mt-20 {
    margin-top: 20rem;
}

.ca-container .mb-20 {
    margin-bottom: 20rem;
}

.ca-container .p-l-btn {
    background-color: #00A659;
    border: none;
    cursor: pointer;
    padding: 2rem 2rem;
    width: 100%;
    font-size: 3rem;
    color: #fff !important;
    font-weight: 700;
    border-radius: 5px;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .ca-container .p-l-btn {
        padding: 1rem;
        font-size: 2rem;
    }
}

.media-container {
    position: relative;
    width: 50%;
    background-color: transparent;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 768px) {
    .media-container {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.media-container-title {
    width: 100%;
    text-align: center;
    margin-left: auto;
    font-size: 18px;
}

@media only screen and (max-width: 768px) {
    .media-container-title {
        width: 100%;
        font-size: 16px;
    }
}

.media-container > video {
    max-width: 100%;
}

.ca-container .text-center {
    text-align: center;
}
.ca-container .judge-cont{
    /*width:200px;*/
    text-align: center;
    margin: 0 auto;
}
.ca-container .judge-cont p{
   margin-top:10px;
}
.ca-container .rounded {
    width: 200px;
    height: 200px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: auto;
}

.ca-container .rounded img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover
}

.content-info p {
    font-size: 13px;
    line-height: 18px;
}

.content-info h2 {
    font-size: 50px;
    line-height: 50px;
    color: #DF137E;
    text-transform: uppercase;
    margin: 2rem 0;
    font-weight: 400 !important;
    padding: 0;
    font-family: Druk, sans-serif;
}

.jg-div {
    margin-left: 5%;
    padding-bottom: 2rem;
}

.ca-container .brainstorm-ul {
    font-weight: bold;
    margin-left: -5px
}

.content-info h3, .jg-h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 2rem 0;
    font-weight: 700 !important;
    padding: 0;
}

.content-info h4 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 2rem;
    font-weight: 700 !important;
    padding: 0;
}

.text-upper {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.color-pink {
    color: #DF137E;
}

.strong {
    font-weight: 700;
}

.paper-bg {
    background-image: url(../img/new-header2.jpg), url(../img/main-bg.png);
    background-position: center top, center top;
    background-repeat: no-repeat, repeat;
    padding-top: 14rem;
}

.paper-bg .container {
    max-width: 1067px;
    margin: auto;
    padding: 0 60px;
}

@media only screen and (max-width: 768px) {
    .paper-bg .container {
        max-width: 100%;
        margin: auto;
        padding: 0 15px;
    }
}

.art-pieces-form-wrap {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem;
}

.art-pieces-form-wrap .gform_heading .gform_required_legend {
    display: none;

}

.gravity-form-element form {
    text-align: center;
}

.gravity-form-element .gform_fields label {
    font-weight: normal !important;
    margin-bottom: 3px;
}

.gravity-form-element .gform_fields input:not([type=checkbox]) {
    margin-left: auto;
    margin-right: auto;
}

.gravity-form-element .gform_fields input:not([type='checkbox']):not([type='radio']) {
    height: 3.2em;
    line-height: 3.1em;
    -webkit-appearance: none;
}

.gravity-form-element .gform_fields .ginput_container_date .datepicker {
    width: 100%;
}

.gravity-form-element .gform_fields input[type=file] {
    border: none;
}

.gravity-form-element .gform_fields .ginput_container_date img {
    display: block;
    position: relative;
    left: -12px;
    margin-left: -20px !important;
    max-width: 25.6px;
    max-height: 25.6px;
}

.gravity-form-element .gform_fields input[type=date], .gform_fields input[type=email], .gform_fields input[type=tel], .gform_fields input[type=text], .gform_fields input[type=url], .gform_fields select, .gform_fields textarea {
    min-height: 32px;
    height: auto;
    width: 100%;
    max-width: 480px;
    padding: 8px 16px;
    line-height: 1.428571429;
    color: #555 !important;
    vertical-align: middle;
    background: 0 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-shadow: none;
    outline: 0;
}

.gravity-form-element .gform_fields input, .gform_fields label {
    width: auto;
    display: block;
    box-sizing: border-box;
    cursor: auto;
    height: auto;
    vertical-align: baseline;
    line-height: normal;
}

#mailChimp-checkbox {
    margin-right: 0.3rem;
}

@media only screen and (max-width: 768px) {
    .art-pieces-form-wrap {
        width: 100%;
        padding: 0 1.5rem;
        margin-top: 5rem;
    }

    .art-pieces-form-wrap .gform_heading .gform_title {
        font-size: 2.8rem;
    }
}


/*Posts Template*/
.blog-posts {
    background-position: center top, center top;
    background-repeat: no-repeat, repeat;
    font-size: 18px;
    padding-top: 14rem;
    background-image: url("../img/new-header2.jpg"), url("../img/main-bg.png");
}
.blog-posts h1,blog-posts h2,blog-posts h3,blog-posts h4,blog-posts h5,blog-posts h6 {
    font-family: "Druk-Wide-Bold", sans-serif ;
}

.blog-posts-container {
    width: 1200px;
    margin: auto;
}
.blog-posts-container .content-header h1 {
    font-size:50px;
    padding-bottom:20px;
}

.blog-posts-container .pagination-blog{
    text-align: center;
    padding: 40px 0;
    font-size: 20px;
    background: url("../img/main-bg.png");
}
.blog-posts-container .pagination-blog .prev,.blog-posts-container .pagination-blog .paginate-nav{
    outline: none;

    margin-right: 10px;
    font-size: 24px;
    background:#fff;
    border: 1px solid ;
    padding: 2px 10px;
}
.blog-posts-container .pagination-blog .prev,.blog-posts-container .pagination-blog .paginate-nav:hover{
   color:#d33832;
    border: 1px solid #d33832;
}
.blog-posts-container .pagination-blog .prev,.blog-posts-container .pagination-blog  .active {
     color:#d33832;
     border: 1px solid #d33832;
 }

.blog-posts-container .blog-posts-header ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    color:#181818;
    font-weight: 600;
    margin-bottom: 40px;
    font-size: 12px;
    line-height:27px;
    font-family: "Work Sans",Arial,Helvetica,sans-serif;
}
.blog-posts-container .blog-posts-header ul .active {
    color:#d33832;
}
.load-anim-par{
    position:absolute;
    display:none;
    text-align:center;
    left:0;
    top:100px;
    width:100%;
}
.blog-posts-content-par{
    position:relative;
}
.blog-load-anim{
    text-align: center;
    width: 100px;
    margin:auto;



}
.blog-posts-container .blog-posts-header ul li {
    margin-right: 20px;
    cursor:pointer;
}
.blog-posts-container .blog-posts-header ul li:hover {
    color:#d33832;
}
.blog-posts-container .blog-posts-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
}
.blog-posts-container .blog-posts-content-post {
    /*border: 1px solid #ccc;*/
    cursor:pointer;
    position: relative;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0px rgb(0 0 0 / 10%);
}
.blog-posts-container .blog-posts-content-post .post-image img {
    width: 100%;
    height: auto;
}
.blog-posts-container .blog-posts-content-post .post-content {
    padding: 22px 30px 60px;

}
.blog-posts-container .blog-posts-content-post .post-content-cat-name {
    text-transform: uppercase;
    color: #d33832;
    font-weight: 600;
    font-size: 12px;
    font-family: "Work Sans",Arial,Helvetica,sans-serif;
}
.blog-posts-container .blog-posts-content-post .post-content-post-content {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 100px;
    margin-bottom: 20px;
}

.blog-posts-container .blog-posts-content-post .post-content-cat-name p {
    margin: 0;
}
.blog-posts-container .blog-posts-content-post .post-content-cat-name p a:hover{
    color: #000000;
}
.blog-posts-container .blog-posts-content-post .post-content-post-name {
    font-weight: bold;

}
.blog-posts-container .blog-posts-content-post .post-content-post-name h2 {
   margin-top: 0;
    font-size: 27px;
    line-height: 34px;
}
.blog-posts-container .blog-posts-content-post .post-content-post-name h2 a {
   color:#181818;

}
.blog-posts-container .blog-posts-content-post .post-content-post-name h2 a:hover {
   color:#d33832;
}
.blog-posts-container .blog-posts-content-post .post-content-post-content {
    line-height: 27px;
    font-size: 15px;
    font-weight: 400;
}
.blog-posts-container .blog-posts-content-post .post-content-social-icons  {
    position:absolute;
    bottom:25px;
}
.blog-posts-container .blog-posts-content-post .post-content-social-icons img {
    width:16px;

    margin-right: 10px;
}
@media only screen and (max-width: 768px) {

    .blog-posts {
        background-position: center -3%, center top;
        margin-top: 0px;
        padding-top: 8rem;
    }
    .blog-posts-container {
        width: 100%;
        padding: 0 30px;

    }
    .blog-posts-container .blog-posts-header ul{
        display: flex;
        margin-left: 0;
        overflow: auto;
white-space:nowrap;
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 20px;
        font-size: 12px;
        padding-bottom: 10px;
    }
    .blog-posts-container .blog-posts-content {

        grid-template-columns: 1fr;

    }
    .blog-posts-container .blog-posts-content-post .post-image img {
        width: 100%;

    }
}
.single-post .btContentWrap {
    background-position: center top, center top;
    background-repeat: no-repeat, repeat;
    background-image: url("../img/new-header2.jpg"), url("../img/main-bg.png");
    padding-top: 200px !important;
}
.single-post .btContentWrap .btPostSingleItemStandard{
    margin-top: 0 !important;
    padding-top: 4rem;
}
.single-post .btContentWrap .btPostSingleItemStandard .btArticleShareEtc{


    flex-direction: row-reverse;
}
.single-post  .btContentWrap .btPostSingleItemStandard .btArticleShareEtc .btShareColumn{
    text-align: left !important;
}

/*7.06*/

.main.take-the-plerge.students-page .container h1{
	font-size: 100px;
	background-image: url(../img/greenSolid-Bars.png);
	background-size: cover;
}

.new-page-content h2{
	margin: 20px 0;
}
.new-page-content p{
	margin: 20px 0;
}
.new-page-content ul{
	font-family: "Relative", sans-serif;
	font-size: 18px;
    letter-spacing: normal;
    line-height: 1.16em;
}
.new-page-content img.aligncenter{
	display: block;
	margin: 0 auto;
}
.main.student-voices .section.steps .btn{
	background: #000;
}
@media only screen and (max-width: 767px){
.main.take-the-plerge.students-page .container h1{
	font-size: 50px;
}
}
/*28.06*/
.green{
    background-color: #1db76e;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
}
.green-item{
    width: 25%;
    color: #000;
    font-weight: 500;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.green-item .image{
    max-width: 100px;
    max-height: 100px;
}
.green-item .image img{
    max-height: 100px;
}
.green-item:first-child .image{
    max-width: 135px;
    max-height: 135px;
}
.green-item:first-child .image img{
    max-height: 135px;
}
.green-item .text{
    display: flex;
    align-items: center;
}
.green-item .text span{
    margin-left: 15px;
}
.green-buttons{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 20px;
}
.green-buttons.advocates{
    flex-direction: row;
    justify-content: center;
    margin: 30px 0 20px 0;
}
.green-buttons .call-to-action{
    width: 20%;
    font-weight: 900;
    line-height: 18px;
    font-size: 18px;
}
.green-buttons .pink-button{
    width: 12%; 
}
.green-buttons.advocates .pink-button{
    width: auto; 
}
.green-buttons .pink-button a{
    color: #000;
    background-color: #efb5ce;
    padding: 25px 20px;
    text-transform: uppercase;
    font-weight: 900;
}
.green-buttons .pink-button a:hover{
    color: #000; 
}
.white{
    display: flex;
    padding: 100px 0;
}
.white-item{
    width: 21.5%;
    display: flex;
    padding: 0 20px;
    align-items: center;
}
.white-item .text{
    color: #1db76e;
    font-weight: 600;
    font-size: 16px;
}
.white-item.first{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.white-item.second{
    align-items: center;
    justify-content: center;
}
.white-item.second:before{
    content: '';
    background-image: url("../img/contact.png");
    background-size: cover;
    position: absolute;
    width: 170px;
    height: 170px;
    z-index: -1;
}
.white-item.second .text{
    color: #000;
    padding: 0px 15px;
    margin-left: 5px;
    line-height: 20px;
}
.white-item.third{
    width: 35%;
}
.white-item.third .inner{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: -140px;
}
.white-item.third .inner .image, .white-item.third .inner .text{
    width: 100%;
}
.white-item.third .inner .text{
    margin-top: 20px;
}
.white-item.last{
    align-items: flex-end;
    margin-left: 70px;
    position: relative;
}
.white-item.last:before{
    content: '';
    background-image: url("../img/tiktok_icon.png");
    background-size: contain;
    position: absolute;
    width: 145px;
    height: 170px;
    left: -90px;
    bottom: 0px;
}
.white-title{
    width: 100%;
    color: #1db76e;
    font-size: 50px;
    font-family: "Druk", sans-serif;
    font-weight: 800;
    margin-top: 40px;
}
.green-title{
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
}
.green.leaders{
    position: relative;
}
.green.leaders:after{
    content: '';
    background-image: url("../img/leaders/megaphone.png");
    background-size: contain;
    position: absolute;
    right: 0;
    width: 240px;
    min-height: 200px;
    transform: scale(-1, 1);
}
.leaders-div{
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    min-height: 250px;
}
.green-item-left{
    width: 70%;
    display: flex;
    flex-wrap: nowrap;
    font-size: 16px;
    font-weight: 500;
}
.green-item-left .half{
    width: 50%;
    display: flex;
}
.green-item-left .half:nth-child(2){
    margin-left: -45px;
}
.green-item-right{
    width: 30%;
}
.green-item-full{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top:20px;
}
.green-item-full .inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.green-item-full .pink-button{
    width: 100%; 
}
.green-item-full .pink-button a{
    color: #000;
    background-color: #efb5ce;
    padding: 20px 25px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 20px 0px;
}
.green-item-full .pink-button a:hover{
    color: #000; 
}
.leaders-item.first{
    background-image: url("../img/leaders/oval_mentorships.png");
    background-size: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
}
.leaders-item .text{
    padding: 0 5px;
}
.leaders-item.first .text{
    margin-top: -75px;
    min-width: 185px;
}
.leaders-item.second{
    background-image: url("../img/leaders/oval guest.png");
    background-size: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
}
.leaders-item.second .text{
    margin-top: -145px;
    min-width: 130px;
}
.leaders-item.third{
    background-image: url("../img/leaders/oval connection.png");
    background-size: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}
.leaders-item.third .text{
    min-width: 250px;
    margin-left: 20px;
}
.leaders-item.last{
    background-image: url("../img/leaders/oval meetings.png");
    background-size: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
    margin-left: -50px;

}
.leaders-item.last .text{
    min-width: 180px;
    margin-top: -95px;
    margin-left: 20px;
}

@media only screen and (max-width: 767px){
    .green{
        flex-direction: column;
    }
    .green-item{
        width: 100%;
        margin-bottom: 20px;
    }
    .green-item .image{
        margin-bottom: 10px;
    }
    .green-buttons{
        flex-direction: column-reverse;
        align-items: center;
    }
    .green-buttons .call-to-action, .green-buttons .pink-button{
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    .white-title{
        font-size: 45px;
        line-height: 45px;
    }
    .white{
        flex-direction: column;
    }
    .white-item.first{
        margin-bottom: 100px;
    }
    .white-item.second{
        margin-bottom: 250px;
    }
    .white-item.third{
        margin-bottom: 150px;
    }
    .white-item.last{
        margin-left: 100px;
    }
    .white-item.second .text{
        padding: 0px 95px;
        margin-left: 25px;
    }
    .white-item.first,.white-item.second,.white-item.third,.white-item.last{
        width: 100%;
    }
    .leaders-div{
        flex-direction: column;
        gap: 95px;
    }
    .green-item-left,.green-item-right{
        width: 100%;
        flex-wrap: wrap;
    }
    .green-item-left .half{
        width: 100%;
    }
    .leaders-item.first{
        background-position: center;
        background-size: contain;
        margin-top: 0;
        min-height: 100px;
    }
    .leaders-item.first .text{
        margin-top: 0;
        min-width: auto;
    }
    .leaders-item.second .text{
        margin-top: -80px;
    }
    .green-item-left .half:nth-child(2){
        margin-left: 0;
        flex-direction: column;
    }
    .leaders-item.third{
        min-height: 145px;
        background-size: cover;
        background-position: center;
    }
    .leaders-item.third .text{
        margin-left: 0;
        min-width: auto;
    }
    .leaders-item.last{
        min-height: auto;
        margin-top: 0;
        margin-left: 120px;
        background-size: contain;
        background-position: center;
    }
    .leaders-item.last .text{
        min-height: 120px;
        margin-top: 60px;
        max-width: 160px;
        margin-left: 10px;
    }
    .green-item-right{
        margin-top: 35px;
    }

    .green.leaders:after{
        bottom: 25px;
        left: 0;
    }
    .green-item-full .pink-button a,.advocates .pink-button a{
        display: block;
        font-size: 10px;

    }
    .green-buttons.advocates .pink-button{
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .leaders-item.first .text{
        margin-top: -100px;
        min-width: 155px;
    }
    .leaders-item.third{
        margin-left: -55px;
    }
    .leaders-item.last{
        margin-top: -100px;
    }
    .leaders-item.last .text{
        margin-top: -150px;
    }
    .green.leaders:after{
        width: 150px;
        bottom: 0;
    }
    .green-item-right .inner{
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        gap: 10px;
    }
    .green-item-right .pink-button{
        width: 100%;
    }
    .green-item-right .call-to-action{
        width: 100%;
    }
}

/*26.07*/
.speak-up.arts-now .title h1{
    font-size: 55px;
    font-family: "Druk-Wide", sans-serif;
}
.main.arts-now .title h1:before{
    background: url(../img/pinkSolid-BarsBig.png) no-repeat;
    background-size: cover;
    left: -177px;
    top: -88px;
    width: calc(100% + 342px);
    height: calc(100% + 135px);
}
.main.arts-now .title{
    width: 70%;
}
.main.arts-now .container-fluid.first-screen{
    flex-wrap: nowrap!important;
}
.main.arts-now .section.top .container-fluid .img img{
    top: 85px;
}
.main.arts-now .section.steps{
    margin-top: 0px;
    background: url("../img/arts-now.png");
    background-position: top center;
    background-repeat: no-repeat;
    height: 1329px;
    position: relative;
}
.main.arts-now{
    margin-bottom: -150px;
}
.main.arts-now .section.steps .step:nth-child(1){
    top: 290px;
    right: calc(50% - 225px);
    
}
.main.arts-now .section.steps .step:nth-child(2){
    top: 591px;
    left: calc(50% + -250px);
    max-width: 300px;
    text-align: left;
}
.main.arts-now .section.steps .step:nth-child(3){
    top: 488px;
    right: calc(50% - 694px);
    max-width: 310px;
}
.main.arts-now .section.steps .step:nth-child(4){
    top: 775px;
    left: calc(50% + 55px);
    max-width: 345px;
    text-align: left;
}
.main.arts-now .section.steps a h2{
    color: #000;
}
.main.arts-now .section.steps .btn{
    background: #F0B6CF;
    font-weight: bold;
    margin: 0;
}
/*
.arts-inner-first{
    background: url(../img/arts-first-bg.png) no-repeat;
}
*/
.arts-inner-first{
    position: relative;
    z-index:2;
}
.arts-inner-first .flex-wrapper{
    display: flex;
    justify-content: space-between;
}
.arts-inner-first .flex-wrapper .left{
    margin-left: -250px;
}
.arts-inner-first .flex-wrapper .right{
    margin-right: -38px;
    margin-top: 85px;
}
.arts-wrapper{
    display: flex;
    flex-direction: column;
}
.arts-inner .video .bg{
    background: url(../img/video-bg.png) no-repeat;
    min-width: 390px;
    min-height: 285px;
    position: relative;
}
.arts-inner .video .bg .title{
    color: #fff;
    background: url(../img/pinkSolid-Bars.png) no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 29px;
    padding: 40px 30px 30px 30px;
    font-family: "Circular Std Black", sans-serif;
    font-weight: 600;
    line-height: 1em;
    max-width: 384px;
}
.arts-inner .container-fluid{
    display: flex;
    justify-content: space-between;
}

.arts-inner{
    position: relative;
    z-index: 9;
    padding-bottom: 40px;
}
.main .arts-inner:nth-child(odd){
    background: #F0B6CF;
    min-height: 380px;
    padding-top: 1px;
}
.main .arts-inner.first:before{
    content: "";
    position: absolute;
    background: url(../img/black-circle.png) no-repeat;
    width: 185px;
    height: 190px;
    top: 100px;
    left: -101px;
}
.main .arts-inner.first:after{
    content: "";
    position: absolute;
    background: url(../img/arts-inner-after.png) no-repeat;
    bottom: -371px;
    right: -60px;
    z-index: 9;
    width: 536px;
    height: 605px;
}
.main .arts-inner.second:after{
    content: "";
    position: absolute;
    background: url(../img/cirle-2.png) no-repeat;
    bottom: 80px;
    right: -40px;
    z-index: -1;
    width: 152px;
    height: 187px;
}
.main .arts-inner.third::before{
    content: "";
    position: absolute;
    background: url(../img/arts-before.png) no-repeat;
    width: 603px;
    height: 546px;
    top: -65px;
    left: -445px;
}
.main .arts-inner.third:after{
    content: "";
    position: absolute;
    background: url(../img/arts-waves.png) no-repeat;
    bottom: -82px;
    right: -95px;
    z-index: -1;
    width: 265px;
    height: 209px;
}
.main .arts-inner.third.one:after{
    content: "";
    position: absolute;
    background: url(../img/arts-inner-after.png) no-repeat;
    bottom: -371px;
    right: -60px;
    z-index: 9;
    width: 536px;
    height: 605px;
}
.arts-inner .item{
    margin-top: 50px;
    max-width: 390px;
}
.arts-inner .item .text{
    font-family: "Circular Std Black", sans-serif;
    font-weight: 600;
    font-size: 17px;
    z-index: 10;
    position: relative;
}
.arts-inner .item .text .links{
    margin-top: 20px;
    
}
.arts-inner .item .video .text{
    margin-top: 20px;
    padding-bottom: 20px;
}
.arts-wrapper .button{
    text-align: center;
    padding-top: 90px;
}
.arts-wrapper .button a{
    color: #fff;
    background: #000;
    font-family: "Relative", sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 5px;
    line-height: 3em;
}
.arts-wrapper .button a:hover{
    color: #fff;
    background: #000;
    text-decoration: none;
}
.final-image{
    text-align: center;
}
.arts-inner iframe{
    position: relative;
}
/*
.arts-inner .video .bg .title::before{
    content: "";
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    background: url(../img/pinkSolid-Bars.png) no-repeat;
    position: absolute;
    left: -3px;
    top: -8px;
    background-size: 100%;
}
*/
/*
.arts-inner-first:before{
    content: "";
    position: absolute;
    background: url(../img/arts-first-bg.png) no-repeat;
    background-size: cover;
    left: -225px;
    top: -100px;
    width: 668px;
    height: 605px;
    z-index: -1;
}

.left .img{
    margin-left: -222px;
}
*/

.topics:before{
    content: "";
    position: absolute;
    background: url(../img/arts-first-bg.png) no-repeat;
    background-size: cover;
}
.arts-inner-first .left{
    width: 60%;
}
.arts-inner-first .right{
   
    margin-top: 100px;
    background: url(../img/topics.png) no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* padding: 50px; */
    font-size: 30px;
    font-weight: 600;
    font-family: "Circular Std", sans-serif;
    width: 60%;
}
.topics{
    padding: 82px;
  display: flex;
  max-width: 650px;
    align-items: center;
    height: 100%;
}
.topics .text{
    margin-left: 55px;
}
.topics .title{
    margin-bottom: 20px;
}
.topics ul{
    margin: 0;
}
.topics ul>li{
    list-style: none;
    margin: 0 0 20px 0;
}
.topics ul>li a {
	/* pointer-events: none; */
	pointer-events: auto;
}

@media (min-width: 1920px){
    .arts-inner-first .left img{
        width: 1000px;
    }
    .arts-inner-first .right img{
        width: 900px;
    }
    .arts-inner-first .flex-wrapper .left {
        margin-left: -260px;
    }
    .arts-inner-first .flex-wrapper .right{
        margin-right: -81px;
    }
}
@media (max-width: 992px){
    .main.arts-now .container-fluid.first-screen{
        flex-wrap: wrap!important;
    }
    .main.arts-now .title{
        width: 100%;
    }
    .main.arts-now .section.top .container-fluid .img{
        width: 100%;
    }
    .main.arts-now .section.steps{
        background: none;
        min-height: 600px;
        height: auto;
    }
    
}
@media (max-width: 992px){
    .arts-inner-first .flex-wrapper .left{
        margin: 0;
        width: 100%;
    }
    .arts-inner-first .flex-wrapper .right{
        margin: 0;
        margin: 0;
    width: auto;
    background: #fff;
    border-radius: 20px;
    margin-top: -20px;
    }
    .arts-inner-first .flex-wrapper .right .topics{
        max-width: 100%;
    padding: 0;
    font-size: 20px;
    margin-top: 20px;
    }
    .topics .text{
        margin-left: 20px;
    }
    .topics .title{
        margin-bottom: 5px;
    margin-top: 5px;
    }
    .arts-inner-first .flex-wrapper{
        flex-direction: column;
    }
    .main.arts-now .section.steps{
        min-height: 765px;
    }
    .arts-inner .container-fluid{
        flex-direction: column;
        align-items: center;
    }
    .arts-inner .video .bg{
        background-size: contain;
    background-position: center;
    min-width: 320px;
    min-height: 290px;
    }
    .arts-inner .video .bg .title{
        font-size: 29px;
    }
}
@media (max-width: 600px){
    .speak-up.arts-now .title h1{
        font-size: 35px;
    }
    .main.arts-now .title h1:before{
        width: 550px;
    height: 160px;
    top: -20px;
    }
    
}
/*# sourceMappingURL=castom.css.map */