@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&display=swap');

body.modal-open {
    overflow: hidden !important;
}

body.modal-open .modal .modal-dialog {
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.who-uses-speak section #announcement p {
    font-size: 30px;
}

.who-uses-speak .speak-btn,
.what-makes-speak-different .speak-btn,
.speak-for-page .speak-btn,
.generic-assessment-page .speak-btn {
    border: 0;
}

.who-uses-speak *,
.contact-us-submit *,
.what-makes-speak-different *,
.speak-for-page *,
.generic-assessment-page * {
    font-family: 'Lato', sans-serif;
    text-transform: none;
}

.who-uses-speak p,
.contact-us-submit p,
.what-makes-speak-different p,
.speak-for-page p,
.generic-assessment-page p {
    font-size: 23px;
    line-height: 1.36;
}

.who-uses-speak .brand-color-link,
.contact-us-submit .brand-color-link,
.what-makes-speak-different .brand-color-link,
.speak-for-page .brand-color-link {
    color: #ff5800;
}

.who-uses-speak .brand-color-link:hover,
.contact-us-submit .brand-color-link:hover,
.what-makes-speak-different .brand-color-link:hover,
.speak-for-page .brand-color-link:hover {
    color: #b13d00;
}

.who-uses-speak .first-screen,
.contact-us-submit .first-screen,
.what-makes-speak-different .first-screen,
.speak-for-page .first-screen,
.generic-assessment-page .first-screen {
    text-align: left;
    margin-top: 25vh;
}

.generic-assessment-page.contact-page .first-screen {
    margin-top: 18vh;
}

.he-block .who-uses-speak .first-screen,
.he-block .contact-us-submit .first-screen,
.he-block .what-makes-speak-different .first-screen,
.he-block .speak-for-page .first-screen,
.he-block .generic-assessment-page .first-screen {
    text-align: right;
}

.speak-for-page .first-screen {
    margin-bottom: 3.5rem;
}

.who-uses-speak .first-screen-image,
.contact-us-submit .first-screen-image,
.what-makes-speak-different .first-screen-image {
    padding: 0;
}

.who-uses-speak .speak-btn,
.what-makes-speak-different .speak-btn,
.speak-for-page .speak-btn,
.generic-assessment-page .speak-btn,
.contact-us-submit .speak-btn {
    display: inline-block;
    padding: 22px 48px;
    border-radius: 31.5px;
    background-color: #ff5800;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #e9efff;
    text-transform: none;
}

.contact-us-submit .text-link {
    opacity: 0.67;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333333;
    cursor: pointer;
}

.speak-btn.speak-btn-bordered {
    border-radius: 35px;
    border: solid 2px #ff5800;
    color: #ff5800;
    background-color: #ffffff;
}

.speak-btn.speak-btn-bordered:hover {
    background-color: #ff5800;
    color: #ffffff;
}

.who-uses-speak #tryoutDiv,
.what-makes-speak-different #tryoutDiv {
    height: unset;
}

.who-uses-speak .smallText,
.what-makes-speak-different .smallText,
.speak-for-page .smallText {
    height: unset;
    color: #0a0a0a;
}

.who-uses-speak .highlight,
.what-makes-speak-different .highlight,
.speak-for-page .highlight,
.generic-assessment-page .highlight {
    height: unset;
    color: #5538c0;
    font-weight: bold;
}

.who-uses-speak section,
.contact-us-submit section,
.what-makes-speak-different section,
.speak-for-page section,
.generic-assessment-page section {
    margin-bottom: 3.5rem;
}

.who-uses-speak section:last-child,
.contact-us-submit section:last-child,
.what-makes-speak-different section:last-child,
.speak-for-page section:last-child,
.generic-assessment-page section:last-child {
    margin-bottom: 0;
}

.who-uses-speak .first-section,
.contact-us-submit .first-section,
.what-makes-speak-different .first-section {
    background: none;
    min-height: unset;
}

.who-uses-speak .title,
.contact-us-submit .title,
.what-makes-speak-different .title,
.speak-for-page .title,
.generic-assessment-page .title {
    color: #5538c0;
    text-transform: none;
    font-size: 58px;
}

.who-uses-speak #announcement p,
.contact-us-submit #announcement p,
.what-makes-speak-different #announcement p {
    text-transform: none;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #5538c0;
    margin: 0 auto;
}

.who-uses-speak #announcement p.regular,
.contact-us-submit #announcement p.regular,
.what-makes-speak-different #announcement p.regular {
    color: #000;
    font-size: 23px;
    font-weight: 300;
    line-height: 1.36;
}

.who-uses-speak section.speak-for {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.who-uses-speak section.speak-for .section-image {
    padding: 0;
}

.who-uses-speak section.speak-for .section-title {
    color: #5538c0;
}

.who-uses-speak section.speak-for .section-title h6 {
    text-transform: none;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.what-makes-speak-different .differences-container {
    padding: 3rem 2rem 0;
    border: solid 2px #D6D8E8;
    border-radius: 2rem;
}

.what-makes-speak-different .differences-container .row {
    display: flex;
    flex-flow: row wrap;
}

.what-makes-speak-different .difference-item {
    position: relative;
    padding-top: 46px;
    margin-bottom: 3rem;
    text-align: center;
}

.what-makes-speak-different .difference-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 19px);
    display: block;
    width: 38px;
    height: 38px;
    background: url("../../images/assessment/what-makes-speak-different/checkmark.svg") no-repeat center / cover;
}

