body,
body * {
    margin: 0;
    padding: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Montserrat', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

html,
body {
    overflow-x: hidden;
}

body {
    overflow-y: visible !important;
    min-width: 320px;
}

*:focus {
    outline: none;
}


@font-face {
    font-family: Montserrat-Bold;
    src: url("../fonts/Montserrat-ExtraLight.ttf");
    font-weight: 200;
}

@font-face {
    font-family: Montserrat-Light;
    src: url("../fonts/Montserrat-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: Montserrat-medium;
    font-weight: 500;
    src: url("../fonts/Montserrat-Medium.ttf");
}

@font-face {
    font-family: Montserrat-semiBold;
    src: url("../fonts/Montserrat-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: Montserrat-Bold;
    src: url("../fonts/Montserrat-Bold.ttf");
    font-weight: 700;

}

.landing-page-mani-plan-grid.tableHide1,
.landing-page-mani-plan-grid.tableHide2,
.landing-page-mani-plan-grid.tableHide3 {
    grid-template-columns: 1fr 220px 220px;
}

.landing-page-mani-plan-grid.tableHide1.tableHide2,
.landing-page-mani-plan-grid.tableHide1.tableHide3,
.landing-page-mani-plan-grid.tableHide2.tableHide3 {
    grid-template-columns: 1fr 300px;
}

.landing-page-mani-plan-grid.tableHide1 .plan-feature-third-plan,
.landing-page-mani-plan-grid.tableHide1 .third-plan-header {
    background-color: transparent;
}

.landing-page-mani-plan-grid.tableHide1 .plan-feature-second-plan,
.landing-page-mani-plan-grid.tableHide1 .second-plan-header {
    background: #F5F6F6;
}

.landing-page-mani-plan-grid.tableHide2 .plan-feature-third-plan,
.landing-page-mani-plan-grid.tableHide2 .third-plan-header {
    background-color: transparent;
}

.landing-page-mani-plan-grid.tableHide1.tableHide2 .plan-feature-third-plan,
.landing-page-mani-plan-grid.tableHide1.tableHide2 .third-plan-header {
    background: #F5F6F6;
}

.landing-page-order-list-moms {
    text-align: right;
    margin-top: 5px;
    font-size: 16px;
    color: #939393;
}
.noAddedRows #addEkstraRow{
    max-width: 490px;
    position: relative;
    right: 3px;
}
.noAddedRows.frontTableAdminWrap .container{
    max-width: 829px;
}
.login-footer-to-admin-login a {}

/*   Homepage    */
.close-homepage-video {
    top: 75px;
    right: 100px;
    font-size: 16px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: 2px solid #fff;
    position: absolute;
    color: #fff;
    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;
    text-decoration: none;
}

.logo-wrapper {
    position: absolute;
    top: 75px;
    left: 100px;
    color: #fff;
}

.additional-features-sub-features-title.titleWithTarget{
    cursor: pointer;
}
.packageDescription{
    color: var(--themeColor1);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 28px;
    text-align: center;
}

.logoutPreview{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.admin-page-logo-and-logout .logoutPreview #previewLink{
    height: auto;
    width: auto;
    margin: 0 50px 0 0;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    font-size: 17px;
}
#previewLink svg{
    margin-left: 5px;
}

.homepage-hero-main-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100px;
}

.homepage-hero-main-text h1 {
    font-family: Montserrat-semiBold;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;

}

.homepage-wrapper-background {
    background: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
}

.homepage-wrapper-foreground,
.homepage-wrapper-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 90%;
}

@media all and (max-width: 600px) {
    .vid-info {
        width: 50%;
        padding: .5rem;
    }

    .vid-info h1 {
        margin-bottom: .2rem;
    }
}

@media all and (max-width: 500px) {
    .vid-info .acronym {
        display: none;
    }
}

/*   Landing page    */

.landing-page-hero {
    width: 100%;
    height: 388px;
    position: relative;
}

.landing-page-hero-main-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    -webkit-filter: brightness(60%) grayscale(10%);
    filter: brightness(60%) grayscale(10%);
}

.landing-page-logo {
    width: 164px;
    height: 56px;
    position: absolute;
    left: -46px;
}

.lading-page-hero-skewed-div {
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0px;
    height: 100px;
    background-color: #fff;
    border-top: solid #2C978F 11px;
    -webkit-transform: skew(0deg, 3deg);
    -ms-transform: skew(0deg, 3deg);
    transform: skew(0deg, 3deg);
}

.landing-page-hero-video-and-exit {
    position: absolute;
    top: 80px;
    right: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.landing-page-hero-video {
    margin-right: 28px;
}

.landing-page-hero-exit img,
.landing-page-hero-video img {
    height: 32px;
    width: 32px;
}

.landing-page-order-overview.login-page,
.landing-page-order-overview.login-page-footer {
    margin: 50px auto;
    width: 800px;
}

.landing-page-main-plan,
.landing-page-ad-select,
.landing-page-order-overview {
    margin: 50px auto;
    width: 900px;
}

.landing-page-main-plan h1,
.landing-page-additional-features>h1,
.landing-page-featured-video-wrapper h1,
.landing-page-order-overview h1 {
    margin-bottom: 40px;
    font-family: Montserrat-SemiBold;
    font-size: 28px;
    color: #004043;
    font-weight: 600;
}

.landing-page-order-overview h1 {
    margin-bottom: 20px;
}

.landing-page-mani-plan-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 128px 168px 128px;
    grid-template-columns: 1fr 128px 168px 128px;
}

.landing-page-mani-plan-grid>div:not(.planPopupWrapper) {
    padding: 14px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.landing-page-mani-plan-grid .plan-feature-name-wrapper{
    justify-content: unset !important;
}

#admin-page-submit {
    margin-top: 20px;
}