.what-makes-speak-different .difference-item .item-title,
.what-makes-speak-different .difference-item .item-text {
    text-transform: none;
}

.what-makes-speak-different .difference-item .item-title {
    font-size: 2.5rem;
    color: #5538c0;
    margin-bottom: 1rem;
}

.what-makes-speak-different .difference-item .item-text {
    color: #000;
}

.what-makes-speak-different .section-icon {
    max-width: 7rem;
}

.what-makes-speak-different .technology-section .smallText {
    text-align: center;
    margin-bottom: 3.5rem;
}

.what-makes-speak-different .technology-section .smallText .highlight {
    display: inline-block;
    font-weight: normal;
    margin-top: 1rem;
}

.what-makes-speak-different .results-you-can-trust .smallText {
    text-align: center;
}

.speak-for-page h3 {
    margin-bottom: 0.5rem;
    line-height: 1.36;
}

.speak-for-page .speak-for-page-details p {
    margin-bottom: 2.5rem;
}

.speak-for-page .announcement h3,
.speak-for-page .announcement p {
    margin-bottom: 2.5rem;
}

.generic-assessment-page .first-section, .contact-us-submit .first-section {
    background: url("../../images/assessment/Contact form bg.png") no-repeat top right;
    background-size: 100%;
}

.contact-us-submit .first-section {
    background-size: 30%;
}

.contact-us-form label {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.89;
    text-align: left;
    color: #000000;

}

.he-block .contact-us-form label {
    text-align: right;

}

.contact-us-form input,
.contact-us-form textarea,
.contact-us-form select {
    width: 100%;
    height: auto;
    margin: 0 0 1.5rem;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #5538c0;
    font-size: 23px;
    padding: 8px 0;
    outline: none;
}

.contact-us-submit .smallText {
    margin-bottom: 40px;
}

.contact-us-submit .btn-container > a:nth-child(1) {
    margin-inline-end: 60px;
}

.contact-us-submit .btn-container {
    margin-bottom: 30px;
}

.table-no-borders td, .table-no-borders th {
    border: 0;
}
.table-no-borders tr.row-y-borders {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.contact-success-row, .request-success-row {
    display: none;
}

@media (min-width: 450px) and (max-width: 550px) {
    .who-uses-speak .first-screen,
    .contact-us-submit .first-screen,
    .speak-for-page .first-screen,
    .what-makes-speak-different .first-screen,
    .generic-assessment-page .first-screen {
        margin-top: 17vh;
    }
}

@media screen and (max-width: 767px) {
    .contact-us-submit .smallText {
        font-weight: 500;
        font-size: 16px;
    }

    .contact-us-submit p {
        margin-bottom: 20px;
    }

    .contact-us-submit .title {
        font-size: 40px !important;
        line-height: 45px !important;
        margin-bottom: 20px !important;
    }
    .contact-us-submit .speak-btn {
        padding: 12px 28px;
    }

    .who-uses-speak .first-screen,
    .contact-us-submit .first-screen,
    .what-makes-speak-different .first-screen,
    .speak-for-page .first-screen,
    .generic-assessment-page .first-screen {
        margin-top: 0;
    }

    .who-uses-speak .smallText,
    .what-makes-speak-different .smallText,
    .speak-for-page .smallText {
        text-align: left;
    }

    .contact-us-submit .smallText {
        margin-bottom: 40px;
    }

    .who-uses-speak .btn-container,
    .contact-us-submit .btn-container,
    .what-makes-speak-different .btn-container,
    .speak-for-page .btn-container,
    .generic-assessment-page .btn-container {
        text-align: center;
    }

    .contact-us-submit .btn-container > a:nth-child(1) {
        margin-right: 20px;
    }

    .contact-us-submit .btn-container {
        margin-bottom: 40px;
    }

    .who-uses-speak section.speak-for .section-text,
    .contact-us-submit section.speak-for .section-text,
    .who-uses-speak section.speak-for .smallText,
    .what-makes-speak-different section.speak-for .section-text,
    .what-makes-speak-different section.speak-for .smallText {
        text-align: center;
    }

    .speak-for-page h3 {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }

    .speak-for-page .speak-for-page-details h3,
    .speak-for-page .speak-for-page-details p {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    .who-uses-speak p,
    .contact-us-submit p,
    .what-makes-speak-different p,
    .speak-for-page p,
    .generic-assessment-page p {
        font-size: 23px;
        line-height: 1.36;
    }

    .who-uses-speak #announcement p,
    .contact-us-submit #announcement p,
    .what-makes-speak-different #announcement p {
        width: 100%;
        max-width: 898px;
    }

    .who-uses-speak section.speak-for .row {
        display: flex;
        align-items: center;
    }

    .who-uses-speak section.speak-for .section-title h6 {
        font-size: 1.3rem;
    }

    .who-uses-speak section.speak-for .section-title h6 span {
        font-size: 2rem;
        display: block;
    }

    .who-uses-speak .speak-btn,
    .contact-us-submit .speak-btn,
    .what-makes-speak-different .speak-btn,
    .speak-for-page .speak-btn,
    .generic-assessment-page .speak-btn {
        font-size: 1rem;
    }


    .what-makes-speak-different .difference-item {
        padding-top: 0;
        padding-left: 4rem;
        text-align: left;
    }

    .what-makes-speak-different .difference-item:before {
        top: unset;
        left: 0;
        width: 2.5rem;
        height: 2.5rem;
    }

    .what-makes-speak-different .technology-section .smallText {
        text-align: left;
        column-count: 2;
        column-gap: 4rem;
    }

    .generic-assessment-page .first-section {
        background-size: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .who-uses-speak .first-screen,
    .what-makes-speak-different .first-screen,
    .speak-for-page .first-screen,
    .generic-assessment-page .first-screen {
        margin-top: 10vh;
    }

    .contact-us-submit .first-screen {
        margin-top: 20vh;
    }
}

@media screen and (min-width: 992px) {
    .who-uses-speak section.speak-for .section-title h6 span {
        font-size: 3rem;
    }
}

/*.marketing-page #homescreen {*/
/*    margin-top: 20vh;*/
/*    margin-right: 90px;*/
/*}*/


/*.marketing-page #homescreen .slogan {*/
/*    max-width: unset;*/
/*}*/

/*.marketing-page #homescreen #tryoutDiv {*/
/*    margin-top: 40px;*/
/*}*/


.marketing-page * {
    font-family: 'OpenSansHebrew', sans-serif;
}

.marketing-page .glyphicon {
    font-family: 'Glyphicons Halflings';
}

/*.marketing-page p.sub-heading {*/
/*    font-family: 'OpenSansHebrew', sans-serif;*/
/*    font-size: 24px;*/
/*    font-weight: bold;*/
/*    font-stretch: normal;*/
/*    font-style: normal;*/
/*    line-height: normal;*/
/*    letter-spacing: normal;*/
/*    text-align: right;*/
/*    color: #302d2b;*/
/*}*/

.marketing-page section {
    margin-bottom: 20px;
}

.marketing-page .first-screen {
    margin-top: 0;
    background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat top center / 100% ;
    padding-top: 100vw;
    padding-right: 0;
}

.marketing-page .level-check {
    margin-top: 0;
    background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat top center / 100% ;
    padding-top: 100vw;
    padding-right: 0;
}

.marketing-page.english-learning .first-screen {
    background: url('../../images/english/new/01-picture.jpg') no-repeat top center / 100%;
}

.marketing-page.main-page .first-screen {
    position: relative;
    background: url('../../images/main/speak-home-1.png') no-repeat top right / contain;
}
.marketing-page h1, .marketing-page h2 {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #5538c0;
}
.marketing-page.english-learning h1.speak-text-logo,
.marketing-page.english-learning h2.speak-text-logo {
    font-size: 37px;
}
.marketing-page p {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #302d2b;
}
.marketing-page p.text-center {
    text-align: center;
}
.marketing-page p.subheading,
.marketing-page h2.subheading {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #302d2b;
    margin-bottom: 16px;
}
.marketing-page p.subparagraph {
    font-size: 16px;
    line-height: 3.13;
    color: #6e6c6a;
}

.marketing-page .first-screen #tryoutDiv {
    margin-bottom: 24px;
}

.marketing-page .gallery-container {
    direction: ltr;
}


.marketing-page .gallery-container .logos img {
    height: 80px;
    width: auto;
    margin: 15px 0;
    max-width: 125px;
    object-fit: contain;
}

.marketing-page .screen-image-start,
.marketing-page .screen-image-end {
    padding-top: 100vw;
}

.marketing-page .second-screen {
    background: url('../../images/assessment/illustration-copy.png') no-repeat top center / 100% ;
    padding-top: 110vw;
}

.marketing-page .cefr-screen {
    background: url('../../images/assessment/cefr-illustration.png') no-repeat top center / 100% ;
    padding-top: 110vw;
}

.marketing-page .test-screen {
    background: url('../../images/assessment/test-illustration.png') no-repeat top center / 100% ;
    padding-top: 100vw;
}

.marketing-page .speak-btn-container{
    text-align: center;
}

.marketing-page .speak-btn-test{
    margin: 16px auto;
    padding: 17px 48px;
}

.marketing-page .report-screen {
    background: url('../../images/assessment/testResult.jpg') no-repeat top center / 100% ;
    padding-top: 115vw;
}

.marketing-page .end-screen {
    background: url('../../images/assessment/bg-orange-arrow.svg') no-repeat top center / 100% ;
    padding-top: 90px;
    top: 0;
    position: relative;
}

.row.articles-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
    margin-top: 24px;
}
.row.articles-row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.article-thumb-container {
    direction: ltr;
    background: #fff;
    padding: 32px 32px 75px;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    position: relative;
    margin-bottom: 24px;
}

.article-thumb-container * {
    direction: ltr;
    text-align: left;
    text-transform: none;
}