.landing-page-mani-plan-grid div p {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.plan-feature-pop-up-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-plan-header p,
.second-plan-header p,
.third-plan-header p {
    font-size: 16px;
    line-height: 19px;
    color: #004043;
    font-family: Montserrat-medium;
    letter-spacing: 0;
    font-weight: 500;
}

.plan-feature-name,
.plan-feature-first-plan,
.plan-feature-second-plan,
.plan-feature-third-plan {
    font-family: Montserrat-medium;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;

}

.landing-page-mani-plan-grid .plan-feature-name-wrapper {
    padding-left: 0;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}


.plan-feature-pop-up-wrapper,
.submit-pop-up-wrapper {
    z-index: 10;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.adminRowSeparate{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    margin-bottom: 10px;
}

.landing-page-order-submit-button-wrapper .submit-pop-up-wrapper {
    display: none;
}

.landing-page-order-submit-button-wrapper.open .submit-pop-up-wrapper {
    display: block;
}

.plan-feature-pop-up {
    padding: 32px 49px 40px 49px;
    /*width: 729px;*/
    width: 736px;
    height: auto;
    /*left: 50%;*/
    left: calc(50% - 10px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    background-color: #fff;
    border-radius: 5px;
}

.plan-feature-name {
    cursor: pointer;
}

.plan-feature-name-wrapper .plan-feature-pop-up-wrapper {
    display: none;
}

.plan-feature-name-wrapper.open .plan-feature-pop-up-wrapper {
    display: block;
    z-index: 5;
    cursor: pointer;
}

.planPopupWrapper {
    display: none;
}
.planPopupWrapper.open{
    display: block;
}

.plan-feature-pop-up-wrapper {
    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;
}

.plan-feature-pop-up-close {
    height: 48px;
    width: 48px;
    cursor: pointer;
    border: 2px solid #2C978F;
    border-radius: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 28px;
}

.plan-feature-pop-up-header h1 {
    margin: 8px 0 35px 0;
    font-size: 24px;
    font-weight: 500;
}

.plan-feature-second-name p {
    cursor: pointer;
    text-align: left;
    margin: 23px 0 23px 0;
    color: #024042;
    font-family: Montserrat;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 26px;
}

.landing-page-featured-video-wrapper {
    display: none;
}

.landing-page-wrapper.plan-selected .landing-page-featured-video-wrapper{
    display: block;
}

.close-pop-up-icon {
    width: 16px;
    height: 16px;
}

.landing-page-ad-info-button.open .plan-feature-pop-up-wrapper {
    display: block;
    z-index: 5;
}

.landing-page-ad-info-button .plan-feature-pop-up-wrapper {
    display: none;
}

.landing-page-ad-info-button {
    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;
    height: 56px;
    width: 84px;
}

.plan-feature-first-plan,
.plan-feature-third-plan,
.first-plan-header,
.third-plan-header {
    background-color: #F5F6F6;
}

.landing-page-mani-plan-grid input[type=radio] {
    display: none;
}

.landing-page-mani-plan-grid label :checked+span,
.landing-page-mani-plan-grid label span:hover,
.landing-page-ad-select-and-info label span:hover,
.landing-page-order-submit-button:hover {
    background: #004043;
}

.landing-page-mani-plan-grid label span {

    display: inline-block;
    background: #2C978F;
    height: 100%;
    color: white;
    cursor: pointer;
    width: 128px;
    padding: 18px 0;
    border-radius: 5px;
}

.first-plan-select,
.second-plan-select,
.third-plan-select {
    margin-top: 20px;
}

.landing-page-additional-features-wrapper,
.landing-page-ad-select-wrapper {
    background-color: #F5F6F6;
    padding: 80px 0;
}

.landing-page-additional-features,
.landing-page-featured-video-wrapper {
    width: 1000px;
    margin: 0 auto;
}

.landing-page-featured-video-wrapper {
    padding: 80px 0;
}

.landing-page-additional-features>h1,
.landing-page-featured-video-wrapper h1 {
    max-width: 450px;
}

.landing-page-additional-features-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 20px 3fr 20px 3fr 20px 3fr;
    grid-template-columns: 3fr 3fr 3fr 3fr;
    grid-gap: 20px;
}

.landing-page-feature-buttons-dim {
    width: 230px;
    height: 254px;
    z-index: -1;
    position: absolute;
    background: #F5F6F6;
    opacity: 50%;
}

.hidden-button {
    z-index: 3;
}

.landing-page-additional-features-grid,
.single-additional-sub-feature {
    font-family: Montserrat-semiBold;
    font-weight: 600;
}

.landing-page-additional-features-hidden {
    display: none;
}


@media all and (max-width: 1400px) {
    .landing-page-additional-features-grid {
        -ms-grid-columns: 3fr 20px 3fr 20px 3fr 20px 3fr;
        grid-template-columns: 3fr 3fr 3fr 3fr;
    }
}

.landing-page-additional-features-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.landing-page-additional-features-single img {
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    margin-bottom: 20px;
}

.landing-page-additional-features-button {
    cursor: pointer;
    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;
    padding: 15px 12px;
    background-color: #DEE8E6;
    line-height: 34px;
}

.landing-page-additional-features-button.open {
    background-color: #2C978F;
    border-radius: 3px;
    color: #DEE8E6;
}

.landing-page-additional-features-button h2 {
    font-family: Montserrat-Medium;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
}

.landing-page-additional-features-sub-features-selected {
    grid-column: 1/ -1;
}

.landing-page-additional-features-sub-features {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.single-additional-sub-feature {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 25px 1fr;
    grid-template-columns: 3fr 1fr;
    grid-gap: 25px;
    margin-bottom: 15px;
}

.single-additional-sub-feature.selected .additional-features-sub-features-title,
.single-additional-sub-feature.selected .additional-features-sub-features-select-and-price,
.circle-value-added {
    background-color: #2C978F;
    color: #F5F6F6;
}

.single-additional-sub-feature.selected .additional-features-sub-features-qnt-minus svg polygon,
.single-additional-sub-feature.selected .additional-features-sub-features-qnt-plius svg polygon {
    fill: #2C978F;
}

.single-additional-sub-feature.selected .additional-features-sub-features-select-and-price .additional-features-sub-features-price {
    color: #F5F6F6;
}

.single-additional-sub-feature.selected .additional-features-sub-features-qnt-plius {
    background-color: #fff;
}

.additional-features-sub-features-title,
.additional-features-sub-features-select-and-price {
    padding: 16px;
    background-color: #DEE8E6;
    border-radius: 3px;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    font-family: Montserrat-semiBold;
    font-weight: 500;
}

.additional-features-sub-features-select-and-price {
    background-color: #DEE8E6;
    padding: 16px 30px 16px 18px;
    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;
    width: 230px;
}

.additional-features-sub-features-qnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.single-additional-sub-feature .additional-features-sub-features-title,
.additional-features-sub-features-select-and-price .additional-features-sub-features-price {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
    font-family: Montserrat-Medium;
}

.additional-features-sub-features-qnt-plius,
.additional-features-sub-features-qnt-minus,
.additional-features-sub-features-qnt input {
    height: 28px;
    width: 32px;
    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;
}

.additional-features-sub-features-qnt-plius {
    background-color: #2C978F;
    margin-left: 5px;
    cursor: pointer;
}

.additional-features-sub-features-qnt-minus {
    background-color: #fff;
    margin-right: 5px;
    cursor: pointer;
}

.additional-features-sub-features-select-and-price input::-webkit-outer-spin-button,
.additional-features-sub-features-select-and-price input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.additional-features-sub-features-select-and-price input[type=number] {
    -moz-appearance: textfield;
    text-align: center;
    color: #004043;
    border: none;
    font-size: 15px;
    font-family: Montserrat-semibold;
    font-weight: 600;
}

.additional-features-sub-features-qnt-minus svg polygon,
.additional-features-sub-features-qnt-plius svg polygon {
    fill: #DEE8E6;
}


.landing-page-featured-video-wrapper .landing-page-featured-video {
    width: 630px;
    height: 354px;
    margin: 50px auto;

}

.landing-page-featured-video-wrapper iframe {
    width: 100%;
    height: 100%;
}

.landing-page-ad-select {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.landing-page-ad-select .landing-page-ad-plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 35px;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0px 40px 25px -25px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 40px 25px -25px rgba(0, 0, 0, 0.07);
    border: 2px solid transparent;
}

.landing-page-ad-select .landing-page-ad-plan-title {
    font-size: 16px;
    line-height: 18px;
    font-family: Montserrat-semiBold;
    color: rgba(0, 0, 0, 0.87);
    text-align: center;
}

.landing-page-ad-select-and-info input[type=checkbox] {
    display: none;
}


.landing-page-ad-select-and-info span.landing-page-ad-selected {
    display: none;
}

.landing-page-ad-plan {
    padding: 33px 42px 42px 39px;
    width: 349px;
    height: 429px;
}

.landing-page-ad-select {
    width: 754px;
    /*height: 900px;*/
}

.landing-page-ad-select-and-info label span {
    display: inline-block;
    background: #2C978F;
    height: 100%;
    color: white;
    cursor: pointer;
    width: 128px;
    padding: 18px 0;
    border-radius: 5px;
}

.landing-page-order-list-section.autoOptions {
    display: block;
}

.landing-page-ad-plan.selected .landing-page-ad-select-and-info label span {
    display: none;
}

.landing-page-ad-select-and-info label span.landing-page-ad-selected {
    display: none;
}

.landing-page-ad-plan.selected .landing-page-ad-select-and-info label span.landing-page-ad-selected {
    background: #004043;
    display: inline-block;
}

.landing-page-ad-plan.selected {
    border: 2px solid #004043;
}

.landing-page-ad-proc {
    /*margin-top: 10px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.landing-page-ad-select-and-info {
    margin-top: 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2.5fr 10px 1fr;
    grid-template-columns: 2.5fr 1fr;
    grid-gap: 10px;
}

.landing-page-ad-select-and-info label span {
    width: 100%;
}

.landing-page-ad-select-and-info .landing-page-ad-info-button {
    cursor: pointer;
    border-radius: 5px;
    border: solid 1.5px #2C978F;
}

.landing-page-ad-line {
    margin: 17px auto;
    height: 2px;
    background-color: #212121;
    width: 70px;
}

.landing-page-ad-plan-price {
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    color: #212121;
    font-family: Montserrat-medium;
}

.landing-page-ad-plan-price input {
    border: 1px solid #DDDDDD;
    width: 255px;
}

.landing-page-ad-proc .landing-page-ad-proc-button {
    cursor: pointer;
    margin: 0 20px;
}

.landing-page-ad-select-and-info span {
    text-align: center;
    font-size: 15px;
    line-height: 19px;
    font-family: Montserrat-semiBold;
    color: #fff;
    text-transform: uppercase;
}

.landing-page-ad-select-and-info label {
    height: 56px;
    width: 184px;
}

.landing-page-order-list-section {
    padding: 10px 0;
}

.landing-page-order-list-section.border-bot {
    border-bottom: solid 1px #ddd;
}

.landing-page-order-list-section h2 {
    color: #999;
    font-size: 16px;
    line-height: 19px;
    font-family: Montserrat-medium;
    font-weight: unset;
    margin-top: 20px;
    margin-bottom: 10px;
}

.landing-page-order-list-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}

.landing-page-order-list-section-extra,
.landing-page-order-list-section-total {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-grid-columns: 100px 20px 130px;
    grid-template-columns: 100px 130px;
    grid-gap: 20px;
}

.landing-page-order-list-section p,
.landing-page-order-list-section-extra p,
.landing-page-order-list-section-total p {
    color: #004043;
    font-size: 20px;
    line-height: 24px;
    font-family: Montserrat-medium;
    padding: 10px 0;
}

.landing-page-order-list-price-and-amount.customAmountWidth.jcfe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.landing-page-order-submit-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

.landing-page-order-submit-button {
    text-decoration: none;
    width: 368px;
    height: 72px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: #FFFCF9;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    border-radius: 5px;
    background-color: #2C978F;
    padding: 28px 40px;
    display: inline-block;
    font-family: Montserrat;
    border: none;
}

.landing-page-order-footer {
    margin: 92px 0 0 0;
    font-size: 16px;
    line-height: 21px;
    color: #212121;
    text-align: center;
    font-family: Montserrat;
    font-weight: 600;
}

.landing-page-ad-plan-custom-basic {
    text-align: center;
    position: relative;
    justify-self: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.landing-page-ad-plan.basic {
    position: relative;
}

.landing-page-ad-plan-most-popular {
    position: absolute;
    top: -28px;
    right: -26px;
}

.landing-page-ad-plan-most-popular-text {
    position: absolute;
    top: 23px;
    right: -10px;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 10px;
    line-height: 16px;
    font-family: Montserrat-semiBold;
    letter-spacing: 0.34px;
}

.range-slider-values,
.second-range-slider-values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.landing-page-ad-plan-range-slider {
    margin: 17px 0 0 0;
    width: 240px;
}

.landing-page-ad-plan-range-slider input {
    width: 100%;
}

/*   input range   */

.rSlider {
    position: relative;
    height: 6px;
}

.rSlider .slide {
    background: #FF8200;
    height: 2px;
    width: 100px;
    position: absolute;
    left: 0;
    z-index: 2;
}

.rSlider .slide2 {
    background: #FF8200;
    height: 2px;
    width: 80px;
    position: absolute;
    left: 0;
    z-index: 2;
}

input[type=range] {
    position: relative;
    -webkit-appearance: none;
    width: 100%;
    height: 2px;
    background: #ffd9b2;
    outline: none;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
}

input[type="range"]::-webkit-slider-thumb {
    border-radius: 50%;
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #FF8200;
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    border-radius: 50%;
    border: none;
    width: 18px;
    height: 18px;
    background: #FF8200;
    cursor: pointer;
}

.landing-page-ad-plan-range-slider #demo,
.landing-page-ad-plan-range-slider #demo2 {
    display: none;
}

.landing-page-ad-plan-custom-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.always-on .landing-page-ad-plan-custom-part input,
.landing-page-ad-plan-custom-part-date input {
    margin: 20px 0;
    width: 100%;
    height: 32px;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.always-on .landing-page-ad-plan-custom-part p {
    font-family: Montserrat;
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.38);
}

.landing-page-ad-plan-range-slider h1 {
    font-family: Montserrat-medium;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.38);
    margin-bottom: 25px;
    text-align: center;
}

.landing-page-ad-proc input {
    border: none;
    pointer-events: none;
}

.landing-page-ad-proc .landing-page-ad-proc-some,
.landing-page-ad-proc .landing-page-ad-proc-display {
    width: 55px;
    min-width: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.landing-page-ad-proc-some p,
.landing-page-ad-proc-some input,
.landing-page-ad-proc-display p,
.landing-page-ad-proc-display input {
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    line-height: 18px;
    font-family: Montserrat-medium;
    text-align: center;
}

.plan-feature-pop-up-wrapper p {
    font-family: Montserrat;
    line-height: 25px;
    font-size: 16px;
    color: #024042;
    text-align: left;
    margin: 23px 0 23px 0;
    width: 633px;
}

.plan-feature-pop-up-wrapper p-header {
    font-size: 18px;
}

.landing-page-wrapper .landing-page-ad-select-wrapper,
.landing-page-wrapper .landing-page-order-overview {
    display: none;
}

.landing-page-wrapper.plan-selected .landing-page-ad-select-wrapper,
.landing-page-wrapper.plan-selected .landing-page-order-overview {
    display: block;
}

.page-template-template-user-questionnaire-success .landingPlanAmount {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.landing-page-ad-plan-price-input {
    width: 100%;
    height: 48px;
    text-align: center;
    font-family: Montserrat-medium;
    font-size: 14px;
    line-height: 18px;
    margin-top: 19px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


#container {
    position: relative;
    height: 100%;
}

.slider-handle {

    position: absolute;

    height: 44px;
    width: 44px;

    /* center the element */
    left: 50%;
    top: 50%;

    margin-left: -22px;
    margin-top: -22px;

    border-radius: 50%;

    background: #dc717d url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="%23FFF" d="M13 21l-5-5 5-5m6 0l5 5-5 5"/></svg>') no-repeat center center;
    cursor: move;

    -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);

    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    z-index: 2;

}

.icv__circle {
    background: white !important;
    height: 84px !important;
    width: 84px !important;
}

.icv__control-line {
    width: 0 !important;
    height: 156px !important;
}

.icv__arrow-wrapper {
    width: 24px;
    height: 24px;
}

.img-comp-container {
    height: 366px;
    border-radius: 10px;
}

.plan-price {
    line-height: 19px;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 600;
}

.plan-line {
    border-bottom: 2px solid #004043;
    width: 32px;
    height: 1px;
}

.landing-page-main-header {
    color: white;
    font-family: Montserrat-semiBold;
    font-size: 34px;
    font-weight: 600;
    line-height: 42px;
    z-index: 3;
    position: absolute;
    top: 180px;
    left: 53px;
}

.landing-page-additional-features-single img {
    height: 168px;
}

.landing-page-additional-features-single,
.landing-page-additional-features-single img {
    width: 230px;
}

.plan-feature-first-plan,
.plan-feature-second-plan,
.plan-feature-third-plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.landing-page-additional-features-button:hover svg polygon,
.landing-page-additional-features-button:hover,
.landing-page-additional-features-button:hover h2,
.landing-page-additional-features-button.open:hover .circle-value-added {
    background: #2C978F;
    color: #DEE8E6;
    fill: #DEE8E6;
}

.landing-page-additional-features-button:hover .circle-value-added,
.landing-page-additional-features-button.open .circle-value-added {
    background: #004043;
}

.landing-page-additional-features-button svg polygon {
    fill: #004043;
}

.landing-page-additional-features-button.open svg polygon,
.landing-page-additional-features-button.open h2,
.landing-page-additional-features-button.open,
.landing-page-additional-features-button.open svg {
    background: #2C978F;
    color: #DEE8E6;
    fill: #DEE8E6;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.landing-page-additional-features-button.open:hover,
.landing-page-additional-features-button.open:hover h2,
.landing-page-additional-features-button.open:hover svg {
    background: #004043;
}

.landing-page-additional-features-button svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.landing-page-ad-info-button:hover,
.landing-page-ad-info-button:hover .landing-page-ad-info-button-click svg path {
    border-color: #004043;
    fill: #004043;
}

.landing-page-ad-info-button-click {
    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;
    width: 100%;
    height: 100%;
}

.input-value-and-svg-wrapper,
.input-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.landing-page-additional-features-button h2 {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.landing-page-additional-features-button .input-value {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 5px;
}

.landing-page-additional-features-button,
.landing-page-additional-features-single img {
    border-radius: 3px;
}

.landing-page-order-list-section-total p,
.landing-page-order-list-section-extra p {
    text-align: right;
}

.landing-page-order-list-section-extra p {
    vertical-align: center;
    padding-top: 43px;
}

.landing-page-order-list-section-extra input {
    text-align: center;
    height: 64px;
    width: 132px;
    border: 2px solid #ECECEC;
    border-radius: 1px;
    font-family: Montserrat-medium;
    font-size: 20px;
    font-weight: 500;
    color: #004043;
    margin: 23px 0;
}

.landing-page-order-list-section-extra input::-webkit-input-placeholder {
    color: #ECECEC;
}

.landing-page-order-list-section-extra input::-moz-placeholder {
    color: #ECECEC;
}

.landing-page-order-list-section-extra input:-ms-input-placeholder {
    color: #ECECEC;
}

.landing-page-order-list-section-extra input::-ms-input-placeholder {
    color: #ECECEC;
}

.landing-page-order-list-section-extra input::placeholder {
    color: #ECECEC;
}

.landing-page-order-list-section-extra input:focus::-webkit-input-placeholder {
    content: "";
}

.landing-page-order-list-section-extra input:focus::-moz-placeholder {
    content: "";
}

.landing-page-order-list-section-extra input:focus:-ms-input-placeholder {
    content: "";
}

.landing-page-order-list-section-extra input:focus::-ms-input-placeholder {
    content: "";
}

.landing-page-order-list-section-extra input:focus::placeholder {
    content: "";
}

.landing-page-order-list-price-and-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 25%;
}

.landing-page-order-list-price-and-amount.customAmountWidth {
    width: 40%;
}

.landing-page-ad-plan-range-slider h1 {
    color: #212121;
    font-family: Montserrat-semiBold;
}

.landing-page-ad-plan-custom-part p {
    padding-right: 20px;
    margin-bottom: 10px;
    font-family: Montserrat-semiBold;
}

.landing-page-ad-plan-custom-part p,
.landing-page-ad-plan-custom-part-date p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.38);
    text-align: left;
    height: 20px;
    font-family: Montserrat-semiBold;
    margin-bottom: 0;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.rSlider input {
    width: 175px;
}

.range-slider-values,
.second-range-slider-values {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    width: 187px;
}

.range-slider-values {
    width: 207px;
}

.landing-page-ad-plan-range-slider {
    width: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 10px 0;
}

.landing-page-ad-plan-custom-part {
    height: 111px;
    margin-bottom: 20px;
}

.landing-page-ad-plan-custom-part-date {
    padding-bottom: 20px;
    height: 130px;
}

.landing-page-ad-select-and-info {
    margin-top: 26px;
}

.landing-page-ad-plan-price-basic-and-premium {
    margin-bottom: 17px;
}

.landing-page-ad-plan-custom-basic p {
    color: rgba(0, 0, 0, 0.38);
    padding: 0 10px 0 5px;
}

.landing-page-ad-proc-button {
    background: #EEEEEE;
    height: 32px;
    width: 36px;
    border-radius: 2px;
    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;
}

.landing-page-ad-proc-button:hover {
    background: rgba(0, 0, 0, 0.38);
}

.landing-page-order-overview {
    padding: 0 50px 0 30px;
}

.landing-page-order-list-section {
    padding-bottom: 30px;
}

.first-range-slider-value,
.second-range-slider-value {
    width: 50px;
    height: 29px;
    border-radius: 3px;
    font-size: 12px;
    font-family: Montserrat-semiBold;
    color: rgba(0, 0, 0, 0.38);
    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;
    z-index: 2;
}

.first-range-slider-value {
    width: 30px;
}

.chosen-value {
    background: #FF8200;
    color: #FFFFFF;
}

.second-range-rotate-square,
.first-range-rotate-square {
    width: 13px;
    height: 13px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    border-radius: 1px;
    position: relative;
    left: 5px;
}

.triangles,
.second-triangles {
    width: 180px;
    padding-right: 10px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    top: 10px;
}

.second-triangles {
    width: 180px;
}

.landing-page-additional-features-sub-features {
    width: 996px;
    padding-right: 0;
}

.additional-features-sub-features-select-and-price,
.additional-features-sub-features-title {
    font-family: Montserrat-medium;
    font-size: 15px;
    font-weight: 500;
}

.additional-features-sub-features-title {
    width: 740px;
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#start {
    width: 80%;
    font-family: Montserrat-medium;
    font-size: 14px;
}

.datepicker-icon-div {
    width: 20%;
    height: 32px;
    margin: 20px 0;
    border-bottom: 1px solid #ddd;
}

.date-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

/*Admin page.*/

.admin-page-logo-and-logout {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 76px 39px 79px;
}

.admin-page-logo-and-logout a:not(.logout) {
    height: 117px;
    width: 175px;
    margin-left: 20px;
    margin-top: 50px;
}

.admin-page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.admin-page-logo-and-logout {
    width: 100%;
    padding: 39px 79px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.admin-page-logo-and-logout a {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.admin-page-login-information,
.admin-page-plan-codes-wrapper {
    font-family: Montserrat;
    color: #004043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 781px;
    height: 565px;
}

.admin-page-login-information form {
    margin-top: 50px;
    width: 472px;
}

.admin-page-login-information form input[type="text"],
.admin-page-login-information form input[type="email"],
.admin-page-login-information form input[type="password"] {
    font-family: Montserrat;
    color: #004043;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
}

.admin-page-login-information form button {
    padding-right: 55px;
}

.admin-page-content h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 52px;
    font-family: Montserrat;
}

.admin-page-login-information-buttons,
.admin-page-login-information-buttons div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.admin-page-plan-codes-button-wrapper div,
.admin-page-login-information-buttons div {
    height: 58px;
    width: 124px;
    margin-right: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F5F6F6;
    font-family: Montserrat-semiBold;
}

.admin-page-login-information form label {
    font-family: Montserrat-Medium;
    padding-left: 20px;
    color: #212121;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    font-weight: 500;
}

.admin-page-login-information form input,
.admin-page-login-information form button,
.admin-page-plan-row input {
    width: 100%;
    height: 58px;
    margin: 15px 0 0px 0;
    border: 2px solid #ECECEC;
    padding: 10px 20px;
}

.admin-page-plan-row input {
    text-align: center;
}

.admin-page-login-information-buttons div,
.admin-page-plan-codes-button-wrapper div,
.admin-page-login-information form input,
.admin-page-login-information form button,
.admin-page-plan-codes-button-wrapper button,
.admin-page-plan-codes-wrapper button:not(.slick-next, .slick-prev) {
    border-radius: 5px;
}
.admin-page-plan-row input{
    border-radius: 1px;
}

.adminPwLabel {
    margin-top: 20px;
    margin-bottom: 15px;
    display: block;
}

.admin-page-login-information .passwordLogin input {
    margin-top: 0;
}

.admin-page-eye-icon:hover,
.slider,
.on {
    cursor: pointer;
}

.admin-page-login-information form button,
.admin-page-plan-codes-wrapper button:not(.slick-next, .slick-prev) {
    background: #F5F6F6;
    color: #2C978F;
    border: none;
    margin-top: 13px;
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 19px;
}

#tableSetupSubmitButton{
    background: #E9EEEE;
}
#tableSetupSubmitButton:hover{
    color: #DEE8E6;
    background: #004043;
}
.admin-page-login-information-buttons div:hover,
.admin-page-login-information form button:hover,
.slick-track div:hover,
.admin-page-plan-codes-button-wrapper button:hover,
.admin-page-plan-codes-wrapper button:not(.slick-next, .slick-prev):hover {
    color: #DEE8E6;
    background: #004043;
    cursor: pointer;
}

.admin-page-eye-icon .admin-page-plan-codes-wrapper {
    margin: 0 0 69px 0;
}

.admin-page-plan-codes-header-wrapper,
.toggle-switch,
.admin-page-plan-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.toggle-switch p {
    font-size: 20px;
    line-height: 24px;
    padding-top: 7px;
    font-family: Montserrat-semiBold;
}

.toggle-switch.toggleOff .on {
    opacity: 0;
    visibility: hidden;
}

.toggle-switch.toggleOff .off {
    opacity: 1;
    visibility: visible;
}

.toggle-switch.toggleOff .slider {
    background: #eee;
    border-color: #ccc;
}

.toggle-switch.toggleOff .slider:before {
    background: #ccc;
}

.off {
    color: #ccc;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    right: 0px;
    font-size: 15px;
    font-family: Verdana, sans-serif;
    opacity: 0;
    visibility: hidden;
}

/*Switch button.*/
.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 36px;
    margin-left: 19px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #DEE8E6;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border: 2px solid #2C978F;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    right: 5px;
    bottom: 4px;
    background-color: #2C978F;
}

input:checked+.slider {
    background-color: #DEE8E6;
}

input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2C978F;
    box-shadow: 0 0 1px #2C978F;
}