.article-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.article-info p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6e6c6a;
}

.article-info img {
    display: block;
    width: 162px;
    right: -40px;
    position: relative;
}

.article-title {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    color: #5538c0;
    margin-bottom: 11px;
    display: block;
}

.article-title:hover {
    color: #7b67c3;
}

.article-thumb-container p {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #6e6c6a;
    margin-bottom: 58px;
    text-align: left;
}

.article-read-more {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ff6000;
    position: absolute;
    bottom: 47px;
}


.article-read-more:hover {
    color: #fd8b46;
}

.marketing-modal .modal-dialog button.close{
    position: absolute;
    top: 4px;
    left: 8px;
    color: black;
    opacity: 1;
}

.marketing-modal .modal-body {
    background-image: url("../../images/assessment/modal-bg-1.svg"), url("../../images/assessment/modal-bg-2.svg");
    background-position: left top, right bottom;
    background-repeat: no-repeat;
}

.marketing-modal .modal-before-submit.hidden {
    display: none;
}

.marketing-modal .modal-after-submit.hidden {
    display: none;
}

.marketing-modal h2 {
    margin-bottom: 16px;
}

.marketing-modal a {
    color: #5538c0;
}

.purchase-cert-modal h2 {
    color: #5538c0;
    margin: 0 auto 36px;
    text-align: center;
}

.purchase-cert-modal ul li {
    margin-top: 12px;
    font-size: 18px;
}

.purchase-cert-modal ul .glyphicon-ok {
    color: #5538c0;
    display: inline-block;
    margin-inline-end: 8px;
}

.marketing-modal .speak-btn-test {
    font-size: 18px;
    padding-right: 27px;
    padding-left: 27px;
    margin-bottom: 40px;
    width: 100%;
}

.marketing-modal .email-collect,
.marketing-modal .data-collect {
    display: flex;
    justify-content: center;
    margin-top: 16px;
    flex-flow: column nowrap;
}

.marketing-modal.purchase-cert-modal .email-collect,
.marketing-modal.purchase-cert-modal .data-collect {
    margin-top: 32px;
}

.marketing-modal .email-collect input,
.marketing-modal .data-collect input {
    padding: 0 24px;
    border-radius: 8px;
    border: solid 1px #6e6c6a;
    font-size: 24px;
    line-height: 53px;
    margin: 0 0 20px 0;
    direction: rtl;
    width: 100%;
}

.marketing-modal .email-collect .speak-btn-bordered {
    font-size: 18px;
    line-height: 51px;
    padding: 0 43px;
    outline: none;
}

.cefr-table {
    margin: 40px 0;
    display: flex;
    flex-flow: column nowrap;
}

.cefr-table .cefr-section {
    display: flex;
}

.cefr-table .cefr-color {
    width: 12px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-inline-end: 12px;
}

.cefr-table .cefr-color.cefr-color-red {
    background-color: #eb4747;
}

.cefr-table .cefr-color.cefr-color-orange {
    background-color: #ff6a1a;
}

.cefr-table .cefr-color.cefr-color-yellow {
    background-color: #ffca55;
}

.cefr-table .cefr-content {
    display: flex;
    border-bottom: solid 2px #5538c0;
    flex: 1
}


.cefr-table .cefr-section:first-child .cefr-content {
    border-top: solid 2px #5538c0;
}

.cefr-table .cefr-section-title {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #5538c0;
    padding-top: 24px;
    margin-inline-end: 20px;
    max-width: 80px;
}

.cefr-table .cefr-rows {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
}

.cefr-table .cefr-level-row {
    display: flex;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: solid 2px #5538c0;
    border-bottom: solid 2px rgba(85, 56, 192, 0.4);
    margin-inline-end: 10%;
}
.cefr-table .cefr-level-row:last-child {
    border-bottom: 0;
}

.cefr-table .cefr-level {
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #ff6000;
    margin-inline-end: 20px;
}

.cefr-table .cefr-level-desc {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #5538c0;
}

.speak-text-logo {
    font-family: 'Comfortaa', cursive;
    text-transform: none;
}



.english-learning p,
.main-page p {
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: right;
    color: #302d2b;
}
.english-learning p.sub-title {
    font-size: 40px;
    line-height: 1.5;
}
.main-page p.sub-title {
    font-size: 30px;
    line-height: 1.5;
}
.english-learning p.text-center {
    text-align: center;
}
.marketing-page.english-learning h2.subheading,
.marketing-page.english-learning h3.subheading,
.marketing-page.main-page h2.subheading,
.marketing-page.main-page h3.subheading {
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.72;
    letter-spacing: normal;
    text-align: start;
    color: #5538c0;
    margin-bottom: 16px;
}
.english-learning h2.subheading.text-center,
.english-learning h3.subheading.text-center {
    text-align: center;
}
.english-learning p.subparagraph {
    font-size: 16px;
    line-height: 3.13;
    color: #6e6c6a;
}

.logo-gallery-section {
    padding: 50px 0;
    background: url('../../images/english/new/combined-shape-copy-4.svg') no-repeat top right / 80px,
                url('../../images/english/new/combined-shape-copy-5.svg') no-repeat bottom left / 200px;
}

.english-learning .education-item {
    padding: 0 20px;
    text-align: center;
}

.english-learning .education-item img {
    margin: 0 auto 14px;
}

.english-learning .education-item p {
    text-align: center;
}

.english-learning .teachers-screen {
    background: url('../../images/english/new/teacher-illustration.png') no-repeat top right / contain ;
    padding-top: 95vh;
    top: 0;
    position: relative;
}

.main-page .who-uses-screen {
    background: url('../../images/main/speak-home-3.jpg') no-repeat top right / contain ;
    top: 0;
    position: relative;
}

.english-learning .phone-screen.screen-image-end {
    background: url('../../images/english/new/phones-illustration.png') no-repeat top left / contain;
    padding-top: 45vh;
    top: 0;
    position: relative;
}

.main-page .learning-screen.screen-image-end {
    background: url('../../images/main/speak-home-2.jpg') no-repeat top left / contain;
    top: 0;
    position: relative;
}

.main-page .assessment-screen.screen-image-end {
    background: url('../../images/main/speak-home-4.png') no-repeat top left / contain;
    top: 0;
    position: relative;
}

.english-learning .why-learn {
    background: url('../../images/assessment/illustration-copy.png') no-repeat top center / 100% ;
    padding-top: 110vw;
}

.english-learning .why-learn .section-start {
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
}

.english-learning .category-icons {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.english-learning .category-icons .category-icon {
    margin-bottom: 20px;
}

.english-learning .category-icons .category-img {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.english-learning .level-check {
    margin-top: 0;
    background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat top center / 100% ;
    padding-top: 100vw;
    padding-right: 0;
}

.english-learning .testimonials {
    background: url('../../images/english/new/testimonials-bg.svg') no-repeat top right / contain;
    padding-right: 0;
    min-height: 50vw;
    padding-bottom: 60px;
    margin-bottom: 0;
}

.english-learning .testimonial-item {
    direction: rtl;
    padding: 40px 32px 32px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    background: #ffffff url('../../images/english/new/mask.svg') no-repeat center right;
    background-size: cover;
}

.slick-slider .testimonial-item{
    margin:0px 10px;
}


@media(min-width: 768px) {
    .slick-slider .testimonial-item{
        margin:0px 20px;
    }
}

.slick-track {
    display: flex !important;
    padding: 20px 0px;
}

.slick-slide {
    height: inherit !important;
}
.slick-slider .slick-disabled {
    opacity : 0;
    pointer-events:none;
}

.english-learning .testimonial-item img {
    display: block;
    max-width: 150px;
    max-height: 150px;
    margin-inline-end: 32px;
    border-radius: 50%;
}

.english-learning .testimonial-info {
    margin-top: 24px;
    font-size: 24px;
    font-weight: normal;
    line-height: normal;
    text-align: right;
    color: #6e6c6a;
}

.english-learning .testimonial-info .name {
    font-weight: bold;
}

.main-page .main-btns-box p {
    text-align: center;
}

.main-page .main-btns-box {
    display: flex;
    flex-flow: column;
    padding: 15px;
    margin: 20px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);
}

.main-page .main-btn {
    display: inline-block;
    min-height: 56px;
    padding: 18px 39px;
    border-radius: 34px;
    background-color: #ff6000;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 26px 0;
}

.main-page .main-btns-box .main-btn {
    margin: 16px;
}

.owl-item.active {
    background-color: unset;
}

.speak-nav.english-learning .menu-li a {
    font-family: 'OpenSansHebrew', sans-serif;;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #6e6c6a;
}

.speak-nav.english-learning .menu-li a:hover {
    text-shadow: 1px 0 0 #6e6c6a;
}

.speak-nav.english-learning .menu-li.primary a {
    color: #ff6000;
}

.speak-nav.english-learning .menu-li.primary a:hover {
    text-shadow: 1px 0 0 #ff6000;
}

.speak-nav.english-learning .middle-logo-part li {
    margin-top: 12px;
}

.speak-nav.english-learning .menuDiv {
    margin-top: 26px;
}

.certification-page * {
    text-transform: initial;
}

.certification-first-screen {
    background: url('../../images/assessment/certification/bg-arrow-cert.svg') no-repeat top center / 100%;
    padding-top: 60px;
}

.certification-first-screen .cta-btn {
    padding: 25px 50px;
    font-size: 25px;
}

.certification-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 38px 0 190px;
    flex-flow: column;
}

.certification-cta p {
    font-size: 48px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.88;
    letter-spacing: normal;
    text-align: center;
    color: #302d2b;
    margin-bottom: 26px;
}