input:checked+.slider:before {
    -webkit-transform: translateX(-42px);
    -ms-transform: translateX(-42px);
    transform: translateX(-42px);
}

.on {
    color: #2C978F;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 22px;
    font-size: 15px;
    font-family: Verdana, sans-serif;
}

.switch:hover .on,
.switch:hover .round {
    border-color: #004043;
    color: #004043;
}

.switch:hover .slider.round:before {
    background: #004043;
}

input:checked+.slider .on {
    display: block;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.admin-page-plan-codes-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
}

.admin-page-plan-codes-button-wrapper div {
    height: 58px;
    background: #F5F6F6;
    font-weight: 600;
    padding: 20px 0;
    width: auto;
}

.admin-page-arrow-button {
    width: 58px;
    padding: 0;
}
.admin-page-plan-row{
    margin-top: 15px;
    user-select: none;
}
.admin-page-plan-row div{
    display: flex;
    align-items: center;
}

.admin-page-plan-row input {
    width: 132px;
    height: 56px;
    color: #024042;
    font-family: Montserrat-medium;
    margin-top: 0;
}

.admin-page-plan-row h4,
.admin-page-plan-row input {
    font-size: 18px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.admin-page-footer {
    font-family: Montserrat-semiBold;
    font-size: 16px;
    font-weight: 500;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 120px 0 70px 0;
}

.admin-page-plan-codes-wrapper {
    height: auto;
}

.admin-page-logo-and-logout svg path {
    fill: #004043;
}

.slick-list,
.slick-track {
    background: white !important;
    padding: 0 !important;
}

.admin-page-plan-codes-button-wrapper button {
    background: #2C978F;
    border: none;
}

.slick-disabled {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
}

.slick-arrow svg polygon {
    fill: #DEE8E6;
}

.slick-prev,
.slick-next {
    width: 58px !important;
    height: 58px !important;
    z-index: 2 !important;
    position: absolute !important;
    top: 0;
}

.slick-next {
    right: 0 !important;
}

.slick-list {
    width: 100% !important;
    margin-right: 0 !important;
}

.slick-slide {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.admin-page-plan-codes-wrapper button:not(.slick-next, .slick-prev) {
    width: 60%;
    height: 58px;
    margin-top: 80px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.admin-page-login-form-button.active-button,
.admin-page-plan-button.active-button {
    background: #004043;
    color: #DEE8E6;
}

.admin-page-login-information-buttons div:hover,
.slick-track div:hover {
    background: #2C978F;
}

.admin-page-eye-icon,
.password-eye-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.prevArrowWhiteBorder,
.nextArrowWhiteBorder {
    width: 68px !important;
    height: 58px !important;
    z-index: 2 !important;
    position: absolute !important;
    background: white !important;
    border-radius: 0 !important;
}

.nextArrowWhiteBorder {
    left: calc(100% - 68px) !important;
}

.prevArrowWhiteBorder {
    left: 0;
    width: 0 !important;
}

.slick-arrow {
    margin: 0;
}

#admin-page-submit img {
    margin: 0 16px 2px 0;
}

.landing-page-order-submit-button a {
    text-decoration: none;
    color: #fff;
    font-family: Montserrat;
}

.submit-pop-up-address {
    display: block;
    width: 470px;
    margin: 50px auto;
}

.submit-pop-up-address label {
    margin-bottom: 15px;
    margin-left: 20px;
    display: block;
    font-family: Montserrat-medium;
    color: #212121;
    line-height: 19px;
    font-size: 16px;
}

.submit-pop-up-address input {
    padding-left: 15px;
    width: 100%;
    height: 65px;
    border: 1.5px solid #DEE8E6;
    color: #004043;
    font-family: Montserrat-medium;
    line-height: 19px;
    font-size: 16px;
    border-radius: 6px;
}

.success-page-message {
    background-color: #E6F2F5;
    border-radius: 5px;
    padding: 40px 20px;
    margin-bottom: 40px;
}

.success-page-message h1 {
    color: #004043;
    font-family: Montserrat-medium;
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: center;

}

.page-template-template-sucesspage .landing-page-order-overview {
    padding-top: 0px;
}

.page-template-template-sucesspage .landing-page-order-overview {
    margin-top: 0px;
}

.plan-feature-pop-up-video {
    width: 630px;
    height: 354px;
    margin: 50px auto;
}

.plan-feature-pop-up-video iframe {
    width: 100%;
    height: 100%;
}

.secondary-slider {
    margin-top: 15px;
}

.first-plan-header,
.third-plan-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.plan-feature-first-plan.last,
.plan-feature-third-plan.last {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border: 2px solid #2C978F;
}

.primary-slider li {
    border-radius: 4px;
}

.secondary-slider li {
    border-radius: 4px;
}


.splide--nav>.splide__track>.splide__list>.splide__slide {
    border: unset;
}

.inactive-element {
    display: none;
}

.datepicker-panel,
.datepicker-panel ul,
.datepicker-panel li {
    font-family: Montserrat-medium;
}

#selected-ad-plan-order .landing-page-order-list-price-and-amount {
    width: 41%;
}

#selected-ad-plan-order .landing-page-order-list-price-and-amount:first-child {
    margin-right: 0;
}