.cta-btn {
    display: inline-block;
    min-height: 56px;
    padding: 18px 39px;
    border-radius: 34px;
    background-color: #ff6000;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}

.cta-btn:hover {
    color: #ffffff;
}

.huge-text {
    font-size: 56px;
    font-weight: bold;
    color: #5538c0;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    margin: 0;
}

.sub-huge-text {
    font-size: 40px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #302d2b;
    margin-bottom: 48px;
}

.certification-page .certification-first-screen h1 {
    font-size: 48px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #5538c0;
    margin: 0 auto 40px;
}

.test-advantage {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.test-advantage {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.test-advantage p {
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #302d2b;
    margin-bottom: 40px;
}

.advantage-thumbnail {
    height: 100px;
    margin-bottom: 26px;
}

.certification-page .advantages {
    padding-top: 110vw;
    padding-bottom: 40px;
    background: url('../../images/main/speak-home-4.png') no-repeat top left / contain;
}

.certification-page .advantages h2.subheading{
    font-size: 48px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #5538c0;
    margin-bottom: 24px;
}

.certification-page .advantages h3.subheading{
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ff6000;
    margin: 0;
}

.certification-page .advantages p {
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #302d2b;
    margin-bottom: 32px;
}

.terms-page h1 {
    text-align: center;
    text-decoration: underline;
    margin-bottom: 48px;
}

.terms-page p {
    margin-bottom: 32px;
}

.contact-details {
    margin-top: 120px;
}

.contact-details .contact-details-item {
    margin-bottom: 24px;
}

.contact-details p, .contact-details a {
    font-size: 15px;
    color: #333;
    font-weight: 300;
    line-height: 1.36;
}

.contact-details .contact-details-label {
    color: #8189a9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .9px;
    line-height: 16px;
    padding-bottom: 7px;
}

@media (min-width: 768px) {
    .marketing-page section {
        margin-bottom: 60px;
    }

    .marketing-page .first-screen {
        margin-top: 60px;
        background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat top left / 50% ;
        padding-top: 10px;
        padding-right: 0px;
        min-height: 50vw;
    }

    .marketing-page.english-learning .first-screen {
        background: url('../../images/english/new/01-picture.jpg') no-repeat top left / 50%,
        url('../../images/english/new/illustration-02.svg') no-repeat 112% 0% / 50%;
    }

    .marketing-page.main-page .first-screen {
        background: url('../../images/main/speak-home-1.png') no-repeat center right / 35%;
    }

    .marketing-page h1,
    .marketing-page h2 {
        text-align: right;
    }

    .marketing-page h1.text-center,
    .marketing-page h2.text-center {
        text-align: center;
    }
    .marketing-page .first-screen h1,
    .marketing-page .first-screen h2 {
        max-width: 80%;
    }
    .marketing-page.english-learning .first-screen h1,
    .marketing-page.english-learning .first-screen h2 {
        max-width: 90%;
    }

    .marketing-page .first-screen .subheading {
        /*max-width: 55%;*/
    }

    .marketing-page .first-screen #tryoutDiv {
        text-align: right;
    }

    .marketing-page .screen-image-start {
        padding: 20px 40% 20px 0;
    }

    .marketing-page .second-screen {
        background: url('../../images/assessment/illustration-copy.png') no-repeat 100% center / 35% ;
        min-height: 40vw;
        display: flex;
        align-items: center;
    }

    .marketing-page .screen-image-end {
        padding: 20px 0 20px 40%;
    }

    .marketing-page .cefr-screen {
        background: url('../../images/assessment/cefr-illustration.png') no-repeat 0 center / 40% ;
        min-height: 40vw;
        display: flex;
        align-items: center;
    }


    .marketing-page .report-screen {
        background: url('../../images/assessment/testResult.jpg') no-repeat 0 center / 40% ;
        min-height: 45vw;
        display: flex;
        align-items: center;
    }

    .marketing-page .test-screen {
        background: url('../../images/assessment/test-illustration.png') no-repeat 100% center / 50% ;
        min-height: 50vw;
        display: flex;
        align-items: center;
    }

    .marketing-page .speak-btn-container{
        text-align: right;
    }

    .marketing-page .end-screen {
        padding-top: 300px;
        top: -100px;
        min-height: 100vw;
    }

    .marketing-page .end-screen .main-text {
        max-width: 60%;
    }


    .row.articles-row {
        margin-top: 60px;
    }

    body.modal-open .modal .modal-dialog {
        width: 80%;
        max-width: 976px;
    }

    .purchase-cert-modal h2 {
        max-width: 90%;
    }

    .marketing-modal .email-collect,
    .marketing-modal .data-collect {
        flex-flow: row nowrap;
    }

    .marketing-modal.marketing-modal-en .email-collect,
    .marketing-modal.marketing-modal-en .data-collect {
        flex-flow: row nowrap;
        margin-top: 40px;
    }

    .marketing-modal .email-collect input {
        margin: 0 0 0 20px;
        width: unset;
    }

    .marketing-modal .data-collect input {
        margin: 0 10px;
        width: unset;
    }

    .marketing-modal.marketing-modal-en .email-collect input {
        margin: 0 20px 0 0;
        width: unset;
    }

    .marketing-modal .speak-btn-test {
        width: unset;
    }

    .marketing-modal .modal-dialog button.close{
        color: #fafafa;
        top: -30px;
        right: 0;
        left: unset;
    }

    .english-learning .teachers-screen {
        background: url('../../images/english/new/teacher-illustration.png') no-repeat top right / contain ;
        padding-top: 100px;
        padding-bottom: 100px;
        top: -100px;
        position: relative;
    }

    .main-page .who-uses-screen {
        background: url('../../images/main/speak-home-3.jpg') no-repeat center right / 38% ;
        display: flex;
        align-items: center;
        min-height: 35vw;
    }

    .english-learning .education-item img {
        height: 200px;
        object-fit: contain;
    }

    .english-learning .phone-screen p,
    .english-learning .level-check h2,
    .english-learning .level-check p {
        max-width: 70%;
    }


    .english-learning .phone-screen.screen-image-end {
        background: url('../../images/english/new/phones-illustration.png') no-repeat top left / contain;
        padding-top: 40px;
        top: 0;
        position: relative;
    }

    .main-page .learning-screen.screen-image-end {
        background: url('../../images/main/speak-home-2.jpg') no-repeat center left / 40%;
        padding-top: 40px;
        top: 0;
        position: relative;
        display: flex;
        align-items: center;
        min-height: 35vw;
    }

    .main-page .assessment-screen.screen-image-end {
        background: url('../../images/main/speak-home-4.png') no-repeat center left / 40%;
        min-height: 43vw;
        padding-top: 40px;
        display: flex;
        align-items: center;
    }

    .english-learning .why-learn {
        background: url('../../images/english/new/why-study-illustration.png') no-repeat 100% center / 45%;
        padding-top: 40px;
    }

    .english-learning .why-learn .section-body {
        padding: 20px 40% 20px 0;
    }

    .english-learning .category-icons {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: space-around;
    }

    .english-learning .level-check {
        margin-top: 60px;
        background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat top left / 50% ;
        padding-top: 10px;
        padding-right: 0px;
        min-height: 50vw;
    }

    .english-learning .testimonial-item {
        /*max-width: 60%;*/
        margin: 0 auto;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        background-size: contain;
        padding: 80px 32px;
    }

    .certification-first-screen {
        background: url('../../images/assessment/certification/bg-arrow-cert.svg') no-repeat top center / 100%,
        url('../../images/assessment/certification/circles.svg') no-repeat bottom 250px right -60px;
    }

    .certification-page .advantages {
        padding: 0 0 90px 45%;
        background: url('../../images/main/speak-home-4.png') no-repeat center left / 40%;
        min-height: 43vw;
        display: flex;
    }

    .certification-cta {
        flex-flow: row nowrap;
    }

    .certification-cta p {
        margin-bottom: 0;
        margin-inline-end: 26px;
    }


    /* Equal Heights for OwlCarousel 2 */
    .owl-carousel.testimonial-slider .owl-stage {
        display: flex;
    }
    .owl-carousel.testimonial-slider .owl-item {
        display: flex;
        flex: 1 0 auto;
    }
    .owl-carousel.testimonial-slider .caption {
        display: flex;
        flex: 1 0 auto;
        flex-direction: column;
    }
    .owl-carousel.testimonial-slider .flex-text {
        flex-grow: 1;
    }
    .owl-carousel.testimonial-slider .thumbnail {
        display: flex;
        flex-direction: column;
        margin: 0 15px;
    }

}

@media (min-width: 992px) {
    .marketing-page .first-screen {
        margin-top: 60px;
        background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat center left / 50% ;
        padding-top: 90px;
        min-height: 50vw;
    }

    .marketing-page.english-learning .first-screen {
        background: url('../../images/english/new/01-picture.jpg') no-repeat center left / 50%,
        url('../../images/english/new/illustration-02.svg') no-repeat 112% 50% / 50%;
    }


    .marketing-page.main-page .first-screen {
        background: url('../../images/main/speak-home-1.png') no-repeat center right / contain;
        padding-bottom: 356px;
        min-height: unset;
    }

    .main-page .main-btns-box {
        position: absolute;
        left: 50px;
        right: 50px;
    }

    .main-page p.sub-title {
        font-size: 40px;
    }

    .marketing-page h1,
    .marketing-page h2 {
        font-size: 38px;
    }

    .marketing-page.english-learning h1.speak-text-logo {
        font-size: 45px;
    }

    .marketing-page .screen-image-end {
        padding: 20px 75px 20px 40%;
    }

    .marketing-page .screen-full-width {
        padding: 20px 75px 20px 75px;
    }

    .marketing-page .screen-image-start {
        padding: 90px 40% 90px 100px;
    }

    .modal.marketing-modal .modal-body {
        padding: 100px 80px 34px;
    }

    .cefr-table {
        margin: 40px;
    }

    .cefr-table .cefr-color {
        width: 23px;
        margin-inline-end: 24px;
    }


    .cefr-table .cefr-section-title {
        margin-inline-end: 60px;
    }

    .cefr-table .cefr-level {
        margin-inline-end: 60px;
    }

    .english-learning .teachers-screen {
        background: url('../../images/english/new/teacher-illustration.png') no-repeat top right / contain ;
        padding-top: 200px;
        padding-bottom: 200px;
        top: -100px;
        position: relative;
        z-index: -1;
    }

    .english-learning .why-learn .section-body {
        padding: 90px 40% 90px 100px;
    }

    .english-learning .level-check {
        margin-top: 60px;
        background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat center left / 50% ;
        padding-top: 90px;
        min-height: 50vw;
    }

    .certification-first-screen {
        background: url('../../images/assessment/certification/bg-arrow-cert.svg') no-repeat top center / 100%,
        url('../../images/assessment/certification/circles.svg') no-repeat bottom right -60px;
    }

    .certification-page .advantages {
        padding: 0 100px 200px 45%;
    }

    .huge-text {
        font-size: 70px;
        line-height: 1.55;
    }

}

@media (min-width: 1200px) {
    .marketing-page .first-screen {
        margin-top: 60px;
        background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat center left / 50% ;
        padding-top: 180px;
        padding-right: 90px;
        min-height: 50vw;
    }

    .video-screen {
        padding-top: 55px !important;
    }

    .marketing-page.main-page .first-screen {
        padding: 90px 40% 148px 100px;
        min-height: unset;
    }

    .main-page .main-btns-box p {
        white-space: nowrap;
        font-size: 32px;
    }

    .main-page .main-btns-box {
        flex-flow: row;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        padding: 20px;
    }

    .marketing-page.english-learning .first-screen {
        background: url('../../images/english/new/01-picture.jpg') no-repeat center left / 50%,
        url('../../images/english/new/illustration-02.svg') no-repeat 112% 50% / 50% ;
    }

    .marketing-page h1,
    .marketing-page h2 {
        font-size: 48px;
    }

    .marketing-page.english-learning h1.speak-text-logo {
        font-size: 55px;
    }

    .marketing-page .first-screen #tryoutDiv {
        margin-bottom: 60px;
    }



    .marketing-page .end-screen {
        padding-top: 400px;
        top: -160px;
    }

    .english-learning .teachers-screen {
        background: url('../../images/english/new/teacher-illustration.png') no-repeat top right / contain ;
        padding-top: 300px;
        padding-bottom: 300px;
        top: -200px;
        position: relative;
    }

    .english-learning .phone-screen.screen-image-end {
        background: url('../../images/english/new/phones-illustration.png') no-repeat top center / 100% ;
        padding-top: 200px;
        padding-bottom: 200px;
        top: -400px;
        position: relative;
    }

    .english-learning .why-learn {
        position: relative;
        top: -400px;
    }

    .english-learning .categories-list {
        position: relative;
        top: -300px;
    }

    .english-learning .level-check {
        margin-top: 60px;
        background: url('../../images/assessment/talkAboutSpecialEvent-rtl.jpg') no-repeat center left / 50% ;
        padding-top: 180px;
        padding-right: 90px;
        min-height: 50vw;
        position: relative;
        top: -200px;
    }

    .english-learning .testimonials {
        position: relative;
        margin: 0;
    }

}

@media (min-width: 1400px) {
    .marketing-page.main-page .first-screen {
        padding: 90px 40% 230px 100px;
    }

    .main-page .main-btns-box {
        left: 50px;
        right: 50px;
        padding: 60px;
    }
}


.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #ff5800;
    background: -moz-linear-gradient(left, #ff5800 10%, rgba(255,88,0, 0) 42%);
    background: -webkit-linear-gradient(left, #ff5800 10%, rgba(255,88,0, 0) 42%);
    background: -o-linear-gradient(left, #ff5800 10%, rgba(255,88,0, 0) 42%);
    background: -ms-linear-gradient(left, #ff5800 10%, rgba(255,88,0, 0) 42%);
    background: linear-gradient(to right, #ff5800 10%, rgba(255,88,0, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before {
    width: 50%;
    height: 50%;
    background: #ff5800;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}
.loader:after {
    background: #ffffff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.video-frame-container {
    padding: 3px;
    border: 2px solid #734046;
    display: inline-flex;
}

.video-frame {
    width: 39.4vw;
    height: 22.6vw;
    border-radius: 10px;
    border: none;
}

.video-frame-container {
    padding: 3px;
    border: 2px solid #734046;
    display: inline-flex;
}

.video-frame {
    width: 39.4vw;
    height: 22.6vw;
    border-radius: 10px;
    border: none;
}

.main-btn-up-video {
    margin: 20px 0 !important;
}

@media screen and (min-width:2000px){
    .container-fluid {
        padding-top: 125px;
        padding-right: 65px;
    }
    .main-btn-up-video{
        position: initial !important;
    }
}


@media screen and (max-width:940px){
    .video-frame {
        width: 92.4vw;
        height: 51.6vw;
    }
    .main-btn-up-video{
        position: initial !important;
    }
}

@media (min-resolution: 105dpi) {
    .main-btn-up-video {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
}
@media (min-resolution: 120dpi) {
    .main-btn-up-video{
        position: absolute;
        top: 165px;
        left: 12vw;
    }
    .video-frame-container {
        margin-top: 20px;
    }
}

@media (min-resolution: 140dpi) {
    .main-btn-up-video {
        top: 8vw;
        left: 4vw;
    }
    .video-frame-container {
        margin-top: 5px;
    }
}
@media screen and (min-width:1669px) and (min-resolution: 140dpi) {
    .main-btn-up-video {
        position: initial !important;
    }
}
@media screen and (max-width:1320px) and (min-resolution: 120dpi) {
    .main-btn-up-video {
        top: 105px;
    }
}