/*--------------*/
/*<1040px screen.*/
/*--------------*/

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

    .landing-page-main-plan,
    .landing-page-ad-select,
    .landing-page-order-overview {
        margin: 20px auto;
    }

    .landing-page-ad-select {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }

    body {
        width: 100%;
    }

    .landing-page-mani-plan-grid,
    .landing-page-additional-features {
        width: 740px;
    }

    .landing-page-main-plan {}

    .landing-page-mani-plan-grid {
        margin-right: 0;
    }

    .landing-page-additional-features-wrapper,
    .landing-page-featured-video-wrapper {
        width: 100%;
    }

    .landing-page-additional-features-wrapper,
    .landing-page-main-plan {
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .landing-page-main-plan h1 {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .landing-page-additional-features {
        margin: 0 15px 0 15px;
        padding: 80px 0;
        -ms-grid-column-align: center;
        justify-self: center;
    }

    .landing-page-additional-features-grid {
        -ms-grid-columns: 4fr 20px 4fr 20px 4fr;
        grid-template-columns: 4fr 4fr 4fr;
        width: 745px;
    }

    .landing-page-featured-video-wrapper h1 {
        position: relative;
        top: 0;
        left: calc(50% - 365px);
    }

    .landing-page-main-plan h1 {
        margin-left: 8px;
        z-index: 3;
    }
}

@media (max-width: 920px) {

    .landing-page-main-plan,
    .landing-page-ad-select,
    .landing-page-order-overview {
        width: 100%
    }
}

/*--------------*/
/*<870px screen.*/
/*--------------*/

@media screen and (max-width: 870px) {
    .homepage-hero-main-text h1 {
        font-weight: 200;
        white-space: unset;
        width: 600px;
        text-align: center;
    }

    .landing-page-main-plan,
    .landing-page-additional-features,
    .landing-page-additional-features-single,
    .landing-page-additional-features-single img {
        width: 100%;
    }

    .landing-page-additional-features-single {
        height: auto;
    }

    .landing-page-mani-plan-grid {
        width: 620px;
    }

    .landing-page-logo {
        left: -80px;
    }

    .landing-page-main-header {
        left: 20px;
    }

    .landing-page-hero-video-and-exit {
        right: 20px;
    }

    .landing-page-additional-features-grid {
        -ms-grid-columns: 6fr 20px 6fr;
        grid-template-columns: 6fr 6fr;
        width: 460px;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .landing-page-additional-features {
        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;
    }

    .landing-page-additional-features-sub-features,
    .single-additional-sub-feature {
        width: 100%;
    }
}

@media screen and (max-width: 810px) {
    .landing-page-ad-select {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        height: auto;
        justify-items: center;
    }

    .landing-page-additional-features {
        padding: 40px 0;
    }

}

/*--------------*/
/*<640px screen.*/
/*--------------*/


@media screen and (max-width: 800px) {
    .submit-pop-up-address {
        width: 100%;
    }

    .homepage-hero-main-text h1 {
        width: 440px;
        font-size: 20px;
        line-height: 25px;

    }

    body {
        background: #F5F6F6;
        overflow: hidden;
    }

    .landing-page-hero,
    .landing-page-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .landing-page-wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    }

    .close-homepage-video {
        height: 38px;
        width: 38px;
        top: 60px;
        right: 20px;

    }

    .landing-page-logo {
        height: 38px;
        width: 110px;
        left: -80px;
        top: -10px;
    }

    .landing-page-hero {
        height: 280px;
    }

    .landing-page-hero-main-img {
        width: 150%;
    }

    .landing-page-hero-video-and-exit {
        width: 66px;
        top: 72px;
        right: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .landing-page-hero-video img,
    .landing-page-hero-exit img {
        height: 24px;
        width: 24px;
    }

    .landing-page-hero-video {
        margin-right: 0;
    }

    .landing-page-ad-select {
        margin: 0px;
        padding: 20px;
    }

    .landing-page-main-header {
        height: 42px;
        font-size: 20px;
        top: 127px;
        left: 20px;
    }

    .lading-page-hero-skewed-div {
        height: 90px;
        border-top: solid #2C978F 5px;
        -webkit-transform: skew(0deg, 7deg);
        -ms-transform: skew(0deg, 7deg);
        transform: skew(0deg, 7deg);
        bottom: -45px;
        background: #F5F6F6;
    }

    .landing-page-main-plan {
        padding: 10px 20px 0 20px;
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    .landing-page-main-plan h1 {
        margin-left: 0;
        font-size: 20px;
        margin-bottom: 20px;
        position: absolute;
        top: 280px;
        z-index: 3;
    }

    .landing-page-mani-plan-grid {
        margin: 10px 0 10px 0;
        width: 100%;
        height: 620px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        border-radius: 3px;
        font-size: 14px;
    }

    .plan-feature-name {
        font-size: 14px;
        text-align: left;
    }

    .first-plan-header,
    .second-plan-header,
    .third-plan-header {
        position: relative;
        z-index: 5;
        width: calc(100% / 3);
        height: 66px;
        padding-right: 10px;
        padding-left: 10px;
        border-radius: 3px 3px 0 0;
    }

    .first-plan-header p,
    .second-plan-header p,
    .third-plan-header p {
        font-size: 14px;
    }

    .second-plan-header,
    .third-plan-header {
        background: inherit;
    }

    .plan-feature-first-plan.last,
    .plan-feature-second-plan.last,
    .plan-feature-third-plan.last {
        border-radius: 0 0 3px 0;
    }

    .last-feature-name {
        border-radius: 0 0 0 3px;
    }

    .third-plan-header {}

    .plan-feature-name-wrapper {
        width: 60%;
        background: white;
        padding-left: 22px !important;
    }

    .plan-feature-first-plan,
    .plan-feature-second-plan,
    .plan-feature-third-plan {
        width: 40%;
        font-size: 14px;
        background: white;
    }

    .plan-feature-second-plan,
    .plan-feature-third-plan {
        position: absolute;
        z-index: -3;
    }

    .active-plan-header {
        background: white;
    }

    .active-feature-plan {
        position: initial;
        z-index: 3;
        display: initial;
        visibility: unset;
    }

    .inactive-feature-plan {
        position: absolute;
        top: 30px;
        z-index: -5;
        visibility: hidden;
    }

    .gap {
        width: 100%;
        position: absolute;
        z-index: -1;
        background: #F5F6F6;
        left: 0;
    }

    .first-plan-select,
    .second-plan-select,
    .third-plan-select {
        width: 100%;
        padding: 0 !important;
    }

    .first-plan-select label,
    .second-plan-select label,
    .third-plan-select label,
    .first-plan-select label span,
    .second-plan-select label span,
    .third-plan-select label span {
        width: 100%;
        font-size: 15px;
    }

    .first-plan-select {
        position: relative;
    }

    .second-plan-select {
        position: relative;
        top: -76px;
        z-index: -1;
    }

    .third-plan-select {
        position: relative;
        top: -151px;
        z-index: -1;
    }

    .active-plan-select-button {
        z-index: 2;
    }

    .inactive-plan-select-button {
        z-index: -1;
    }

    .landing-page-additional-features-wrapper,
    .landing-page-additional-features {
        width: 100%;
    }

    .landing-page-additional-features-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 20px;
        justify-items: center;
    }

    .landing-page-additional-features h1 {
        font-size: 20px;
        width: 90%;
        margin: 0 20px 40px 20px;
    }

    .landing-page-additional-features-single img {
        width: 100%;
        height: auto;
    }

    .landing-page-additional-features-wrapper {
        padding: 0;
        margin-bottom: 30px;
    }

    .landing-page-additional-features-single {
        width: 100%;
        padding: 20px 20px 0 20px;
        overflow: hidden;
        position: relative;
    }

    .landing-page-feature-buttons-dim {
        padding: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .landing-page-additional-features-sub-features-selected,
    .landing-page-additional-features-sub-features,
    .single-additional-sub-feature,
    .additional-features-sub-features-title,
    .additional-features-sub-features-select-and-price {
        width: 100%;
    }

    .landing-page-additional-features-sub-features-selected {
        padding: 0 20px;
    }

    .single-additional-sub-feature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        grid-gap: 10px;
    }

    .additional-features-sub-features-select-and-price {
        display: none;
        height: 66px;
    }

    .single-additional-sub-feature {
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    .additional-features-sub-features-select-and-price.active-feature-plan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .landing-page-featured-video-wrapper,
    .landing-page-featured-video,
    .plan-feature-pop-up-video,
    .plan-feature-pop-up-video {
        width: 100%;
        height: 100%;
    }

    .plan-feature-pop-up-video {
        height: auto;
        margin: 30px auto;
    }

    .vp-placeholder {
        margin: 0;
    }

    .landing-page-featured-video {
        margin: 0;
    }

    .landing-page-featured-video-wrapper {
        padding: 20px;
    }

    .landing-page-featured-video-wrapper h1 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 30px;
    }

    .landing-page-featured-video-wrapper .landing-page-featured-video {
        width: 100%;
        max-height: 620px;
        margin: 0;
    }

    .landing-page-ad-select-wrapper,
    .landing-page-order-overview,
    .landing-page-ad-select {
        width: 100%;
        height: auto;
    }

    .landing-page-ad-select-wrapper {
        padding: 20px 0;
    }

    .landing-page-order-overview {
        padding: 0 20px;
        margin-top: 0;
    }

    .landing-page-ad-select {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .landing-page-order-overview h1 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .landing-page-order-overview p,
    .landing-page-order-list-section-extra input {
        font-size: 16px;
    }

    .landing-page-order-list-section h2,
    .landing-page-order-footer {
        font-size: 14px;
    }

    .landing-page-order-list-selection p {
        word-break: break-word;
        white-space: normal;
        width: 100%;
    }

    .landing-page-order-list-price-and-amount,
    #selected-ad-plan-order .landing-page-order-list-price-and-amount {
        width: 100%;
    }

    .landing-page-order-list-price-and-amount p {
        text-align: right;
    }

    .landing-page-order-list-section-extra p {
        padding-bottom: 40px;
    }

    .landing-page-order-list-section-extra input {
        width: 107px;
        height: 53px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        justify-self: flex-end;
    }

    .landing-page-order-footer {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .landing-page-featured-video {
        height: calc(56.25vw) !important;
    }

    .additional-features-sub-features-title.open {
        background: #2C978F;
        color: #fff;
    }

    .landing-page-additional-features-button {
        padding-right: 27px;
        padding-left: 15px;
    }

    .additional-features-sub-features-select-and-price {
        padding-right: 22px;
    }

    .landing-page-order-list-section {
        border-bottom: 1px solid #ddd;
    }

    .splide__list {
        width: auto;
    }

    .primary-slider li {
        width: 100%;
        height: 50vw;
    }

    .secondary-slider li {
        width: 80px;
        height: auto;
        margin-right: 0;
    }

    .icv__circle {
        width: 50px !important;
        height: 50px !important;
    }

    .icv__arrow-wrapper {
        width: 45%;
    }

    .icv__arrows {
        height: 100%;
        width: 100%;
    }

    .splide-slide {
        border-radius: 10px;
    }

    /*Admin page.*/

    .admin-page-logo-and-logout a {
        /*width: 118px;*/
        /*height: 79px;*/
        height: auto
        margin: 0px;
    }

    .admin-page-logo-and-logout .logoutPreview #previewLink{
        min-width: 110px;
        margin-right: 30px
    }

    .admin-page-logo-and-logout {
        padding: 70px 20px 0 20px;
    }

    .admin-page-logo-and-logout .logout {
        margin-bottom: 60px;
        right: 18px;
        margin-top: 60px;
    }

    .admin-page-content,
    .admin-page-login-information {
        width: 100%;
        padding: 0 20px;
    }

    .admin-page-login-information {
        padding: 40px 33px 20px 33px;
        border-radius: 5px;
        height: auto;
        background: #FFFFFF;
    }

    .admin-page-login-information form {
        width: 100%;
        margin-top: 0;
    }

    .admin-page-login-information h2 {
        font-size: 20px;
        margin-bottom: 40px;
        font-family: Montserrat-semiBold;
    }

    .admin-page-footer {
        font-size: 14px;
        margin: 60px 0 30px 0;
    }

    #admin-page-password {
        margin-bottom: 0;
    }

    #admin-page-submit {
        margin-top: 10px;
    }

    .admin-page-plan-codes-wrapper,
    .admin-page-plan-codes-header-wrapper {
        width: 100%;
        overflow: hidden;
    }

    .admin-page-plan-codes-wrapper {
        margin-top: 120px;
    }

    .switch {
        margin: 0 0 30px 20px;
    }

    .admin-page-plan-codes-header-wrapper h2 {
        margin: 5px auto 50px 0;
        font-size: 20px;
        width: 50%;
    }

    .admin-page-plan-codes-header-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .slick-track,
    .slick-arrow {
        background: #F5F6F6 !important;
    }

    .admin-page-plan-codes-button-wrapper {
        margin-bottom: 40px;
        width: 100%;
    }

    .admin-page-plan-codes-button-wrapper div {
        background: white;
    }

    .admin-page-login-information-buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .admin-page-login-information-buttons div {
        margin: 0;
        width: calc(95% / 3);
        font-size: 16px;
    }

    #admin-page-plans-submit {
        width: 100%;
        margin-top: 40px;
    }

    #admin-page-email,
    #admin-page-login,
    #admin-page-password {
        height: 55px;
        font-size: 14px;
    }

    .toggle-switch {
        width: 100%;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .toggle-switch p {
        font-size: 16px;
    }

    .admin-page-plan-row input {
        width: 107px;
        height: 53px;
    }

    .admin-page-plan-row h4,
    .admin-page-plan-row input,
    .admin-page-login-information-buttons div {
        font-size: 16px;
    }

    .prevArrowWhiteBorder {
        left: 0;
    }

    .slick-track {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .admin-page-plan-codes-button-wrapper div {
        width: auto;
    }

    .slick-next,
    .slick-prev {
        width: 30px !important;
    }

    .prevArrowWhiteBorder,
    .nextArrowWhiteBorder {
        width: 35px !important;
    }

    .nextArrowWhiteBorder {
        left: calc(100% - 35px) !important;
    }

    .plan-feature-pop-up-wrapper {
        padding: 20px;
        height: 100%;
    }

    .plan-feature-pop-up {
        width: calc(100% - 40px);
        padding: 25px;
    }

    .plan-feature-pop-up p {
        width: 100%;
    }

    .plan-feature-pop-up h1 {
        width: 70%;
        text-align: left;
        position: initial;
    }

    .plan-feature-pop-up-header {
        width: auto;
    }

    .landing-page-featured-video-wrapper h1 {
        position: initial;
    }

    .landing-page-additional-features-grid {
        width: initial;
    }

    .landing-page-order-list-amount {
        margin-right: 0;
    }
}

@media screen and (max-width: 440px) {
    .landing-page-ad-plan {
        width: 100%;
    }

    .landing-page-ad-select-and-info label {
        width: auto;
    }

    .landing-page-ad-info-button {
        width: auto;
    }

    .landing-page-ad-plan-price input {
        width: 100%;
    }

    .landing-page-order-submit-button {
        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;
        width: 100%;
    }

    .homepage-hero-main-text h1 {
        width: 320px;
    }
}

/* login pages */

.admin-page-logo-and-logout.gray-background {
    padding: 0 30px;
}

body.page-template-template-login-admin,
body.page-template-template-login-user {
    background-color: #F5F6F6;
}

.landing-page-order-overview.login-page {
    margin-top: 0px;
    padding: 0;
}

.landing-page-order-overview.login-page h2 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 40px;
}

.admin-page-login-information.login-page {
    width: unset;
    height: unset;
}

.admin-page-login-information.login-page form {
    margin: 50px auto;
}

.admin-page-login-information.login-page form button {
    width: 250px;
    margin: 0px auto;
    display: block;
    color: #2C978F;
    background-color: #F5F6F6;
}

.admin-page-login-information.login-page form button:hover {
    background-color: #2C978F;
    color: #fff;
}

.landing-page-order-overview.login-page-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.login-footer-admin {
    color: #999999;
    font-family: Montserrat;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: none;
}

.passwordLogin {
    position: relative;
}

body.page-template.page-template-template-user-login.page-template-template-user-login-php.page.page-id-22 .login-footer-by {
    color: #212121;
    font-family: Montserrat;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 21px;
    text-align: right;
}

.user .login-footer-admin {
    color: #999999;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
}

.user .login-footer-by,
.login-footer-to-admin-login a {
    color: #212121;
    font-size: 16px;
    line-height: 21px;
    font-family: Montserrat-medium;
    text-decoration: none;
}

.login-page-content {
    background-color: #fff;
}

.splide__track .splide__list {
    width: 100%;
}

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

    .landing-page-order-overview.login-page,
    .landing-page-order-overview.login-page-footer {
        width: 100%;
        padding: 20px;
    }

}

@media screen and (max-width: 800px) {
    .landing-page-order-overview.login-page-footer {
        -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;
        gap: 48px;
        padding-top: 28px;
    }

    .admin-page-login-information.login-page form button {
        width: 100%;
    }

    .landing-page-order-overview.login-page h2 {
        font-size: 20px;
        line-height: 27px;
    }

    .admin-page-login-information form label {
        font-size: 14px;
        line-height: 18px;
    }
}

form.price-list {
    text-align: center;
}

.admin-page-login-information .forms-wrapper form:not(.active),
.admin-page-plan-codes-wrapper .tabs-wrapper .tab:not(.active) {
    display: none;
}

form.hide-prices .first-plan-select,
form.hide-prices .second-plan-select,
form.hide-prices .third-plan-select,
form.hide-prices .additional-features-sub-features-select-and-price {
    display: none;
}

form.hide-prices .additional-features-sub-features-title {
    width: 100%;
}

form.hide-prices .single-additional-sub-feature {
    -ms-grid-columns: 4fr;
    grid-template-columns: 4fr;
}

.icv__theme-wrapper {
    pointer-events: none;
}

body.page-template.page-template-template-user-login.page-template-template-user-login-php.page.page-id-22,
body.page-template.page-template-template-admin-login.page-template-template-admin-login-php.page.page-id-20 {
    background-color: #f5f6f6;
}

.login-page-content {
    border-radius: 6px;
}

.admin-page-login-information.login-page h2 {
    color: #004043;
    font-family: Montserrat-SemiBold;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 38px;
}

label.log-cred {
    color: #212121;
    font-size: 16px;
    font-weight: 500 !important;
    letter-spacing: 0;
    line-height: 19px;
}

.login-footer-to-admin-login a {
    color: #212121;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 21px;
}

.plan-feature-pop-up-header h1 {
    color: #004043;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 29px;
}

.login-footer-to-admin-login div {
    background-image: url("/wp-content/themes/webstrum/assets/images/arrow_left_admin.svg");
    height: 22px;
    width: 27px;
    background-size: cover;
    float: left;
    margin-right: 10px;
}

.admin-page-submit-active {
    background: #2C978F !important;
    color: #fff !important;
}

.additional-features-sub-features-price {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

.admin-page-login-information form .login-error,
.admin-page-login-information form .logout-success {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.admin-page-login-information form .login-error {
    color: red;
    margin-top: 20px;
}

.admin-page-login-information form .logout-success {
    color: green;
    margin-top: 20px;
}

#start {
    border-radius: unset;
}

@media screen and (max-width: 800px) {
    .admin-page-login-information.login-page h2 {
        font-size: 20px;
        line-height: 25px;
        padding-right: 23px;
    }

    .admin-page-logo-and-logout img {
        width: 118px;
        height: auto;
        /*position: absolute;*/
        /*left: 20px;*/
        /*top: 70px;*/
    }
    .admin-page-logo-and-logout a:not(.logout){
        margin-left: 0px;
        height: auto;
        margin-top: 0;
    }

    .admin-page-logo-and-logout {
        height: 155px;
    }

    .admin-page-login-information.login-page form {
        margin: 0 0 21px 0;
    }

    .admin-page-login-information.login-page form label {
        padding-left: 15px;
    }

    #admin-page-submit,
    .admin-page-login-information.login-page form input {
        height: 54px;
    }

    .landing-page-additional-features-button {
        height: 56px;
    }

    .additional-features-sub-features-title,
    .additional-features-sub-features-select-and-price {
        height: 56px;
    }

    .landing-page-order-overview.login-page h2 {
        margin-bottom: 30px;
    }

    #password-input {
        margin-bottom: 5px;
    }

    .landing-page-order-overview.login-page {
        margin-bottom: 0;
    }
}

/*Safari rules*/

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

html,
body {
    overflow-x: hidden;
}

.addNewRowBlock{
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}
#addEkstraRow{
    max-width: 565px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #2C978F;
    background: #fff;
    border-radius: 4px;
    height: 60px;
    text-decoration: none;
}
#addEkstraRow:hover{
    background: #2C978F;
}
#addEkstraRow:hover svg{
    fill: #fff;
}
#addEkstraRow:hover span{
    color: #fff;
}
#addEkstraRow svg{
    width: 24px;
    height: 24px;
    fill: #2C978F;
}
#addEkstraRow span{
    color: #2C978F;
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
}
#productModal .plan-feature-pop-up{
    cursor: default;
}
.ekstraProductFields{
    display: flex;
    flex-direction: column;
}
.ekstraProductFields.addingProduct button{
    pointer-events: none;
    cursor: default;
    margin-bottom: 10px;
}
.removeSingleRow svg{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.newProductName{
    background: #fff;
    padding: 10px 20px;
    width: 100%;
    font-size: 16px;
    color: #004043;
    font-family: Montserrat;
    font-weight: 500;
    border: 2px solid #ECECEC;
    height: 58px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.ekstraProductFields button{
    color: #DEE8E6;
    background: #2C978F;
    cursor: pointer;
    border: none;
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 19px;
    border-radius: 5px;
    height: 58px;
    width: 100%;
    padding: 10px 20px;
}
.ekstraProductFields button:hover{
    background: #004043;
}
.removeProductButtons{
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}
.removeProductButtons div{
    width: 50%;
}
.buttonRemoveProduct{
    color: #DEE8E6;
    background: #2C978F;
    cursor: pointer;
    border: none;
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 19px;
    border-radius: 5px;
    height: 48px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.buttonRemoveProduct:hover{
    background: #004043;
}
.removeProductButtons .plan-feature-pop-up-close{
    margin-bottom: 0;
    margin-left: 10px;
}

.frontTableAdminWrap{
    background: #F5F6F6;
    width: 100%;
    margin-top: 60px;
    padding-top: 60px;
    position: relative;
}
.frontTableAdminWrap h2{
    margin-bottom: 40px;
}
.frontTableAdminWrap .container{
    max-width: 901px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
}
.frontTableAdminWrap.table-edit-on .adminEditOverlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #212121;
    opacity: 0.33;
}
.frontTableAdminWrap .container .admin-page-footer{
    text-align: center;
}
.singleRow__name{
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    font-size: 16px;
    font-family: Montserrat-medium;
    color: rgba(0,0,0,0.87);
}
.additionalPlansTab .singleRow{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 14px;
}
.additionalPlansTab .singleRow .singleRow__name{
    text-align: left;
}
.singleRow{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.singleRow.singleRow--disabled .singleRow__name{
    color: #888888;
}
.singleRow.singleRow--disabled .singleOption .singleOption__value:after{
    background-image: url('../images/checkmark--outline--grey.svg') !important;
}
.singleRow.singleRow--disabled .singleOption--ikke .singleOption__value:after{
    background-color: #888 !important;
}
.singleRow.singleRow--disabled .singleOption .singleOption__value{
    color: #888 !important;
}
.singleRow.singleRow--disabled .singleOptionEye:before, .admin-page-plan-row.row--disabled .mainPackageEye:before {
    background-image: url('../images/view--off.svg') !important;
}

.admin-page-plan-row.row--disabled > input, .admin-page-plan-row.row--disabled > div > input{
    pointer-events: none;
    background: #eee;
}
.singleRow.singleRow--disabled .singleOption__value input{
    color: #888 !important;
}
.singleRow__options{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.singleRow__options{
    position: relative;
}
.singleOption{
    width: 130px;
    min-width: 130px;
    height: 54px;
    border: 2px solid #ECECEC;
    border-radius: 1px;
    margin: 5px;
    background: #fff;
    cursor: pointer;
}
.singleOption.singleOption--include .singleOption__value:before, .singleOption.singleOption--ikke .singleOption__value:before{
    background: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}
.singleOption.singleOption--include .singleOption__value:after{
    background-image: url('../images/checkmark--outline.svg');
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: block;
}
.singleOption.singleOption--ikke .singleOption__value:after{
    background: #024042;
    width: 26px;
    height: 1.5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: block;
}
.singleOption--active .singleOption__select{
    opacity: 1;
    visibility: visible;
}
.singleOption__value{
    color: #024042;
    font-size: 18px;
    font-family: Montserrat-medium;
    width: 100%;
    height: 100%;
    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;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
}
.singleOption__value input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ECECEC;
    border-radius: 1px;
    text-align: center;
    padding: 18px 0 16px;
    font-family: Montserrat-medium;
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
}
.singleOption.singleOption--text .singleOption__value input{
    opacity: 1;
    visibility: visible;
    color: #024042;
}
.singleOption__select{
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.singleOption__select__option{
    width: 100%;
    height: 56px;
    background: #fff;
    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;
    padding: 0 24px 0 40px;
    font-family: Montserrat-medium;
    color: #024042;
    border-bottom: none;
    border-top: none;
}
.singleOption__select__option:hover{
    background: #2C978F;
    color: #fff;
}
.singleOption__select__option.singleOption__select__option--selected{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-56px);
        -ms-transform: translateY(-56px);
            transform: translateY(-56px);
    border-bottom: 2px solid #ECECEC;
}

.singleOptionEye, .removeSingleRow, .mainPackageEye{
    border: 2px solid #ECECEC;
    width: 71px;
    height: 56px;
    min-width: 71px;
    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;
    border-radius: 1px;
    background: #fff;
    cursor: pointer;
    margin-left: 5px;
}
.singleOptionEye:before, .mainPackageEye:before {
    content: "";
    display: block;
    background-image: url('../images/view.svg');
    width: 24px;
    height: 24px;
    background-size: contain;
}

@media (max-width: 920px){

    .admin-page-plan-row h4{
        text-align: left;
        word-break: break-word;
        padding-right: 5px;
    }
    .toggle-switch{
        width: auto;
    }
    .adminRowSeparate{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .adminRowSeparate .toggleOff{
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        width: auto;
    }
    .adminRowSeparate .switch{
        margin-bottom: 0;
    }
    .admin-page-plan-row input{
        min-width: 90px;
        width: 90px;
    }
    .addNewRowBlock {
        margin-bottom: 10px
    }
    .singleRow{
        margin-bottom: 25px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column
    }
    .singleRow__options{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        margin-top: 10px
    }
    .singleRow__name{
        min-width: 100%;
        width: 100%;
    }
    .singleOption{
        min-width: 100%;
        width: 100%;
        margin: 0 0 10px;
    }
    .singleOptionEye, .removeSingleRow{
        width: 100%;
        min-width: 100%;
        margin-bottom: 10px
    }
    .tableEditWrap .admin-page-plan-codes-wrapper{
        margin-top: 0;
    }
    #tableSetupSubmitButton{
        margin-top: 0;
        width: 100%;
    }
    .admin-page-plan-codes-header-wrapper h2{
        text-align: left;
        margin-bottom: 30px
    }
    .admin-page-plan-codes-wrapper button:not(.slick-next, .slick-prev){
        background: #E9EEEE;
        color: #2C978F;
    }
    .admin-page-plan-codes-button-wrapper .prevArrowWhiteBorder button{
        left: 0
    }
    .admin-page-plan-codes-header-wrapper{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
    }
    .additionalPlansTab .singleRow{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }
    .additionalPlansTab .singleRow__name{
        min-width: 160px;
        width: 160px;
    }
    .additionalPlansTab .singleRow__options{
        width: auto;
    }
    .additionalPlansTab .singleOptionEye, .additionalPlansTab .removeSingleRow{
        width: 80px;
        min-width: 80px;
        margin-bottom: 0;
    }
}

.additionalPlansTab .adminEditInputTable{
    opacity: 1;
    visibility: visible;
    position: relative;
    margin-top: 0;
    margin-right: 15px;
    padding: 15px 0;
}