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

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

@font-face {
    font-family: 'Goldplay';
    src: url('../fonts/Goldplay-SemiBold.woff2') format('woff2'), url('../fonts/Goldplay-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Goldplay';
    src: url('../fonts/Goldplay-Black.woff2') format('woff2'), url('../fonts/Goldplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

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

@font-face {
    font-family: 'Goldplay';
    src: url('../fonts/Goldplay-Bold.woff2') format('woff2'), url('../fonts/Goldplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

html,
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #231F20;
}

a,
a:link,
a:visited {
    outline: none;
    text-decoration: none;
}

img {
    border: none;
    margin: 0px;
    max-width: 100%;
}

h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

h3,
h4,
h5,
h6 {
    font-size: .9em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

form,
input,
select,
textarea,
p {
    margin: 0px;
    padding: 0;
}

textarea {
    resize: none;
}

input:focus,
textarea:focus {
    outline: none;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
    display: block;
    margin: 0px;
    padding: 0;
}

.overlay {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.modal_wrapper {
    width: 100%;
    position: absolute;
    padding-top: 50px;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}



/*IE below 9*/

#ieWrapper {
    background: #000;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
    position: relative;
    width: 555px;
    padding: 20px;
    margin: 200px auto 0 auto;
    background: #FFF;
    border: 7px solid #2b2927;
}

.btnIeUpdate {
    background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
    width: 144px;
    height: 37px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.ieLogo {
    float: left;
    width: 134px;
    height: 139px;
    background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
    float: right;
    margin: 0;
    padding: 0;
    width: 400px;
    color: #666;
    font-size: 15px;
    line-height: 18px;
}

.ieContent strong {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dashed #cccccc;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

* {
    box-sizing: border-box;
}


/*End IE below 9*/

h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
a,
li,
span,
strong,
article,
em,
input,
select,
section {
    font-family: 'Goldplay', 'arial';
}

#container {
    display: flex;
    flex-flow: column;
    overflow: hidden;
}

.main-header {
    background: #47088B url(../images/bgMainNav.png) no-repeat center right;
    /*max-width: 1750px;*/
    width: 100%;
    min-height: 114px;
    /*border-radius: 40px;*/
    padding: 0 26px 0 50px;
    margin: auto;
    top: 0px;
    right: 0;
    left: 0;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    z-index: 1000;
    -webkit-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.50);
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.50);
}

.flex,
.menu {
    display: flex;
    flex-flow: row nowrap;
}

.logo-o2bkids {
    max-width: 118px;
    width: 100%
}

.header-right {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.landing-intro-text .abs {
    display: none;
}

.main-nav {
    max-width: 705px;
    width: 100%;
    margin-left: 50px;
}

.main-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    min-height: 114px;
    display: flex;
    flex-flow: row nowrap;
}

.main-nav li {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
}

.main-nav li.selected a {
    color: #47088B;
}

.main-nav li.selected::before {
    content: "";
    background: #FFF;
    padding: 21px 15px;
    position: absolute;
    width: 100%;
    z-index: -1;
    left: -16px;
    border-radius: 16px;
}

.main-nav li a {
    color: #FFF;
}

.main-nav li.dropdown ul {
    width: 271px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 25px;
    z-index: 5;
    border-radius: 35px;
    background: rgb(78, 0, 145);
    background: linear-gradient(180deg, rgba(78, 0, 145, 1) 0%, rgba(166, 0, 201, 1) 86%);
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75);
    display: none;
}

.main-nav li li {
    font-size: 18px;
    padding: 10px 15px;
    justify-content: center;
}

.main-nav li li.selected a {
    line-height: 12px;
}
.main-nav li li a {
    color: #FFF;
    text-align: center;
}


/* .main-nav li.dropdown:hover>ul {

    display: block;

} */

.find-location {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    max-width: 486px;
    width: 100%;
    text-align: right;
    justify-content: space-between;
    align-items: center;
}

.sub-menu {
    min-height: 63px;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 130px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.sub-menu-move {
    top: 113px;
}

#scroll-menu {
    margin: 0 auto;
}

.sub-menu ul {
    background: #FFF;
    margin: 0;
    padding: 6px 20px;
    list-style: none;
    border-radius: 18px;
    margin: 0 auto;
    /*min-width: 360px;*/
    justify-content: space-between;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.30);
}

.sub-menu li {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

.sub-menu li a {
    color: #47088B;
    position: relative;
    padding: 6px 22px;
    display: block;
}

.sub-menu li.selected a {
    color: #FFF;
    background: #47088B;
    border-radius: 12px;
    text-align: center;
    margin-top: 2px;
    margin-left: 25px;
}

.sub-menu li.selected:first-child a {
    margin-left: 0px;
}

.find-location>a {
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    background: #66C700 url(../images/bgLocator.png) no-repeat 48px center;
    background-size: 25px;
    max-width: 320px;
    width: 100%;
    min-height: 60px;
    border-radius: 25px;
    text-align: center;
    padding: 0 0 0 0;
    display: block;
}

.how-to-join-wrapper {
    position: relative;
    width: 100%;
    height: 0;
}

.how-to-join {
    max-width: 1420px;
    width: 100%;
    min-height: 452px;
    background-image: url('../images/bgJoinOurO2b.png'), linear-gradient(226.55deg, #FFC000 0%, #FFA100 100%);
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 40px;
    position: absolute;
    top: -235px;
    left: 0;
    right: 0;
    margin: auto;
    position: relative;
    padding: 85px 120px 95px;
    z-index: 1;
}

.common-wrapper {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.common-wrapper h2,
.main-footer h2 {
    font-size: 72px;
    line-height: 80px;
    font-family: 'Goldplay';
    font-weight: 900;
    text-align: center;
}

.common-wrapper h3 {
    font-size: 37px;
    line-height: 43px;
    font-weight: bold;
    text-align: center;
}

.common-wrapper article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}

.how-to-join.common-wrapper h2 {
    font-size: 72px;
    font-family: 'Goldplay';
    font-weight: 900;
    text-align: center;
}

.slide-there-should-be-place {
    padding-bottom: 169px;
}

.slide-there-should-be-place article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    color: #231F20;
    text-align: center;
    display: block;
    max-width: 757px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0;
}

.main-hero {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-hero img {
    visibility: hidden;
}

.how-to-join h2 {
    padding-bottom: 20px;
    text-align: center;
}

.select-programe {
    align-items: center;
}

.select-programe span {
    font-size: 45px;
    font-weight: bold;
    color: #FFF;
    background: #47088b;
    width: 69px;
    height: 69px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.select-programe em {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    font-style: normal;
    padding-left: 20px;
    line-height: 28px;
}

.selectDrop {
    max-width: 370px;
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.inputZipHolder input::-webkit-input-placeholder,
.selectDrop input::-webkit-input-placeholder {
    color: #000;
    -webkit-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:-moz-placeholder,
.selectDrop input:-moz-placeholder {
    color: #000;
    -moz-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input::-moz-placeholder,
.selectDrop input::-moz-placeholder {
    color: #000;
    -moz-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:-ms-input-placeholder,
.selectDrop input:-ms-input-placeholder {
    color: #000;
    -ms-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}


/* Place Holder CSS for Focus */

.inputZipHolder input:hover::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:hover:-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:hover::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:hover:-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}


/* Place Holder CSS for Focus */

.inputZipHolder input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.50s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:focus:-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.inputZipHolder input:focus:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.20s ease-in-out;
    transition: opacity 0.20s ease-in-out;
}

.selectDrop input[type="text"] {
    font-size: 22px;
    font-weight: 500;
    width: 100%;
    height: 70px;
    border-radius: 20px;
    border: none;
    padding: 0 40px;
    cursor: pointer;
}

.selectDrop::after {
    content: none;
    background: url(../images/iconSelect.png) no-repeat center center;
    background-size: cover;
    width: 14px;
    height: 12px;
    position: absolute;
    right: 37px;
    top: 29px;
}

.selectDrop ul {
    width: 100%;
    margin: 0;
    padding: 15px;
    list-style: none;
    background: #FFF;
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 62px;
    left: 0;
    z-index: 3;
}

.selectDrop li {
    font-size: 22px;
    font-weight: 500;
    padding: 12px 10px;
    cursor: pointer;
    border-bottom: 1px dashed #e0dce4;
}

.selectDrop li:last-child {
    border: none;
}

.inputZipHolder {
    max-width: 370px;
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.inputZipHolder input[type="text"] {
    font-size: 22px;
    width: 100%;
    font-weight: 500;
    height: 70px;
    border-radius: 20px;
    border: none;
    padding: 0 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.how-to-join h2 {
    font-size: 72px;
    line-height: 80px;
    color: #47088B;
}

.inputZipHolder input[type="submit"],
.mainform-wrap .location-search-form .-choose-age-submit .submit-form {
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    height: 70px;
    border-radius: 20px;
    border: none;
    background: #66C700 url(../images/iconSubmit.png) no-repeat 95% center;
    background-size: 15px;
    padding: 0 40px;
    cursor: pointer;
}

.mainform-wrap .location-search-form .-choose-age-submit .submit-form {
    background: #66C700;
}

.sliderWrapper {
    margin: 168px 0 120px;
    transform: scale(1.2);
}

.sliderWrapper li {
    position: relative;
}

button {
    outline: none;
    border: none;
}

.sliderWrapper .slick-arrow {
    text-indent: -9999px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 38%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 50;
    transform: scale(1.1);
}

.sliderWrapper .slick-next {
    background: #66C700 url(../images/iconSlideNext.png) no-repeat center center;
    background-size: 15px;
    right: 30.5vw;
}

.sliderWrapper .slick-prev {
    background: #66C700 url(../images/iconSlidePrev.png) no-repeat center center;
    background-size: 15px;
    left: 30.5vw;
}

.slider-content {
    color: #FFF;
    position: absolute;
    top: 56px;
    left: 40px;
}

.slider-content h3 {
    font-size: 50px;
    color: #FFC000;
    line-height: 50px;
    text-align: left;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.page-template-Template-Home .slider-content h3 {
    width: 100%;
}

.page-template-Template-Home .slider-content {
    width: 50%;
}

.page-template-Template-Home .slick-current .slider-content {
    width: 64%;
}

.slider-content span {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    display: block;
    padding-top: 13px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.sliderWrapper .slick-current h3 {
    font-size: 72px;
    line-height: 80px;
}

.sliderWrapper .slick-current span {
    font-size: 24px;
    line-height: 32px;
}

.find-location-wrapper {
    background: url(../images/bgFindlocation.jpg) no-repeat center center;
    background-size: contain;
    max-width: 610px;
    width: 100%;
    min-height: 377px;
    margin: 100px auto 0;
    position: relative;
}

.find-location-wrapper::before {
    content: "";
    background: url(../images/img-FindLocationArrow.png) no-repeat center center;
    width: 129px;
    height: 118px;
    position: absolute;
    bottom: 52px;
    right: 80px;
    background-size: cover;
    z-index: 10;
}

.btn-findlocation {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    height: 70px;
    color: #FFF;
    max-width: 320px;
    width: 100%;
    background: #66C700 url(../images/bgLocator.png) no-repeat 48px center;
    border-radius: 20px;
    display: block;
    line-height: 70px;
    background-size: 25px 33px;
    padding: 0 0 0 89px;
    margin: 0 auto;
    position: relative;
    bottom: -41px;
}

.find-location-wrapper span {
    font-size: 37px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 135px 0 0;
    display: block;
    max-width: 395px;
    margin: 0 auto 0;
}

.jar-shape {
    position: absolute;
    bottom: 0;
    right: -470px;
    max-width: 750px;
    width: 100%;
    height: 706px;
}

.oval-shape {
    width: 319px;
    position: absolute;
    left: -175px;
    bottom: 150px;
}

.play-ground-kids {
    background: linear-gradient(90deg, #FFCC00 0%, #FFA100 100%);
    position: relative;
    width: 125%;
    position: relative;
    left: -12.5%;
    border-radius: 229%/29%;
    overflow: hidden;
}

.play-ground-kids .common-wrapper {
    padding: 174px 0 480px;
}

.play-ground-content {
    max-width: 1098px;
    width: 100%;
    margin: 0 auto;
}

.play-ground-content h2 {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    color: #47088B;
}

.ground-content-area {
    margin-top: 75px;
    justify-content: space-between;
    flex-direction: column;
}

.ground-content-left {
    font-family: 'Goldplay';
    font-size: 25px;
    line-height: 35px;
    font-weight: bold;
    max-width: 436px;
    width: 100%;
    display: none;
}

.ground-content-right {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    max-width: 100%;
    text-align: center;
    width: 100%;
}

.imgKids {
    max-width: 1327px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.basket-ball {
    width: 100%;
    height: 528px;
    position: absolute;
    left: -95px;
    top: 220px;
    max-width: 350px;
}

.imgWhiteOval {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 150px;
    right: -30px;
}

.imgAlbhabet-a {
    width: 80px;
    height: 83px;
    position: absolute;
    top: 535px;
    right: 79px;
}

.new-sect {
    padding-top: 8vw;
}

.delivering-result {
    background: rgb(152, 17, 194);
    background: linear-gradient(90deg, rgba(152, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    min-height: 500px;
    position: relative;
    overflow: hidden;
}

.delivering-result .common-wrapper {
    padding: 170px 0 167px;
}

.delivering-result h2 {
    color: #FFF;
}

.delivering-result-content {
    max-width: 1220px;
    margin: 75px auto 0;
    justify-content: space-between;
}

.delivering-result-list {
    background: #320860;
    font-size: 22px;
    line-height: 32px;
    color: #FFF;
    max-width: 360px;
    width: 100%;
    min-height: 388px;
    padding: 55px;
    text-align: center;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}

.delivering-result-list h3 {
    font-size: 37px;
    line-height: 42px;
    font-weight: bold;
    padding-bottom: 33px;
}

.deliver-circle {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 93px;
    left: 152px;
}

.btn-common {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFF;
    max-width: 320px;
    width: 100%;
    height: 70px;
    background: #66C700 url(../images/btnCommon.png) no-repeat 92% center;
    background-size: 14px;
    border-radius: 20px;
    line-height: 69px;
    padding: 0 0 0 35px;
    margin: 100px auto 0;
    display: block;
    box-shadow: none;
    border: 0;
    text-align: left;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
    z-index: 3;
}

.btn-common:hover {
    background-position: 92% center;
}

.btn-common-black {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #231F20;
    max-width: 258px;
    height: 70px;
    background: #FFC000 url(../images/bgBtnBlack.png) no-repeat 90% center;
    background-size: 14px;
    border-radius: 20px;
    line-height: 69px;
    padding: 0 0 0 35px;
    margin: 100px auto 0;
    display: block;
    cursor: pointer;
}

.imgDeliveringResult {
    max-width: 455px;
    height: 513px;
    position: absolute;
    bottom: -78px;
    right: -121px;
    overflow: hidden;
}

.our-work-important {
    background: #F4F4F4;
}

.our-work-important .common-wrapper {
    padding: 147px 0 177px;
}

.our-work-content {
    max-width: 1182px;
    width: 100%;
    margin: 0 auto;
}

.our-work-content>span {
    font-size: 37px;
    text-align: center;
    font-weight: bold;
    padding: 20px 0 0;
    display: block;
}

.our-work-content article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    max-width: 1040px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 33px 0 0;
    display: block;
}

.slide-list {
    background: #FFF;
    border-radius: 40px;
    margin-right: 50px;
}

.slide-list span {
    border-radius: 40px;
    height: 233px;
    background: rgb(152, 17, 194);
    background: linear-gradient(90deg, rgba(152, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    align-items: center;
    justify-content: center;
}

.slide-list article {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    padding: 40px 47px;
    text-align: center;
    min-height: 400px;
    display: block;
}

.our-work-content-slider {
    margin: 100px 0 0;
}


/* .our-work-slider .slick-list{
    display: flex ;
} */

.our-work-content-slider .slick-arrow {
    text-indent: -9999px;
    width: 105px;
    height: 105px;
    position: absolute;
    top: 42%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 50;
    -webkit-box-shadow: 5px 7px 20px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 5px 7px 20px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 5px 7px 20px 0px rgba(0, 0, 0, 0.10);
}

.our-work-content article {
    font-size: 1.14vw;
    line-height: 1.7vw;
}

.our-work-content-slider .slick-next {
    background: #66C700 url(../images/iconSlideNext.png) no-repeat center center;
    background-size: 20px;
    right: -125px;
}

.our-work-content-slider .slick-prev {
    background: #66C700 url(../images/iconSlidePrev.png) no-repeat center center;
    background-size: 20px;
    left: -172px;
}

.Source,
.Source a {
    font-size: 18px;
    font-weight: 500;
    color: #332B2D;
    text-align: center;
    margin-top: 40px;
}

.Source a {
    text-decoration: underline;
}

.at-o2bkids .common-wrapper {
    padding: 154px 0 168px;
}

.imgGreenCircle {
    max-width: 895px;
    width: 100%;
    position: absolute;
    left: -650px;
    top: -392px;
}

.o2bkids-mask {
    max-width: 450px;
    width: 100%;
    position: absolute;
    top: 160px;
    right: -163px;
}

.o2b-pointer {
    max-width: 99px;
    width: 100%;
    position: absolute;
    left: -120px;
    top: -103px;
}

.at-o2bkids-title-wrapper {
    max-width: 1082px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.at-o2bkids h2 {
    color: #47088B;
}

.at-o2bkids article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    max-width: 1012px;
    width: 100%;
    text-align: center;
    margin: 74px auto 0;
}

.at-o2bkids .common-wrapper>span {
    font-size: 29px;
    font-weight: 500;
    text-align: center;
    padding: 0 0 40px;
    display: block;
}

.resolving-wrapper {
    max-width: 838px;
    width: 100%;
    margin: 100px auto 0;
}

.resolving-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
}

.resolving-wrapper li {
    font-size: 37px;
    font-weight: bold;
    line-height: 43px;
    text-align: center;
    max-width: 226px;
    width: 100%;
    height: 226px;
    margin-right: 3.8vw;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
}

.resolving-wrapper li:last-child {
    color: #FFF;
    margin-right: 0;
}

.pre-school::after {
    content: "";
    background: url(../images/iconPlus.png) no-repeat center center;
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
    margin: auto;
    background-size: cover;
}

.pre-school::after {
    content: "";
    background: url(../images/iconPlus.png) no-repeat center center;
    width: 19.2px;
    height: 18.72px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
    margin: auto;
    background-size: cover;
}

.problem-solving::after {
    content: "";
    background: url(../images/iconEqual.png) no-repeat center center;
    width: 18.83px;
    height: 11.69px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
    margin: auto;
    background-size: contain;
}

.rockstar-stories {
    background: rgb(102, 199, 0);
    background: linear-gradient(214deg, rgba(102, 199, 0, 1) 0%, rgba(38, 169, 0, 1) 100%);
    padding: 173px 0 168px;
}

.rockstaar-content {
    max-width: 1177px;
    width: 100%;
    margin: 0 auto;
    color: #FFF;
    position: relative;
}

.rockstaar-content span {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 15px 0 0;
    display: block;
}

.story-title-handle {
    background: #75CB30;
    width: 100%;
    min-height: 510px;
    margin: 126px 0 0;
    padding: 0 0 0 580px;
    border-radius: 40px;
    position: relative;
}

.story-title-handle figure {
    max-width: 580px;
    width: 100%;
    position: absolute;
    top: -16px;
    left: 0;
    z-index: 1;
}

.stroy-title-right {
    max-width: 386px;
    width: 100%;
    margin-left: 69px;
    padding: 85px 0 85px;
}

.stroy-title-right h3 {
    text-align: left;
}

.stroy-title-right article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 35px;
    display: block;
}

.stroy-title-right a {
    font-size: 18px;
    color: #FFF;
    background: url(../images/iconSubmit.png) no-repeat right center;
    background-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 30px;
    margin-top: 30px;
    display: inline-block;
}

.line-bg {
    max-width: 540px;
    position: absolute;
    left: -158px;
    bottom: -130px;
    z-index: 0;
}

.stroy-right-albhabet {
    max-width: 380px;
    width: 100%;
    height: 553px;
    position: absolute;
    bottom: 0;
    right: 100px;
}

.letter-a,
.letter-b,
.letter-c,
.imgArrow {
    position: absolute;
    width: 100%;
}

.letter-a {
    max-width: 69px;
    top: 110px;
    right: -28px;
}

.letter-b {
    max-width: 59px;
    top: 260px;
    right: -110px;
}

.letter-c {
    max-width: 54px;
    bottom: -80px;
    right: 100px;
}

.imgArrow {
    max-width: 251px;
    bottom: -100px;
    right: -197px;
}

.imgMusic {
    max-width: 509px;
    position: absolute;
    top: -312px;
    left: -77px;
}

.you-are-still-with-us {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    padding: 168px 0;
    text-align: center;
}

.you-are-still-with-us-content {
    width: 100%;
    margin: 100px 0 0;
    flex-flow: column wrap;
    flex-direction: row;
    justify-content: space-between;
}

.you-are-with-us-list {
    color: #FFF;
    max-width: 460px;
    width: 100%;
    text-align: left;
    min-height: 191px;
    border-radius: 40px;
    background-position: right bottom;
    background-size: 489px;
    background: rgb(71, 8, 139);
    background: linear-gradient(214deg, rgba(71, 8, 139, 1) 0%, rgba(152, 17, 194, 1) 100%);
    position: relative;
    overflow: hidden;
    padding: 40px;
    margin-bottom: 20px;
    position: relative;
}

.you-are-with-us-list h3 {
    text-align: left;
}

.you-are-with-us-list span {
    font-size: 20px;
    font-weight: 600;
}

.you-are-with-us-list a {
    background: #FFF url(../images/bgBtnGreen.png) no-repeat center center;
    background-size: 15px;
    width: 73px;
    height: 74px;
    border-radius: 100%;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    display: block;
}

.bg-you-are-widthus {
    position: absolute;
    top: -74px;
    right: -190px;
    max-width: 489px;
    height: 498px;
    width: 100%;
}

.you-are-still-with-us .btn-learnmore {
    font-size: 37px;
    font-weight: bold;
    color: #231F20;
    display: inline;
}

.txt-learnmore {
    font-size: 37px;
    font-weight: bold;
    color: #231F20;
    max-width: 215px;
    width: 100%;
    display: block;
    margin: 0 auto;
}

.bgHomeBottom img {
    visibility: hidden;
}

.bgHomeBottom {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-footer {
    padding-top: 506px;
    /* padding-top: 100px !important; */
    position: relative;
    background: rgb(130, 14, 179);
    background: linear-gradient(90deg, rgba(130, 14, 179, 1) 0%, rgba(71, 8, 139, 1) 100%);
}

.bgFooterLeft {
    background: url(../images/bgFooter.png) no-repeat center bottom;
    background-size: cover;
    max-width: 1186px;
    width: 100%;
    min-height: 804px;
    position: absolute;
    top: 0;
    left: -480px;
    z-index: 0;
}

.bgBottom {
    background: url(../images/bgFooter.png) no-repeat center top;
    background-size: cover;
    max-width: 1186px;
    width: 100%;
    min-height: 515px;
    position: absolute;
    bottom: 0;
    right: -428px;
    z-index: 0;
}

.logo-footer-o2b {
    max-width: 185px;
    /* margin: -145px auto 0; */
    margin: auto;
}

.footer-content {
    max-width: 982px;
    width: 100%;
    margin: 107px auto 0;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.footer-links ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.footer-links .menu {
    flex-flow: column nowrap;
}

.footer-links h4 {
    font-size: 22px;
    color: #FFF;
}

.footer-links li {
    font-size: 18px;
    line-height: 34px;
}

.footer-links li a {
    color: #FFF !important;
}

.social-links {
    margin: 120px 0 0;
    position: relative;
    z-index: 1;
}

.social-links ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    justify-content: center;
    max-width: 269px;
    width: 100%;
    justify-content: space-between;
}

.social-links li {
    width: 36px;
}

.youtube-social img {
    opacity: .7 !important;
}

.copyright {
    font-size: 18px;
    color: #B586D1;
    text-align: center;
    padding: 50px 0;
    display: block;
}


/* Company */

.program-location-wrapper {
    background-color: #fff;
    padding: 156px 0 314px;
    text-align: center;
}

.program-location-wrapper h2 {
    color: #47088B;
    margin-bottom: 25px;
}

.program-location-wrapper h3 {
    color: #000;
    max-width: 990px;
    width: 100%;
    margin: 0 auto 48px;
}

.content-center {
    width: 100%;
    margin: 0 auto;
}

.program-location-wrapper .content-center {
    max-width: 1300px;
}

.program-location-wrapper article {
    font-size: 29px;
    line-height: 39px;
    font-weight: 500;
    max-width: 888px;
    width: 100%;
    margin: 0 auto;
}

.core-purpose-wrapper {
    padding-bottom: 156px;
}

.cartoon-map {
    max-width: 1180px;
    width: 100%;
    height: 473px;
    margin: 0 auto 0;
    background-color: #fff;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    top: -237px;
}

.our-core-wrapper {
    margin: -67px auto 0;
    max-width: 888px;
    width: 100%;
    text-align: center;
}

.our-core-wrapper h2 {
    color: #fff;
    position: relative;
    display: inline-block;
}

.our-core-wrapper h2 img {
    position: absolute;
    right: 107%;
    top: -14px;
}

.our-core-wrapper article,
.accdn-content,
.accdn-content article,
.secure-slide-content article,
.integrate-learning-wrapper article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}

.our-core-wrapper article {
    color: #000;
    text-align: center;
}

.history-wrapper {
    background-color: #e5e5e5;
    padding: 150px 0;
    position: relative;
    z-index: 1;
}

.history-wrapper .content-center {
    max-width: 1066px;
}

.history-wrapper h2 {
    margin-bottom: 22px;
}

.history-wrapper h3 {
    margin-bottom: 80px;
}

.milestones-wrap {
    position: relative;
    padding: 40px;
    max-width: 100vw;
    margin: auto;
}

.milestones {
    position: relative;
    min-height: 400px;
    text-align: center;
}

.milestones ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    min-height: 400px;
    justify-content: center;
    align-items: center;
}

.milestones-wrap,
.milestones-wrap .milestones,
.milestones-wrap .milestones ul,
.milestones .slick-list,
.milestones .slick-track {
    min-height: 450px;
}

.milestones .slick-list,
.milestones .slick-track {
    height: 450px;
}

.milestones li {
    flex: 0 1 100%;
    position: relative;
    height: 6px;
    background-color: #FFC000;
}

.milestones_slipt .milestones li {
    flex: 0 1 11%;
}

.milestones li:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #fff;
    border: 6px solid #47088B;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    z-index: 1;
}

.milestones li:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 63px;
    background: url(../images/bgDash.png) no-repeat center top;
    background-size: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.milestones li:nth-child(even):before {
    top: 0;
    bottom: inherit;
    background-position: center bottom;
}

.milestones li .time-details {
    position: absolute;
    bottom: 85px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #332B2D;
}

.milestones li:nth-child(even) .time-details {
    bottom: inherit;
    top: 90px;
}

.milestones li .time-details strong {
    display: block;
    font-size: 28px;
    line-height: 26px;
    font-weight: 900;
    color: #47088B;
}

.history-wrapper .learn-more-wrapper .content-center {
    max-width: 990px;
}

.learn-more-wrapper,
.learn-more-wrapper p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    text-align: center;
    position: relative;
    color: #231F20;
}

.learn-more-wrapper p,
.neighbourhood-time .learn-more-wrapper p {
    margin-bottom: 20px;
}

.learn-more-wrapper {
    padding: 78px 0 120px;
}

.learn-more-wrapper .content-list {
    display: none;
    padding-top: 28px;
}

.learn-more-wrapper .content-list:first-child {
    display: block;
    padding-top: 0;
}

.btn-learn-more {
    display: inline-block;
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
    color: #231F20;
    position: relative;
}

.btn-learn-more::after {
    content: "+";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #66C700;
    color: #fff;
    font-size: 22px;
    line-height: 36px;
    right: -45px;
    top: 0;
    text-align: center;
}

.learn-more-wrapper.show .btn-learn-more::after,
.show-more-list-wrapper.show .btn-learn-more::after {
    content: "-";
}

.learn-more-wrapper .btn-learn-more,
.show-more-list-wrapper .btn-learn-more {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
}

.show-more-list-wrapper .btn-learn-more {
    bottom: 0;
}

.show-more-list-wrapper .block-list {
    display: none;
}

.block-list-wrapper {
    padding-bottom: 75px;
}

.manifesto-wrapper {
    padding: 160px 0 150px;
    background: rgba(255, 162, 0, 1);
    background: -moz-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 162, 0, 1)), color-stop(100%, rgba(255, 191, 0, 1)));
    background: -webkit-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa200', endColorstr='#ffbf00', GradientType=1);
}

.manifesto-wrapper .content-center {
    max-width: 1330px;
}

.giving-back-wrapper {
    padding: 150px 0;
    background-color: #EFEFEF;
    position: relative;
    z-index: 1;
}

.giving-back-wrapper:after {
    content: "";
    position: absolute;
    margin: 0 auto;
    width: 100vw;
    height: 150px;
    background: radial-gradient(110% 130% at top, transparent 50%, #EFEFEF 51%);
    left: 0;
    top: -100px;
}

.giving-back-wrapper .content-center {
    max-width: 1180px;
}

.giving-back-wrapper h2 {
    margin-bottom: 65px;
}

.accordion-wrapper {
    position: relative;
}

.accordion-wrapper .accordion {
    position: relative;
}

.accdn-title {
    font-size: 25px;
    line-height: 28px;
    font-weight: bold;
    min-height: 98px;
    display: flex;
    padding: 0 87px 0 57px;
    align-items: center;
    color: #fff;
    border-radius: 40px;
    position: relative;
    z-index: 1;
    background: rgba(153, 17, 194, 1);
    background: -moz-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(153, 17, 194, 1)), color-stop(100%, rgba(71, 8, 139, 1)));
    background: -webkit-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -o-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -ms-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: linear-gradient(to right, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9911c2', endColorstr='#47088b', GradientType=1);
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.grey-version .accdn-title {
    background: #e5e5e5 !important;
    color: #47088B;
}

.accdn-title.selected {
    margin-bottom: 0;
}

.accdn-title:after,
.accdn-title1:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 58px;
    width: 24px;
    height: 24px;
    background: url(../images/iconDownArrow.png) no-repeat center center;
    background-size: 24px;
    margin: auto;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.grey-version .accdn-title:after {
    background-image: url(../images/iconDownArrowViolet.png);
}

.accdn-title.selected:after,
.accdn-title1.selected:after {
    transform: rotate(180deg);
}

.accdn-content {
    margin-top: -40px;
    margin-bottom: 30px;
    display: none;
    flex-wrap: wrap;
    padding: 60px 35px 20px;
    background-color: #fff;
    text-align: left !important;
    font-weight: 500;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.accdn-content .column {
    padding: 10px 15px 20px;
}

.accdn-content p {
    text-align: left !important;
    padding-bottom: 28px;
}

.accdn-content p:last-child {
    padding-bottom: 0;
}

.accdn-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.accdn-content li {
    padding-left: 20px;
    position: relative;
    text-align: left !important;
    margin-bottom: 10px;
}

.accdn-content li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 14px;
    left: 0;
    background-color: #000;
}

.safety-secure-wrapper {
    padding: 150px 0 410px;
    background-color: #e5e5e5;
    text-align: center;
}

.safety-secure-wrapper h2 {
    margin-bottom: 20px;
    position: relative;
}

.safety-secure-wrapper .content-center {
    max-width: 1350px;
}

.secure-slider {
    position: relative;
    margin-top: 80px;
}

.secure-slider .slick-slide {
    margin: 0 25px;
}

.secure-slide-content {
    max-width: 647px;
    min-height: 507px;
    border-radius: 40px;
    padding: 70px 60px;
    text-align: center;
    color: #fff;
    background: rgba(153, 17, 194, 1);
    background: -moz-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(153, 17, 194, 1)), color-stop(100%, rgba(71, 8, 139, 1)));
    background: -webkit-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9911c2', endColorstr='#47088b', GradientType=1);
}

.secure-slide-content h4 {
    font-size: 35px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.secure-slide-content article {
    font-weight: 500;
    color: #fff;
}

.secure-slider .slick-arrow,
.child-do-slider .slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    background-size: 106px !important;
    width: 106px;
    height: 106px;
    text-indent: 999999999px;
}

.child-do-slider figure {
    padding: 22px 22px 0;
}

.classes-slider-wrapper .middle-size3743 {
    padding-top: 0;
    margin-bottom: 0;
}

.secure-slider .slick-prev,
.child-do-slider .slick-prev {
    left: -135px;
    background: url(../images/iconPrevArrow.png) no-repeat center center;
}

.secure-slider .slick-next,
.child-do-slider .slick-next {
    right: -135px;
    background: url(../images/iconNextArrow.png) no-repeat center center;
}

.secure-slider .slick-dots {
    margin: 70px 0 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.secure-slider .slick-dots li {
    margin: 0 13px;
}

.secure-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    text-indent: 999999px;
    background: #DDDCDC;
    border-radius: 50%;
    margin: 0;
}

.secure-slider .slick-dots li.slick-active button {
    background: #47088B;
}

.safety-secure-wrapper .accordion-wrapper {
    margin-top: 105px;
}

.safety-secure-wrapper .accordion-wrapper .accordion:last-child:before,
.safety-secure-wrapper .accordion-wrapper .accordion:last-child:after {
    content: "";
    position: absolute;
    width: 141px;
    height: 65px;
    background-size: 141px !important;
    z-index: 2;
}

.safety-secure-wrapper .accordion-wrapper .accordion:last-child:before {
    background: url(../images/imgHeaderArrow.png) no-repeat 0 0;
    top: -40px;
    left: -150px;
}

.safety-secure-wrapper .accordion-wrapper .accordion:last-child:after {
    transform: scaleY(-1);
    background: url(../images/imgHeaderArrow.png) no-repeat 0 0;
    bottom: -63px;
    left: 235px;
}

.floating-img {
    position: absolute;
}

.core-purpose-wrapper .right-circle {
    top: -390px;
    right: -754px;
}

.core-purpose-wrapper .left-circle {
    bottom: -40.9vw;
    left: -619px;
    z-index: 2;
}

.core-purpose-wrapper .right-lines {
    bottom: -245px;
    right: -170px;
}

.manifesto-wrapper .line-alphabet {
    right: 9.5%;
    top: -50px;
}

.manifesto-wrapper .left-lines {
    left: 9.5%;
    bottom: -240px;
}

.mob-hero {
    display: none;
}


/* PRESCHOOL - Curriculum */

.integrate-learning-wrapper {
    background-color: #fff;
    text-align: center;
}

.common-pad {
    padding: 160px 0 150px;
}

.integrate-learning-wrapper .content-center {
    max-width: 990px;
}

.integrate-learning-wrapper h2,
.integrate-learning-wrapper h5 {
    color: #47088B;
}

.integrate-learning-wrapper h2 {
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
}

.integrate-learning-wrapper h2 img {
    position: absolute;
    left: -74px;
    top: 16px;
}

.integrate-learning-wrapper article {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.integrate-learning-wrapper h5 {
    font-size: 29px;
    line-height: 39px;
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
}

.education-layer-wrapper {
    padding: 180px 0 170px;
    background: rgba(153, 17, 194, 1);
    background: -moz-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(153, 17, 194, 1)), color-stop(100%, rgba(71, 8, 139, 1)));
    background: -webkit-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: linear-gradient(45deg, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9911c2', endColorstr='#47088b', GradientType=1);
}

.education-layer-wrapper .content-center {
    max-width: 1180px;
}

.mobile-nav {
    background: #FFF;
    width: 100%;
    padding: 50px 0;
    position: fixed;
    top: 60px;
    height: calc(100vh - 60px);
    left: 0;
    z-index: 1200;
    display: none;
}

.mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-nav li {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    display: block;
}

.mobile-nav li a {
    color: #47088B;
}

.btn-mob-find-location {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 70px;
    background: #66C700 url(../images/bgLocator.png) no-repeat 48px center;
    background-size: 25px;
    max-width: 320px;
    width: 100%;
    min-height: 70px;
    border-radius: 25px;
    text-align: center;
    margin: auto;
    display: block;
}

.layers-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
    margin-bottom: 105px;
}

.layers-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-box {
    margin: auto;
    padding: 60px;
    max-width: 454px;
    width: 100%;
    min-height: 226px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 40px;
    font-size: 36px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
}

.layer-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 25px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 40px;
    font-size: 26px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
}

.layer-box.top,
.layer-box.bottom {
    left: 0;
    right: 0;
}

.layer-box.top {
    top: -182px;
}

.layer-box.bottom {
    bottom: -182px;
}

.layer-box.left,
.layer-box.right {
    max-width: 250px;
    width: 100%;
}

.layer-box.left {
    left: -332px;
}

.layer-box.right {
    right: -332px;
}

.layers-container figure {
    position: absolute;
}

.fig-top {
    top: -64px;
    transform: rotate(-90deg);
}

.fig-right {
    right: -102px;
    transform: scaleY(-1);
}

.fig-bottom {
    bottom: -64px;
    transform: rotate(90deg) scaleY(-1);
}

.fig-left {
    left: -102px;
    transform: rotate(180deg);
}

.contact-wrapper {
    /* padding: 155px 0 165px; */
    padding: 80px 0 165px;
    background-color: #fff;
    text-align: center;
}

.contact-wrapper .content-center {
    max-width: 944px;
}

.contact-wrapper h2 {
    color: #47088B;
    margin-bottom: 75px;
}

.contact-wrapper .column {
    padding-left: 10px;
    padding-right: 10px;
}

.input-field input,
.input-field select,
.input-field textarea {
    width: 100%;
    height: 65px;
    line-height: 34px;
    padding: 0 35px;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 26px;
    border-radius: 20px;
    border: 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #231F20;
}

.input-field textarea {
    height: 150px;
    padding-top: 16px;
}

.input-field select {
    padding-right: 80px;
    background: url(../images/bgSelect.png?v=1.1) no-repeat 95% center;
    background-size: 22px;
}

.input-field input::-webkit-input-placeholder,
.input-field select::-webkit-input-placeholder,
.input-field textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #231F20;
}

.input-field input::-moz-placeholder,
.input-field select::-moz-placeholder,
.input-field textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #231F20;
}

.input-field input:-ms-input-placeholder,
.input-field select:-ms-input-placeholder,
.input-field textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #231F20;
}

.input-field input:-moz-placeholder,
.input-field select:-moz-placeholder,
.input-field textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #231F20;
}

.button-field input[type="submit"],
.button-field input[type="button"],
.button-field button {
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 221px;
    height: 70px;
    border-radius: 20px;
    border: none;
    background: #66C700 url(../images/iconSubmit.png) no-repeat 88% center;
    background-size: 15px;
    padding: 0 44px;
    cursor: pointer;
    margin-top: 60px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: left;
}

.button-field input[type="submit"]:hover,
.button-field input[type="button"]:hover,
.button-field button:hover {
    background-position: 90% center;
}

.goal-instruction-wrapper {
    background-color: #fff;
}

.goal-instruction-wrapper .content-center {
    max-width: 1414px;
}

.goal-instruction-wrapper h2 {
    color: #47088B;
    margin-bottom: 75px;
}

.instruction-wrapper {
    flex-wrap: wrap;
    justify-content: center;
}

.instruction-list {
    text-align: center;
    padding: 35px 60px 40px;
    margin: 0 11px 22px;
    border-radius: 25px;
    background: rgba(255, 162, 0, 1);
    background: -moz-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 162, 0, 1)), color-stop(100%, rgba(255, 191, 0, 1)));
    background: -webkit-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa200', endColorstr='#ffbf00', GradientType=1);
}

.instruction-list span {
    display: block;
    font-size: 72px;
    line-height: 80px;
    color: #47088B;
    font-weight: bold;
}

.instruction-list strong {
    font-size: 37px;
    line-height: 43px;
    color: #231F20;
    display: block;
}

.instruction-list .seemorebtn {
    display: none;
}

.goal-instruction-wrapper .block-list:nth-of-type(1),
.goal-instruction-wrapper .block-list:nth-of-type(2),
.goal-instruction-wrapper .block-list:nth-of-type(3),
.goal-instruction-wrapper .block-list:nth-of-type(4) {
    display: block !important;
}

.funny-daster-wrapper {
    text-align: center;
    background: rgba(255, 162, 0, 1);
    background: -moz-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 162, 0, 1)), color-stop(100%, rgba(255, 191, 0, 1)));
    background: -webkit-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    background: linear-gradient(45deg, rgba(255, 162, 0, 1) 0%, rgba(255, 191, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffa200', endColorstr='#ffbf00', GradientType=1);
}

.funny-daster-wrapper .content-center {
    max-width: 1144px;
}

.funny-daster-wrapper figure {
    margin-bottom: 65px;
}

.funny-daster-wrapper h3 {
    margin-bottom: 40px;
    /* text-transform: uppercase; */
}

.funny-daster-wrapper article {
    max-width: 935px;
    width: 100%;
    margin: 0 auto 40px;
}

.daily-shedule-wrapper {
    background-color: #fff;
    padding: 160px 0 150px;
    text-align: center;
}

.daily-shedule-wrapper .content-center {
    max-width: 865px;
}

.daily-shedule-wrapper h2 {
    color: #47088B;
    margin-bottom: 10px;
}

.daily-shedule-wrapper article {
    margin-bottom: 100px;
}

.daily-shedule-slider,
.stories-block-slider {
    position: relative;
}

.daily-shedule-slider .slick-arrow,
.stories-block-slider .slick-arrow,
.milestones-wrap .slick-arrow {
    position: absolute;
    z-index: 10;
    bottom: -110px;
    left: 0;
    right: 0;
    margin: auto;
    background-size: 105px !important;
    width: 105px;
    height: 106px;
    text-indent: 999999999px;
}

.milestones-wrap .slick-arrow {
    bottom: -45px;
}

.daily-shedule-slider .slick-disabled,
.stories-block-slider .slick-disabled,
.milestones-wrap .slick-disabled {
    opacity: 0.2;
}

.daily-shedule-slider .slick-prev,
.stories-block-slider .slick-prev,
.milestones-wrap .slick-prev {
    left: -110px;
    background: url(../images/iconPrevArrow.png) no-repeat center center;
}

.daily-shedule-slider .slick-next,
.stories-block-slider .slick-next,
.milestones-wrap .slick-next {
    right: -110px;
    background: url(../images/iconNextArrow.png) no-repeat center center;
}
.contact-wrapper .main-title-size {
        /* padding-bottom: 32px; */
        padding-bottom: 15px;
    }
.milestones.yellow li {
    background-color: #FFC000;
}

.milestones.green li {
    background-color: #66C700;
}

.milestones.violet li {
    background-color: #47088B;
}

.shedule-slide>span {
    display: block;
    font-size: 25px;
    line-height: 28px;
    font-weight: bold;
    color: #231F20;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(90%);
}

.what-child-do-wrapper {
    padding: 165px 0 175px;
    text-align: center;
    background: rgba(153, 17, 194, 1);
    background: -moz-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(153, 17, 194, 1)), color-stop(100%, rgba(71, 8, 139, 1)));
    background: -webkit-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -o-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: -ms-linear-gradient(left, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    background: linear-gradient(to right, rgba(153, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9911c2', endColorstr='#47088b', GradientType=1);
}

.what-child-do-wrapper .content-center {
    max-width: 1336px;
}

.what-child-do-wrapper h2 {
    color: #FFC000;
    margin-bottom: 10px;
}

.what-child-do-wrapper .content-center>article {
    max-width: 684px;
    width: 100%;
    margin: 0 auto 45px;
    color: #fff;
}

.child-slide {
    border-radius: 40px;
    background-color: #fff;
    overflow: hidden;
    margin: 0 15px;
    height: 100%;
}

.child-slide img {
    border-radius: 40px;
    max-height: 261px;
    width: 100%;
}

.child-slide h3 {
    text-align: left;
    margin-bottom: 20px;
    word-break: break-word;
}

.child-slide article {
    padding: 40px 26px;
    text-align: left;
}

.child-slide ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.child-slide li {
    position: relative;
    padding: 0 0 10px 25px;
}

.child-slide li::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
}

.child-do-slider .slick-dots li button {
    opacity: 0.3;
}

.child-do-slider .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1;
}

.dissableDrop {
    opacity: 0.5;
    cursor: default;
}

.slide {
    height: 100%;
}

.slick-arrow {
    cursor: pointer;
}

.child-learn-wrapper {
    padding: 160px 0 176px;
    background-color: #e5e5e5;
    text-align: center;
}

.child-learn-wrapper h2 {
    color: #47088B;
    margin-bottom: 10px;
}

.child-learn-wrapper .content-center {
    max-width: 1180px;
}

.child-learn-wrapper .content-center>article {
    max-width: 880px;
    width: 100%;
    margin: 0 auto 75px;
}

.nationally-accredited {
    padding: 173px 0 100px;
}

.nationally-accredited h2 {
    color: #47088B;
}

.nationally-accredited article {
    font-size: 22px;
    line-height: 32px;
    max-width: 887px;
    text-align: center;
    padding: 20px 0 0;
    margin: 0 auto;
    display: block;
}

.accredited-list-wrapper {
    max-width: 1218px;
    width: 100%;
    margin: 93px auto 0;
}

.accredited-list-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
}

.accredited-list-wrapper li {
    background: #E5E5E5;
    max-width: 360px;
    width: 100%;
    min-height: 276px;
    border-radius: 25px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.accredited-list-wrapper li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.o2bkids-difference-content .learn-more-wrapper {
    padding-top: 0;
}

.o2bkids-difference-content {
    max-width: 1179px;
    width: 100%;
    text-align: center;
    min-height: 550px;
    background: rgb(255, 161, 0);
    background: linear-gradient(45deg, rgba(255, 161, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
    border-radius: 40px;
    padding: 113px 0;
    margin: 0 auto -170px;
    position: relative;
    z-index: 10;
}

.o2bkids-difference {
    margin-top: 127px;
    z-index: 1;
}

.o2bkids-difference-content h2 {
    color: #47088B;
}

.o2bkids-difference .common-wrapper {
    position: relative;
}

.common-wrapper .green-circle {
    max-width: 700px;
    width: 100%;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    margin: auto;
}

.o2bkids-difference-content span {
    font-size: 37px;
    font-weight: bold;
    text-transform: uppercase;
}

.o2bkids-difference-content article {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    max-width: 750px;
    margin: 35px auto 0;
}

.difference-bottom {
    min-height: 830px;
    background: rgb(130, 14, 179);
    background: linear-gradient(90deg, rgba(130, 14, 179, 1) 0%, rgba(71, 8, 139, 1) 100%);
    padding: 295px 0 0;
    position: relative;
    overflow: hidden;
}

.difference-bottom article {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    max-width: 925px;
    width: 100%;
    margin: 0 auto;
}

.bg-o2bkid-btm {
    max-width: 1240px;
    position: absolute;
    bottom: -87px;
    left: 0;
    right: 0;
    margin: auto;
}

.difference-bottom .btn-common {
    position: relative;
    z-index: 10;
}

.mob-story-title {
    display: none;
}

.o2bkids-difference-content .btn-learn-more {
    margin-top: 60px;
}

.preschool-benefits .content-center {
    max-width: 1180px;
}

.preschool-benefits {
    padding: 150px 0;
    background: #E5E5E5;
}

.preschool-benefits h2 {
    color: #47088B;
}

.preschool-benefits .preschool-content {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin: 20px auto 100px;
}

.preschool-benefits .accdn-content article:first-child {
    padding-right: 50px;
}

.shopping-school {
    min-height: 830px;
    background: rgb(130, 14, 179);
    background: linear-gradient(90deg, rgba(130, 14, 179, 1) 0%, rgba(71, 8, 139, 1) 100%);
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}

.shopping-school h2 {
    color: #FFC000;
}

.shopping-school h3 {
    font-size: 37px;
    color: #FFF;
    font-weight: bold;
    line-height: 43px;
    text-align: center;
    max-width: 616px;
    width: 100%;
    margin: 23px auto 0;
}

.shopping-school .content-center {
    max-width: 1180px;
    margin-top: 80px;
}

.shopping-school .accdn-title {
    background: #E5E5E5;
    color: #47088B;
}

.shopping-school .accdn-title:after {
    background: url(../images/iconDownArrowViolet.png) no-repeat center center;
    background-size: 23px;
}

.convenience-wrapper {
    padding: 150px 0;
}

.convenience-wrapper h2 {
    color: #47088B;
}


/* .convenience-wrapper .common-wrapper>h3 {

    text-transform: uppercase;

} */

.convenience-list {
    max-width: 1341px;
    width: 100%;
    margin: 65px auto 0;
}

.convenience-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
}

.convenience-list li {
    color: #FFF;
    max-width: 305px;
    width: 100%;
    min-height: 400px;
    background: rgb(130, 14, 179);
    background: linear-gradient(0deg, rgba(130, 14, 179, 1) 0%, rgba(71, 8, 139, 1) 100%);
    border-radius: 40px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    padding: 43px 30px;
}

.convenience-list li figure {
    text-align: center;
    margin-bottom: 70px;
    display: inline-block;
}

.convenience-list li figure img {
    max-width: 100%;
}

.model-demonstration {
    background: #E5E5E5;
    padding: 175px 0;
    text-align: center;
    z-index: 2;
}

.child-center {
    max-width: 455px;
    min-height: 239px;
    background: #FFF;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin: 100px auto 0;
    border-radius: 40px;
    padding: 15px;
}

.child-center figure {
    margin-bottom: 0;
}

.child-center figure img {
    border-radius: 29px;
}

.model-demonstration h2 {
    color: #47088B;
}

.model-demonstration article {
    font-size: 22px;
    line-height: 32px;
    max-width: 872px;
    margin: 0 auto;
}

.model-demonstration-logo {
    max-width: 1234px;
    width: 100%;
    margin: 83px auto 0;
}

.model-demonstration-logo ul {
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    align-items: center;
}

.infant-toddler {
    width: 100%;
}

.infant-left,
.infant-right {
    flex: 1;
}

.infant-left {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.infant-left img {
    visibility: hidden;
}

.infant content {
    min-height: 250px;
}

.infant-right {
    background: rgb(255, 161, 0);
    background: linear-gradient(90deg, rgba(255, 161, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
    flex-flow: column;
    justify-content: center;
}

.infant-content {
    max-width: 365px;
    min-height: 250px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
}

.infant-content span {
    font-size: 22px;
    line-height: 32px;
}

.infant-content h3 {
    color: #47088B;
    font-size: 50px;
}

.infant-content .btn-common {
    padding: 0 0 0 36px;
    text-align: left;
}

.testimonial {
    background: rgb(38, 169, 0);
    background: linear-gradient(90deg, rgba(38, 169, 0, 1) 0%, rgba(102, 199, 0, 1) 100%);
    padding: 171px 0;
}

.testimonial-wrapper {
    text-align: center;
    max-width: 815px;
    margin: 0 auto;
}

.testimonial-wrapper figure {
    max-width: 233px;
    max-height: 233px;
    border-radius: 100%;
    overflow: hidden;
    border: 25px solid rgba(178, 255, 64, 0.25);
    margin: 0 auto;
}

.testimonial-wrapper article {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    max-width: 825px;
    width: 100%;
    margin: 60px auto 0;
}

button,
.slick-list:focus {
    outline: none;
    border: 0;
}

.testimonial-wrapper .slick-arrow,
.reviews-slider .slick-arrow,
.food-menu-slider .slick-arrow,
.badge-slider .slick-arrow {
    text-indent: -9999px;
    width: 105px;
    height: 105px;
    position: absolute;
    top: 50%;
    border-radius: 100%;
    cursor: pointer;
    z-index: 100;
}

.wpcf7-spinner {
    position: absolute !important;
}

.badge-slider .slick-arrow {
    top: 34%;
}

.food-menu-slider .slick-arrow {
    top: 37%;
}

.testimonial-wrapper .slick-next,
.reviews-slider .slick-next,
.food-menu-slider .slick-next,
.badge-slider .slick-next {
    background: #FFF url(../images/iconSlideNextGreen.png) no-repeat center center;
    background-size: 20px;
    right: -200px;
}

.badge-slider .slick-next {
    right: -130px;
}

.food-menu-slider .slick-next {
    background: #66C700 url(../images/iconSlideNext.png) no-repeat center center;
    right: -140px;
}

.testimonial-wrapper .slick-prev,
.reviews-slider .slick-prev,
.food-menu-slider .slick-prev,
.badge-slider .slick-prev {
    background: #FFF url(../images/iconSlidePrevGreen.png) no-repeat center center;
    background-size: 20px;
    left: -200px;
}

.badge-slider .slick-prev {
    left: -130px;
}

.food-menu-slider .slick-prev {
    background: #66C700 url(../images/iconSlidePrev.png) no-repeat center center;
    left: -140px;
}

.testimonial-wrapper span {
    font-size: 37px;
    font-weight: bold;
    color: #FFF;
    margin: 30px 0 0;
    display: block;
}

.testimonial-wrapper .slick-dots li button {
    background: #75CA40;
}

.testimonial-wrapper .slick-dots li.slick-active button {
    background: #FFF;
}

.testimonial-wrapper .item {
    margin-right: 20px;
}

.scroll-menu {
    margin: 0 auto;
}

ul.sub-menu,
ul.main-sub-menu {
    display: none;
}


/*-----------------------19-3-2020-------------------------------*/

.second-cirriculum .slick-slide {
    max-width: 305px;
    width: 100% !important;
}

.slick-slide,
.slick-slide:focus,
.slick-active {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.eventList li span {
    text-transform: capitalize;
}

.preloaderO2b {
    background-color: rgba(255, 255, 255, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0px;
    display: none;
}

.preloaderO2b::after {
    background: #FFF url('../images/preloaderO2b.gif') no-repeat center center;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}

.bx_one {
    display: none;
}

.flip-card {
    background-color: transparent;
    width: 100%;
    height: 100%;
    perspective: 1000px;
    position: absolute;
    top: 0;
    left: 0;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transform-style: preserve-3d;
}

.flipVal {
    display: none;
}

@-webkit-keyframes flip-vertical-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}

@keyframes flip-vertical-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }
}

.flip-card-one {
    -webkit-animation: flip-vertical-left 0.8s cubic-bezier(0.76, 0, 0.24, 1) both;
    animation: flip-vertical-left 0.8s cubic-bezier(0.76, 0, 0.24, 1) both;
}

.flip-card-two {
    -webkit-animation: flip-vertical-left-two 0.8s cubic-bezier(0.76, 0, 0.24, 1) both;
    animation: flip-vertical-left-two 0.8s cubic-bezier(0.76, 0, 0.24, 1) both;
}

@-webkit-keyframes flip-vertical-left-two {
    0% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@keyframes flip-vertical-left-two {
    0% {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    color: #000;
    color: black;
    background: #FFC000;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.flip-card-back {
    color: #FFF;
    transform: rotateY(180deg);
    background: #66C700;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.resolving-wrapper li:last-child .flip-card-front {
    background: rgb(72, 8, 140);
    color: #FFF;
    background: linear-gradient(214deg, rgba(72, 8, 140, 1) 0%, rgba(122, 13, 173, 1) 100%);
}

.resolving-wrapper li:last-child .flip-card-back {
    color: #000;
    background: #FFC000;
}

.membership-map .mainform-wrap {
    margin: -10vw auto 0;
}

.location-search-form {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
}

.location-search-form select {
    flex: 1;
    margin-right: 27px !important;
}

.location-search-form select#location {
    flex: 0 1 330px;
}

.location-search-form .-choose-age-submit {
    flex: 0 1 270px;
}

.mainform-wrap .location-search-form .-choose-age-submit .submit-form {
    border-radius: 1.042vw;
    line-height: 4vw;
    height: 4vw;
}

.membership-map .third-sect {
    padding: 1vw 2.5vw;
}

.mainform-wrap .third-sect h3 {
    top: -1.2vw;
    position: relative;
}

div.wpcf7-response-output {
    margin: 20px auto !important;
}

.locationError {
    font-size: 15px;
    text-align: center;
    color: red;
    padding: 20px 0 20px 0;
    font-weight: bold;
}


/*-------------------Privacy------------------------*/

.core-purpose-wrapper.privacy-wrapper {
    background-color: #e5e5e5;
    padding-top: 70px;
    padding-bottom: 121px;
}

.core-purpose-wrapper.privacy-wrapper .left-circle {
    top: 0;
    left: -739px;
}

.core-purpose-wrapper.privacy-wrapper .historyoval {
    right: 0;
    width: 5vw;
    top: 1220px;
    transform: scaleX(-1);
}

.core-purpose-wrapper .privacy-content {
    font-size: 16px;
    font-weight: 500;
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
}

.core-purpose-wrapper .privacy-content .update {
    padding: 0;
}

.core-purpose-wrapper .privacy-content p {
    padding-bottom: 50px;
}

.core-purpose-wrapper .privacy-content ul {
    margin: 18px 0 0;
}

.core-purpose-wrapper .privacy-content h2,
.privacy-content h4 {
    font-size: 28px;
    line-height: 32px;
    font-weight: bold;
    text-align: left;
}

.core-purpose-wrapper .privacy-content h4 {
    padding-bottom: 18px;
    padding-top: 50px;
}

.core-purpose-wrapper .privacy-content h4:first-child {
    padding-top: 0;
}

#scroll-menu .btnPrivacy {
    display: none !important;
}


/*-----------------------Covid19 Safety Plan-----------------*/

.covid19 .remember-section.convenience-wrapper.ga.ft .halfovalpurp {
    position: absolute;
    right: 0;
    width: 6vw;
    transform: scaleX(1);
}

.covid19 .ga.convenience-wrapper {
    padding-bottom: 18.2vw !important;
    padding-top: 8vw;
}

.covid19 .convenience-wrapper h2 {
    color: #231F20;
    max-width: 1333px !important;
    padding-top: 0;
}

.covid19 .convenience-wrapper p {
    padding-top: 0 !important;
    padding-bottom: 2vw !important;
    max-width: 1330px !important;
}

.covid19 .cirriculum-variety-col .col>h2,
.second-cirriculum .col>h2 {
    color: #47088B;
}

.covid19 .convenience-wrapper.bday.ft .circles_greencopy3 {
    left: -120px;
    bottom: -9vw;
    width: 10vw;
    top: unset;
    transform: scaleX(1);
    z-index: 3;
}

.covid19 .remember-section .cartoon-map {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10;
    top: inherit;
    margin-bottom: -11vw;
    box-shadow: none;
}

.covid19 .delivering-result {
    padding-top: 194px;
}

.covid19 .accordion-wrapper-met {
    max-width: 61.458vw;
}

.covid19 .child-learn-wrapper.bday .content-center>h2 {
    padding-bottom: 0;
    position: relative;
}

.covid19 .child-learn-wrapper .accordion-wrapper-met:before {
    content: none !important;
}

.covid19 .child-learn-wrapper.bday.ft .halfovalpurp {
    top: 7vw;
    right: 9.5%;
}

.covid19 .child-learn-wrapper.bday.ft {
    padding: 288px 0 457px;
}

.covid19 .child-learn-wrapper .common-wrapper h3 {
    max-width: 1201px;
    width: 100%;
    margin: 0 auto 58px;
}

.covid19 .nationally-accredited article {
    max-width: 1318px;
}

.covid19 .nationally-accredited {
    position: relative;
    padding: 661px 0 150px;
}

.covid19 .nationally-accredited .accordion-wrapper-met {
    margin-top: 60px;
}

.covid19 .nationally-accredited .accordion-wrapper-met article {
    text-align: left !important;
}

.covid19 .nationally-accredited .circles_attendance {
    position: absolute;
    top: 920px;
    left: 0;
    transform: scaleX(1);
    width: 10.8vw;
}

.covid19 .nationally-accredited .accordian-content p.main-p-size {
    padding: 0 0 15px 15px !important;
}

.covid19 .nationally-accredited .accordian-content ol {
    margin: 0px;
    padding: 0 0 0 58px;
}

.covid19 .nationally-accredited .accordian-content ol li {
    padding-bottom: 20px;
}

.covid19 .nationally-accredited .cartoon-map {
    height: 40.2vw;
    max-width: 78.5vw;
    position: absolute;
    bottom: inherit;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 10;
    top: inherit;
    margin-top: -50vw;
    box-shadow: none !important;
}

.covid19 .afterschool-curriculum.summer-camp>p {
    max-width: 1335px;
    margin: 0 auto;
}

.covid19 .o2b-parties {
    padding: 0 0 3vw;
}

.covid19 .o2b-parties .main-p-size {
    padding-top: 0.520vw;
}

.covid19 .o2b-parties .o2b-parties-list {
    padding: 2.5vw 3vw 4vw;
}

.covid19 .o2b-parties-slider .slick-arrow {
    top: 50%;
}

.covid19 .o2b-parties-slider {
    position: relative;
}

.covid19 .o2b-parties-slider::before {
    content: "";
    position: absolute;
    background: url(../images/green-arrow-copy.png) no-repeat center center;
    background-size: 6.7vw;
    left: -5vw;
    top: 0;
    width: 10vw;
    height: 3vw;
    top: 4vw;
    transform: scaleY(-1);
    z-index: 10;
}

.covid19 .afterschool-curriculum.summer-camp {
    padding-bottom: 330px !important;
}

.covid19 .met.faq-wrapper {
    margin-top: -12vw;
}

.covid19 .faq-wrapper .content-list,
.add_an_answer {
    max-width: 46vw;
}

.btnHealthy {
    background-color: #ff3766;
    max-width: 124px;
    width: 100%;
    min-height: 60px;
    border-radius: 20px;
    margin-left: 25px;
}

.btnHealthy img {
    height: 60px;
}

.btnHealthy a {
    height: 100%;
    display: block;
}

.find-location {
    max-width: 645px;
    justify-content: flex-end;
}

.parent-portant {
    white-space: nowrap;
    margin-right: 32px;
}

.covid-pop-up {
    background-color: #00CE00;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding: 23px 0 15px;
    position: fixed;
    width: 100%;
    min-height: 81px;
    z-index: 1000;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.27);
    display: none;
}

.covid-pop-up a {
    color: #FFF;
    text-decoration: underline;
}

.btn-Covid-close {
    background: url(../images/bgCovidClose.png) no-repeat center center;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-bottom: 20px;
    position: absolute;
    right: 40px;
    bottom: 0;
    top: 0;
    margin: auto;
    cursor: pointer;
    display: block;
}

.covid19-safety-procedures p {
    margin: 0 auto;
}

.covid19 .panel {
    padding-bottom: 15px;
}

.covid19 .child-learn-wrapper.bday.ft {
    padding: 12vw 0 23.802vw;
}

.covid19 .nationally-accredited {
    position: relative;
    padding: 34.427vw 0 7.813vw;
}

.covid19 .afterschool-curriculum.summer-camp {
    padding-bottom: 16.188vw !important;
}

.attendance-polity-bottom {
    max-width: 1335px;
    margin: 4vw auto 0;
    text-align: center;
    padding: 0 30px;
}

.attendance-polity-bottom p {
    padding-bottom: 30px;
}

.covid19 .delivering-result .common-wrapper {
    padding: 11vw 0 8.7vw;
}

.mobHealthy {
    display: none;
}

.covid19 .halfovalpurp-covid {
    position: absolute;
    top: 6vw;
    right: 0;
    width: 166.146vw;
}

.covid19 .cirriculum-variety-col .slick-next {
    background: #66C700 url(../images/iconSlideNext.png) no-repeat center center;
    height: 70px;
    width: 70px;
    background-size: 13px;
    border-radius: 100%;
    text-indent: -999999px;
    z-index: 5;
}

.covid19 .cirriculum-variety-col .slick-prev {
    background: #66C700 url(../images/iconSlidePrev.png) no-repeat center center;
    height: 70px;
    width: 70px;
    background-size: 13px;
    border-radius: 100%;
    text-indent: -999999px;
    z-index: 5;
}

.covid19 .o2b-parties-slider .slick-next,
.covid19 .cirriculum-variety-col .slick-next {
    right: -5vw;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2) !important;
}

.covid19 .o2b-parties-slider .slick-prev,
.covid19 .cirriculum-variety-col .slick-prev {
    left: -5vw;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2) !important;
}

.covid19 .second-cirriculum.individual:before {
    content: none;
}

.covid19 .convenience-wrapper.bday.ft .circles_greencopy4 {
    left: -1.615vw;
    bottom: 8vw;
    width: 5.469vw;
    top: unset;
    z-index: 3;
}

.covid19 .supplies-expect h3 {
    font-size: 1.927vw;
    color: #FFF;
    max-width: 61.458vw;
    width: 100%;
    margin: 0 auto;
    padding: 1.563vw 0 4.083vw;
    display: block;
}

.covid19 .supplies {
    height: 31.406vw !important;
}

.covid19 .ga.convenience-wrapper.supplies-expect {
    padding-bottom: 27.2vw !important;
}

.covid19 .bust-white-top {
    width: 11.250vw;
    position: absolute;
    top: 17.5vw;
    left: 11.979vw;
}

.txt_location {
    font-size: 22px;
    text-align: center;
    margin-right: 60px;
    position: relative;
    top: -20px;
    font-weight: 500;
}

.covid19 .bust-white {
    top: 55%;
}

.covid19 .lab-benefits h1::before {
    content: none !important;
}

.covid19 .lab-benefits h1 {
    max-width: 54vw;
}

.covid19 .program-benefits-slider h2 {
    font-size: 25px !important;
    line-height: 30px;
    color: #ffC000 !important;
    font-weight: bold;
    letter-spacing: 0.1px;
    padding: 50px 20px;
}

.covid19 .program-benefits-slider .slick-dots {
    display: none !important;
}

.covid19 .safty-procedure-area .cartoon-map {
    max-width: 61.5vw !important;
    top: 33vw;
}

.covid19 .safty-procedure-area article a {
    color: #231F20;
    text-decoration: underline;
}

.covid19 .safty-procedure-area {
    padding: 21.427vw 0 16.813vw;
}

.covid19 .safty-procedure-area .accordion-wrapper-met .column {
    margin: 0 !important;
}

.covid19 .safty-procedure-area .need-arrow:before {
    left: -16vw;
}

.covid19 .safty-procedure-area .circles_greencopy5 {
    right: 0;
    bottom: 28.125vw;
    width: 5.469vw;
    z-index: 3;
}

.covid19 .virtual-learning-lab .common-wrapper {
    padding-bottom: 1.198vw;
}

.covid19 .lab-benefits .main-p-size {
    padding: 24px 0 50px;
}


/*------------------------------------ Updated 09-03-2022 starts here --------------------------------------*/

.covid19-wrapper .common-wrapper {
    padding: 0 30px;
    max-width: 1280px;
}

.covid19-wrapper .circles_greencopy3,
.covid19-wrapper .halfovalpurp {
    right: 0 !important;
}

.adjust-wrapper .common-wrapper {
    padding: 0 30px;
    max-width: 1280px;
    width: 65%;
}

.covid19-wrapper .cartoon-map {
    top: 0 !important;
    margin-top: 70px;
}


/*------------------------------------ Updated 09-03-2022 ends here --------------------------------------*/


/*------------------------------------7-9-20--------------------------------------*/

.infant-model-demonstration {
    margin-top: -71px;
    padding: 175px 0 50px;
}

.after-school-remember {
    position: relative;
}

.after-school-img {
    height: 31.406vw !important;
    top: inherit !important;
    margin: -25vw auto 0;
}

.after-school-remember .bee {
    left: 0;
    top: 19vw;
    width: 13vw;
}

.after-school-remember h1 {
    margin-top: 8.333vw;
}

.after-school-remember {
    padding-bottom: 20vw !important;
}

.after-school-remember .btn-common {
    max-width: 230px;
    margin-top: 70px !important;
}

.after-school-remember .circles_greencopy6 {
    right: -100px;
    bottom: 14.125vw;
    width: 13.667vw;
    z-index: 3;
}

.award-recognition.pno .convenience-list li figure img {
    width: 168px !important;
}

.award-recognition.pno .convenience-list li p {
    text-align: center;
    margin-top: 27px;
}

.award-recognition.ga.pno.convenience-wrapper {
    margin-top: -70px;
}

.award-recognition.ga .convenience-list li {
    padding: 3.5vw 1.5vw;
}

.award-recognition.ga .middle-size3743 {
    font-size: 35px !important;
}

.giving-back-wrapper {
    background-color: #FFF !important;
}

.we-diverse-flex {
    display: flex;
    flex-flow: column wrap;
    flex-direction: row;
    justify-content: center;
    height: 100px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.we-diverse-flex.height-auto {
    height: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.we-diverse-career ul {
    margin: 0 0 30px;
    padding: 0;
    max-width: 387px;
    width: 100%;
}

.we-diverse-career ul:nth-child(2n-1) {
    margin-right: 50px;
}

.we-diverse-career li {
    text-align: left;
    color: #FFF;
}

.career-benefites {
    background: #e5e5e5 !important;
    margin-top: -73px;
}

.career-benefites .main-p-size:empty {
    display: none;
}

.career-benefites h1 {
    padding-bottom: 50px !important;
}

.page-template-Template-Summer-Camp .remember-section .middle-size3743:empty {
    display: none;
}

.page-template-Template-Summer-Camp .remember-section .main-title-size {
    padding-bottom: 25px;
}

.page-template-Template-Summer-Camp .met.faq-wrapper.summer-school {
    margin-top: -113px;
}

.page-template-Template-Summer-Camp .met.faq-wrapper {
    padding: 16vw 0 370px 0;
}

.difference-bottom {
    padding-bottom: 80px;
}

.page-template-Template-Pre-School-Overview .testimonial .letterdotted {
    width: 11vw;
}

.page-template-Template-Pre-School-Overview .testimonial {
    padding-top: 115px;
    padding-bottom: 202px;
}

.page-template-Template-Pre-School-Overview .testimonial-wrapper {
    margin: -15px auto 0;
}

.location-finder-sect {
    /* overflow:hidden; */
    z-index: 1;
    margin-top: -30px;
    background-image: url(../images/ITGraphicLinesCopy5.png), linear-gradient(226.55deg, #FFC000 0%, #FFA100 100%);
    background-repeat: no-repeat;
    background-position: 10.5% 120%;
}

.location-finder-sect .how-to-join {
    background: none !important;
    display: block !important;
    margin: 10vw auto 2vw !important;
    padding: 5vw 6.7vw 2vw !important;
}

.location-finder-sect .inputZipHolder,
.location-finder-sect .selectDrop {
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}

.location-finder-sect .btn-common {
    margin-top: 60px;
    max-width: 350px;
    text-align: center;
    padding: 0 35px;
}

.map-holder {
    margin-top: -30px;
}

.location-wrap {
    position: relative;
}

.location-title {
    min-height: 5vw;
    max-height: 5vw;
    padding: 0 5vw 0 3vw;
    border-radius: 2vw;
    font-size: 1.36vw;
    line-height: 1.38vw;
    display: flex;
    position: relative;
    align-items: center;
    color: #FFF;
    z-index: 1;
}

.locations-center {
    max-width: 79vw;
    margin: 0 auto;
}

.location-grid {
    padding-left: 54px;
    padding-right: 54px;
}

.location-grid:nth-child(odd) {
    padding-left: 0;
}

.location-grid:nth-child(even) {
    padding-right: 0;
}

.location-title h2 {
    font-size: 25px;
    line-height: 28px;
    margin: 0;
    font-weight: bold;
    text-align: left;
    color: #fff !important;
}

.location-wrap .location-content {
    margin-top: -4.7vw;
    margin-bottom: 2.7vw;
    padding: 6vw 2vw 2vw;
    flex-wrap: wrap;
    background: #fff;
    text-align: left;
    border-radius: 2vw;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.location-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.location-content li {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #231F20;
}

.location-content li:last-child {
    margin-bottom: 0;
}

.location-content li a {
    color: #231F20 !important;
    font-weight: bold;
    text-decoration: underline;
}

.location-content li strong {
    text-decoration: underline !important;
}

.locations-center {
    padding-bottom: 170px;
}

.searchList h3 {
    text-align: center;
    font-size: 37px;
    line-height: 43px;
    color: #231F20;
    margin-bottom: 26px;
    font-weight: bold;
}

.all-location-link {
    display: inline-block;
    text-align: center;
    font-size: 37px;
    line-height: 43px;
    color: #231F20;
    font-weight: bold;
    text-decoration: underline !important;
}

.all-location-link img {
    margin-right: 28px;
}

.our-location-link {
    text-align: center;
    padding-top: 55px;
}

.sub-content {
    text-align: center;
    font-size: 37px;
    line-height: 43px;
    color: #231F20;
    padding: 15px 0 65px;
    font-weight: bold;
}

.services-offered .sub-content {
    max-width: 55vw;
    width: 100%;
    margin: 0 auto;
}

.page-center {
    max-width: 79vw;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.address-grid {
    margin-top: 3vw;
}

.address-grid a {
    color: #FFF;
    text-decoration: underline;
}

.address-list span {
    display: inline-block;
}

.address-list span a {
    color: #fff;
}

.address-list .list-title {
    display: block;
    text-transform: uppercase;
    font-size: 25px !important;
    line-height: 28px !important;
    margin-bottom: 20px;
}

.address-grid .address-list>div.address-column {
    display: block;
    flex-direction: row;
}

.address-grid .address-list.hours>div.address-column {
    padding-bottom: 1vw;
}

.address-column .f-social-locate {
    margin-right: 20px;
    display: inline-block;
}

.location-slide img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.fun-factor-wrapper .our-core-wrapper {
    margin: -67px auto 0;
    max-width: 1200px !important;
    width: 83vw;
}

.fun-factor-wrapper h3 {
    margin-bottom: 20px;
}

.fun-factor-wrapper {
    position: relative;
    /* overflow: hidden; */
}

.fun-factor-wrapper .ovay {
    top: 11vw;
    left: 0;
}

.fun-factor-wrapper .circles_greencopy3 {
    right: 0;
    z-index: 10;
}

.location-review-wrapper {
    background: linear-gradient(270deg, #66C700 0.01%, #26A900 100%);
    border-radius: 229%/29%;
    width: 125%;
    left: -12.5%;
    position: relative;
    margin-top: -113px;
    margin-bottom: -60px;
    padding: 10vw 0 370px 0;
    text-align: center;
}

.location-review-wrapper h2 {
    color: #fff;
    margin-bottom: 46px;
}

.reviews-slider {
    max-width: 940px;
    width: 100%;
    margin: 0 auto 80px;
    text-align: center;
}

.reviews-content p {
    font-size: 22px;
    line-height: 32px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 10px;
}

.reviews-content span {
    display: block;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
}

.location-review-wrapper .slick-dots li button {
    background: #73c940;
}

.location-review-wrapper .slick-dots li.slick-active button {
    background: #FFF;
}

.reviews-slider .slick-arrow {
    top: 0;
    box-shadow: 0px 1px 42px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 42px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 42px 3px rgba(0, 0, 0, 0.2);
}

.location-review-wrapper h4 {
    font-size: 37px;
    line-height: 43px;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.hear-more ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.hear-more li {
    padding: 0 17px;
}

.hear-more li:first-child {
    padding-left: 0;
}

.hear-more li:last-child {
    padding-right: 0;
}

.location-review-wrapper .graphiclinescopy2 {
    top: 50%;
    transform: translateY(-50%);
}

.our-video-wrapper {
    margin-top: -100px;
    z-index: 2;
    position: relative;
    padding: 10vw 0;
    overflow: hidden;
}

.our-video-wrapper .diff-sub-title {
    color: #fff;
    margin-bottom: 50px;
}

.video-wrapper {
    max-width: 1180px;
    width: 100%;
    height: 664px;
    border-radius: 40px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.video-wrapper iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-video-wrapper .asgroup {
    bottom: 17%;
}

.our-video-wrapper .asovalcopy14 {
    position: absolute;
    right: 9.5%;
    top: 25vw;
    width: 8.1vw;
}

.game-icon {
    position: relative;
}

.game-icon a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}

.our-staffs-wrapper {
    position: relative;
}

.our-staffs-wrapper .circlesgreencopy3 {
    top: -30px;
    left: 0;
}

.our-staffs-wrapper .page-center {
    max-width: 65vw;
}

.our-staffs-wrapper .page-center article {
    margin-top: 20px;
}

.our-staffs-wrapper .teacher-container {
    margin-top: 6vw;
}

.food-menu-wrapper {
    /* padding: 130px 0 220px 0; */
    padding: 10vw 0;
    z-index: 2;
    overflow: hidden;
}

.food-menu-wrapper .page-center {
    max-width: 65vw;
}

.food-menu-wrapper .diff-sub-title {
    margin-bottom: 20px;
}

.food-menu-slider {
    margin-top: 35px;
}

.food-menu-grid {
    padding: 40px;
    background-color: #fff;
    border-radius: 15px;
    max-width: 400px;
    width: 100%;
    margin: 30px 25px;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.29);
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.29);
}


/* .food-menu-grid:first-child{
    margin-left: 0;
}
.food-menu-grid:last-child{
    margin-right: 0;
} */

.food-menu-grid h4 {
    font-size: 37px;
    line-height: 43px;
    font-weight: bold;
    margin-bottom: 15px;
}

.food-menu-wrapper .btn-common {
    max-width: 324px;
    margin-top: 40px;
}

.tuition-and-fees-wrapper.child-learn-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tuition-and-fees-wrapper .accordion-wrapper-met:before {
    display: none !important;
}

.age-per-fee {
    padding: 0 1vw 30px;
}

.age-per-fee ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.age-per-fee li {
    list-style: none !important;
}

.tuition-and-fees-wrapper.child-learn-wrapper.bday.ft {
    padding: 14vw 0 calc(17vw + 30px);
}

.continue-btns .btn-common {
    margin-top: 35px;
}

.continue-btns .contact .btn-common {
    margin-right: 0;
}

.continue-btns .location .btn-common {
    margin-left: 0;
}

.join-our-family .how-to-join {
    min-height: auto;
}

.food-menu-wrapper .ovalcopy {
    right: 12.5%;
    bottom: 13vw;
    width: 5vw;
    z-index: 1;
    position: absolute;
}

.food-menu-wrapper .graphlinescopy {
    bottom: 0;
    right: 9.5%;
    width: 13vw;
}

.food-menu-wrapper .dottedArrows {
    top: 14vw;
    left: 7%;
    width: 17vw;
    z-index: 1;
}

.membership-provides {
    overflow: hidden;
    padding-bottom: 8vw
}

.membership-provides .purpledotes {
    bottom: -30px;
    left: -40px;
    width: 44vw;
    z-index: 1;
}

.membership-provides .linesshape {
    top: 10%;
    right: 0;
    width: 15vw;
    z-index: 1;
}

.membership-provides .o2b-b {
    bottom: 20%;
    right: 6%;
    width: 4vw;
    z-index: 1;
}

.middle-size3743 {
    padding: 20px 0 30px;
}

.bday.membership-provides .delivering-result-content {
    max-width: 62vw;
}

.membership-provides .diff-sub-title {
    color: #fff;
}

.play-venue.intelligence {
    padding: 11vw 0 15vw;
    margin-top: -40px;
}

.play-venue .halfovalpurp1 {
    right: 0;
}

.mainform-wrap.find-a-class-search {
    max-width: 100%;
    margin: 0;
    display: block;
    border-radius: 0;
    background: transparent;
}

.classes-detail-hero {
    padding-bottom: 10vw;
    min-height: 38.385vw;
}

.classes-detail-hero .o2b-hero-c {
    bottom: 2vw;
    right: 19%;
    z-index: 1;
    width: 4vw;
}

.classes-detail-hero .page-center {
    max-width: 90vw !important;
}

.classes-detail-hero .btn-hero-back {
    position: absolute;
    top: -13vw;
    left: 0.5vw;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    color: #000;
    display: inline-block;
    text-decoration: underline;
}

.about-classes {
    padding: 0 0 13vw;
    position: relative;
}

.about-classes .main-class-pic {
    padding: 0;
    margin-top: -10vw;
    position: relative;
    z-index: 2;
    margin-bottom: 6.771vw;
}

.about-classes .middle-size3743 {
    padding: 20px 0 30px;
}

.about-classes .page-center {
    max-width: 69vw;
}

.about-classes .halfovalpurp {
    position: absolute;
    right: 0;
    width: 6vw;
    transform: scaleX(1);
}

.about-classes .left-circle,
.class-rules-wrapper .left-circle {
    bottom: -24.9vw;
    left: -36vw;
    z-index: 3;
}

.class-rules-wrapper .left-circle {
    left: -24vw;
}

.classes-slider-wrapper .child-slide h3,
.classes-slider-wrapper .child-slide h5,
.classes-slider-wrapper .child-slide p {
    text-align: center;
}

.classes-slider-wrapper .child-slide h5 {
    font-size: 25px;
    line-height: 28px;
    color: #6A6A6A;
    font-weight: bold;
    background: url(../images/dashed-border.png) no-repeat center bottom;
    padding-bottom: 20px;
    margin-bottom: 15px;
}

.membership-landing .graphiclinescopy2 {
    right: 0;
    top: 11vw;
    width: 12.5vw;
    left: unset;
}

.membership-progams-list.featured-classes {
    padding: 10vw 0 23vw 0;
}

.membership-map .eventList {
    margin-top: -50px;
}

.classes-slider-wrapper .asgroup {
    left: 99vw;
    width: 13.281vw;
}

.classes-slider-wrapper .middle-size3743 {
    color: #fff;
    padding-bottom: 20px;
}

.classes-slider-wrapper.what-child-do-wrapper .content-center>article {
    max-width: 860px;
}

.btn-schedule:before {
    content: "";
    position: absolute;
    background: url(../images/green-arrow.png) center center/5.5vw no-repeat;
    width: 13vw;
    height: 15vw;
    top: -8vw;
    left: -13vw;
    transform: scale(0.8) rotate(-21deg);
}

.classes-slider-wrapper .slick-dots {
    display: none !important;
}

.grid-4-list ol,
.grid-4-list ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    padding-left: 26px;
}

.grid-4-list li {
    padding-right: 15px;
}

.gymnastics-skills {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: 0 !important;
}

.gymnastics-skills .common-wrapper h2.arrow-title {
    display: inline-block;
    position: relative;
}

.gymnastics-skills .common-wrapper h2.arrow-title:before {
    content: "";
    position: absolute;
    background: url(../images/green-arrow-copy.png) no-repeat center center;
    background-size: 6.7vw;
    right: 100%;
    top: 0;
    width: 10vw;
    height: 3vw;
}

.gymnastics-skills .pre-overview.accordion-wrapper-met .accord-wrap:first-child:before {
    display: none;
}

.gymnastics-skills .page-center {
    max-width: 70vw;
}

.daily-class-schedule.daily-shedule-wrapper.summer-school article {
    max-width: 1000px;
    margin-bottom: 26px;
}

.benefits-wrapper .content-center {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}

.benefits-wrapper .moblines {
    display: none;
    right: 9.5%;
    bottom: 0;
}

.progress-grid-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
    position: relative;
    z-index: 5;
    justify-content: center;
}

.progress-grid {
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding: 0 20px;
}

.benefits-progress-status .progressbar-status:last-child .progress {
    margin-bottom: 0;
}

.progress-box {
    background-color: #fff;
    padding: 60px 60px 66px;
    border-radius: 40px;
}

.progress-box h5 {
    font-size: 37px;
    line-height: 43px;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}

.progressbar-status h6 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    color: #000;
    margin-bottom: 15px;
    display: block;
}

.progressbar-status {
    margin-bottom: 25px;
}

.progressbar-status:last-child {
    margin-bottom: 0;
}

.progress {
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background-color: #E5E5E5;
    overflow: hidden;
}

.progress-bar {
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: rgb(38, 169, 0);
    background: linear-gradient(90deg, rgba(38, 169, 0, 1) 0%, rgba(102, 199, 0, 1) 100%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    border-radius: 40px;
}

.benefits-wrapper .middle-size3743 {
    padding: 1vw 0 1.2vw;
}

.benefits-wrapper article {
    max-width: 1000px;
    margin: 0 auto 52px;
}

.accordion-wrapper-met .accordian-content article p {
    margin-bottom: 10px;
}

.quotes-text {
    max-width: 600px;
    width: 100% !important;
    margin: 0 auto;
    text-align: left !important;
}

.quotes-text h3 {
    color: #fff;
    margin-top: 0;
}

.quotes-text span {
    display: block;
    color: #fff;
    font-size: 37px;
    line-height: 43px;
    font-weight: 500;
}

.cirriculum.laugh-learn-container>div:last-child {
    justify-content: center;
}

.class-rules-wrapper {
    background-color: #E5E5E5;
    margin-top: -50px;
}

.class-rules-wrapper .accordion-wrapper-met {
    margin-top: 50px;
}

.class-rules-wrapper .content-center {
    max-width: 62vw;
    width: 100%;
    margin: 0 auto;
}

.special-events .page-center {
    max-width: 60vw;
}

.special-events article {
    max-width: 51vw;
    width: 100%;
    margin: 0 auto;
}

.calenter-event-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 62.3vw;
    width: 100%;
    margin: 0 auto;
    justify-content: center;
}

.calender-wrapper {
    margin-top: 4vw;
}

.calender-wrapper h3 {
    display: inline-block;
    color: #231F20;
    font-size: 37px;
    line-height: 43px;
    font-weight: bold;
    margin-bottom: 5vw;
}

.calender-event {
    padding: 2.083vw 1.823vw;
    flex: 0 0 14vw;
    max-width: 14vw;
    min-height: 14vw;
    margin: 0.781vw;
    border-radius: 2vw;
    text-align: left;
    background: rgb(152, 17, 194);
    background: linear-gradient(45deg, rgba(152, 17, 194, 1) 0%, rgba(71, 8, 139, 1) 100%);
    color: #fff;
    font-size: 1px;
    line-height: 26px;
}

.calender-event h5 {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: #FFC000;
    background: url(../images/dashed-border-white.png) no-repeat left bottom;
}

.calender-event .event-desc {
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    color: #fff;
}

.arrow-title {
    position: relative;
}

.calender-wrapper .arrow-title:before {
    content: "";
    position: absolute;
    background: url(../images/green-arrow-copy.png) no-repeat center center;
    background-size: 6vw;
    right: 100%;
    top: 0;
    width: 10vw;
    height: 3vw;
}

.benefits-wrapper {
    padding-bottom: 240px;
    overflow: hidden;
}

.benefits-wrapper .linescircle {
    bottom: 10vw;
    left: 9.5%;
    width: 12.6vw;
    z-index: 1;
}

.benefits-wrapper .linespurplecircle {
    top: 12vw;
    right: 9.5%;
    width: 7.4vw;
    z-index: 1;
}

.benefits-wrapper .o2b-b {
    bottom: 10vw;
    right: 17vw;
    width: 4vw;
    z-index: 1;
}

.rewards-wrapper {
    color: #fff;
    text-align: center;
    margin-top: -50px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-bottom: 400px !important;
}

.rewards-wrapper article {
    max-width: 56vw;
    width: 100%;
    margin: 0 auto;
}

.badge-slider {
    padding-top: 50px;
    max-width: 79vw;
    width: 100%;
    margin: 0 auto;
}

.badge-slide {
    padding: 0 2vw;
    /* max-width: 330px;
    width: 100%; */
}

.badge-slide span {
    display: block;
    font-size: 35px;
    line-height: 40px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.hexa-img {
    display: inline-block;
    width: 16vw;
    height: 16vw;
    margin: 0 auto;
    -webkit-clip-path: polygon(94.33013% 47.5%, 94.69846% 48.2899%, 94.92404% 49.13176%, 95% 50%, 94.92404% 50.86824%, 94.69846% 51.7101%, 94.33013% 52.5%, 74.33013% 87.14102%, 73.83022% 87.85495%, 73.21394% 88.47124%, 72.5% 88.97114%, 71.7101% 89.33948%, 70.86824% 89.56505%, 70% 89.64102%, 30% 89.64102%, 29.13176% 89.56505%, 28.2899% 89.33948%, 27.5% 88.97114%, 26.78606% 88.47124%, 26.16978% 87.85495%, 25.66987% 87.14102%, 5.66987% 52.5%, 5.30154% 51.7101%, 5.07596% 50.86824%, 5% 50%, 5.07596% 49.13176%, 5.30154% 48.2899%, 5.66987% 47.5%, 25.66987% 12.85898%, 26.16978% 12.14505%, 26.78606% 11.52876%, 27.5% 11.02886%, 28.2899% 10.66052%, 29.13176% 10.43495%, 30% 10.35898%, 70% 10.35898%, 70.86824% 10.43495%, 71.7101% 10.66052%, 72.5% 11.02886%, 73.21394% 11.52876%, 73.83022% 12.14505%, 74.33013% 12.85898%);
    clip-path: polygon(94.33013% 47.5%, 94.69846% 48.2899%, 94.92404% 49.13176%, 95% 50%, 94.92404% 50.86824%, 94.69846% 51.7101%, 94.33013% 52.5%, 74.33013% 87.14102%, 73.83022% 87.85495%, 73.21394% 88.47124%, 72.5% 88.97114%, 71.7101% 89.33948%, 70.86824% 89.56505%, 70% 89.64102%, 30% 89.64102%, 29.13176% 89.56505%, 28.2899% 89.33948%, 27.5% 88.97114%, 26.78606% 88.47124%, 26.16978% 87.85495%, 25.66987% 87.14102%, 5.66987% 52.5%, 5.30154% 51.7101%, 5.07596% 50.86824%, 5% 50%, 5.07596% 49.13176%, 5.30154% 48.2899%, 5.66987% 47.5%, 25.66987% 12.85898%, 26.16978% 12.14505%, 26.78606% 11.52876%, 27.5% 11.02886%, 28.2899% 10.66052%, 29.13176% 10.43495%, 30% 10.35898%, 70% 10.35898%, 70.86824% 10.43495%, 71.7101% 10.66052%, 72.5% 11.02886%, 73.21394% 11.52876%, 73.83022% 12.14505%, 74.33013% 12.85898%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.how-to-join-wrapper.find-perfect-class .btn-common {
    margin-top: 50px;
}

.rewards-wrapper .ttgraphiclinescopy2 {
    left: 7.5%;
    top: 8vw;
    width: 15.5vw;
}

.rewards-wrapper .ttovalcopy12 {
    right: 9.5%;
    top: -9vw;
    width: 8vw;
}

.location-slider-container {
    margin-top: -30px;
}

.location-finder-sect #location_search {
    text-align: left !important;
    max-width: 290px;
    width: 100%;
}

.find-perfect-class .how-to-join {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.daily-shedule-wrapper.daily-class-schedule {
    padding-bottom: 140px;
}

.membership-landing h2.main-title-size {
    color: #FFC000;
    padding-top: 9vw;
    padding-bottom: 0;
}

.membership-landing h3 {
    color: #FFF;
    padding: 25px 0 70px;
}

.services-offered h1.main-title-size {
    padding: 0 5px;
}


/*---------------------8-3-21--------------------*/

.stories-hero {
    overflow: visible !important;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.stories-hero .hero-title-size {
    padding: 175px 0 0 0 !important;
}

.hero-half .imgBottle {
    width: 23.958vw;
    bottom: -9.115vw;
    left: -5.417vw;
}

.search-holder {
    width: 28.24vw !important;
    position: relative;
    z-index: 10;
}

.search-arrow {
    width: 5.990vw;
    position: absolute;
    top: -0.677vw;
    left: -6.458vw;
}

.custom-select {
    width: 17.083vw;
    position: relative;
}

.custom-multi-select {
    position: relative;
}

.input-search {
    background-color: #FFF;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    outline: none;
    border: none;
    margin: 10px 0;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: right 1.2em top 50%;
    background-size: .65em auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 0 60px 0 30px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.input-search::before {
    content: "";
    background: url(../images/iconDrop.png) no-repeat center center;
    width: 15px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(-180deg);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.custom-select ul {
    background-color: #FFF;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 43px;
    left: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    z-index: 0;
    padding: 34px 0 19px;
    display: none;
}

.custom-multi-select ul {
    background-color: #FFF;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    /* top: 43px; */
    top: calc(100% - 22px);
    left: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    z-index: 0;
    padding: 34px 0 19px;
    /* display: none; */
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.input-search.show::before {
    transform: rotate(0deg);
}

.custom-select li,
.custom-multi-select li {
    color: #231F20;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 15px;
    cursor: pointer;
}

.custom-select li:last-child,
.custom-multi-select li:last-child {
    padding-bottom: 0;
}

.custom-select input[type="text"],
.custom-multi-select input[type="text"] {
    width: 100%;
    background: transparent;
    color: #231F20;
    font-size: 22px;
    font-weight: 500;
    padding: 1vw 4px;
    border: none;
    pointer-events: none;
    cursor: pointer;
}

.story-slide>.story:first-child .story-bk {
    width: 27.656vw !important;
    height: 20.729vw !important;
}

.story-slide .story-bk {
    position: relative;
}

.story-slide .story-bk a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.hero-half .burst-white {
    /* bottom: -88%!important; */
    bottom: -72% !important;
}

.stories-wrapper {
    position: relative;
}

.page-template-Template-Stories .right-circle {
    width: 46.615vw;
    top: 1.542vw;
    right: -37.979vw;
}

.page-template-Template-Stories .stories-container {
    padding: 2vw 0 0;
}

.page-template-Template-Stories .inner-story-container {
    position: relative;
    z-index: 5;
}

.page-template-Template-Stories .historyoval {
    left: 0px !important;
    width: 5vw;
    bottom: 22%;
    transform: none !important;
    top: inherit;
}

.sory-right-alpha {
    width: 19.219vw;
    position: absolute;
    right: 0;
    bottom: 0;
}

.career-hero.bday {
    overflow: visible !important;
    min-height: 604px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden !important;
}


/* Updated 30-04-2021 starts here */

.career-footer .main-footer {
    padding-top: 100px !important;
}

.fop-slider.location-slider {
    margin-top: 0;
}

.fop-slider .location-slider-container {
    margin-top: 0;
    max-height: 650px;
}

.fop-slider .location-slider-container .slick-prev,
.fop-slider .location-slider-container .slick-next,
.career-we-care .slick-prev,
.career-we-care .slick-next,
.teacher-container .slick-prev,
.teacher-container .slick-next,
body .program-benefits-slider .slick-prev,
body .program-benefits-slider .slick-next {
    height: 5.4vw !important;
    width: 5.4vw !important;
    background-size: 1.3vw !important;
}

.teacher-container .slick-prev {
    left: -5vw !important;
    top: 50% !important;
}

.teacher-container .slick-next {
    right: -5vw !important;
    top: 50% !important;
}

body .program-benefits-slider .slick-prev {
    left: -7vw !important;
}

body .program-benefits-slider .slick-next {
    right: -7vw !important;
}

.career-we-care {
    margin-top: -75px;
}

.join-us-career .oval-shape {
    position: absolute;
    bottom: 15%;
    width: 16.7vw;
    right: 0;
    transform: translateX(50%);
    left: auto;
}

.teachers-profiles {
    position: relative;
}

.teachers-profiles .books {
    /* bottom: -1.5%; */
    bottom: -1vw;
    z-index: 2;
    transform: translateY(25%);
    width: 25vw;
    left: -2%;
}

.teachers-profiles .ambassador {
    bottom: 0;
    z-index: 2;
    transform: translateY(25%);
    right: -2.3%;
    width: 16.4vw;
}

.we-diverse-career .btn-common {
    margin: auto;
    margin-top: 30px;
    /* width: 20vw; */
    max-width: 315px;
    box-shadow: 0px 0px 14px 0px rgb(0 0 0 / 20%) !important;
}

.game-career {
    position: relative;
}

.game-career .imgGreenCircle {
    left: -28%;
    width: 38.65vw;
    top: 4%;
    transform: scale(1);
}

.teachers-profiles .imgGreenCircle {
    right: -35%;
    width: 44vw;
    top: 4%;
    transform: scale(1);
    left: auto;
}

.featured-openings,
.available-positions {
    padding: 8.85vw 0;
    background-color: #e5e5e5;
}

.featured-openings .opening-list,
.available-positions .opening-list {
    max-width: 61.45vw;
    margin: auto;
    padding: 0;
}

.featured-openings h1 {
    margin-bottom: 2.60vw;
}

.featured-openings .opening-item,
.available-positions .opening-item {
    height: 5.3vw;
    padding: 0 1.56vw;
    background-color: #fff;
    border-radius: 2vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.45vw;
    font-size: 1.1vw;
    font-weight: 700;
    align-items: center;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
}

.featured-openings .opening-item a,
.available-positions .opening-item a {
    text-decoration: underline;
    color: #47088B !important;
}

.featured-openings .btn-common {
    margin-top: 3.12vw;
    /* width: 18vw; */
    max-width: 296px;
}

.career-we-care .ovalcopy {
    width: 5vw;
    position: absolute;
    right: 13.3%;
    /* bottom: 18.9%; */
    bottom: 13.6vw;
}

.we-diverse-career .ovalcopy {
    width: 5vw;
    position: absolute;
    right: 13.3%;
    /* bottom: 53%; */
    /* bottom: 31.8vw; */
    top: 18.5vw;
}

.career-we-care .graphlinescopy {
    /* bottom: -4.6%; */
    bottom: -3.3vw;
    width: 23.65vw;
    position: absolute;
    right: 2.3%;
}

.we-diverse-career .graphlinescopy {
    /* bottom: 25%; */
    /* bottom: 15vw; */
    top: 14.2vw;
    width: 23.65vw;
    position: absolute;
    right: 2.3%;
}

.join-us-content .btn-common {
    margin-right: 20px !important;
}

.join-us-content .btn-common:last-child {
    margin-right: 0 !important;
}

.job-details-content {
    max-width: 74vw;
    margin: auto;
}

.job-details-content .back-to-btn {
    color: #231F20 !important;
}

.job-details-content .back-to-btn span {
    text-decoration: underline;
    margin-left: 15px;
}

.job-details-content .btn-common {
    margin-left: 0;
    margin-top: 3.3vw;
}

.job-details-list {
    margin-top: 5.2vw;
    position: relative;
}

.job-details-list .btn-common {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    max-width: 220px;
}

.job-details-list h1 {
    margin-bottom: 3.5vw;
    color: #47088B;
}

.job-details-item ul,
.job-details-item ol {
    margin-bottom: 1.3vw;
    padding-left: 0;
}

.job-details-item ul li,
.job-details-item ol li {
    padding-left: 20px;
    margin-left: 10px;
    position: relative;
    list-style: none;
}

.job-details-item ul li:before,
.job-details-item ol li:before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #231F20;
    position: absolute;
    left: 0;
    top: 11px;
    /* bottom: 0; */
    margin: auto;
    border-radius: 50%;
}

.job-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.job-type-item {
    flex-basis: 24%;
    width: 24%;
}

.job-details-item h1,
.job-details-item h2,
.job-details-item h3,
.job-details-item h4,
.job-details-item h5,
.job-details-item h6 {
    font-size: 37px !important;
    line-height: 43px !important;
    font-weight: bold;
    letter-spacing: 0.13px;
    margin-bottom: 2vw;
    padding: 0 !important;
    margin-top: 4.16vw;
}

.job-type-item h1,
.job-type-item h2,
.job-type-item h3,
.job-type-item h4,
.job-type-item h5,
.job-type-item h6 {
    margin-top: 0;
}

.job-details {
    padding: 4vw 0 7vw;
    font-size: 22px !important;
    line-height: 32px !important;
    font-weight: 500;
}

.job-details-item p,
.job-details-item li {
    font-size: 22px !important;
    line-height: 32px !important;
    font-weight: 500;
}

.career-header {
    width: 100%;
    background: rgb(71, 8, 139);
    background: linear-gradient(311deg, rgba(71, 8, 139, 1) 0%, rgba(152, 17, 194, 1) 100%);
}

.career-center {
    max-width: 1435px;
    width: 100%;
    margin: 0 auto;
}

.career-header .career-center {
    min-height: 126px;
    justify-content: space-between;
    align-items: center;
}

.career-header figure {
    width: 97px;
}

.career-header figure img {
    display: block;
}

.header-tag {
    font-size: 22px;
    font-weight: 500;
    color: #FFF;
}

.success-hero.yellow-gradient {
    padding-top: 8.33vw;
    padding-bottom: 13.33vw;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 126px);
    /* z-index: 21474836470; */
    background: linear-gradient(45deg, #fff627 0%, #FFB700 100%);
}

.success-hero.yellow-gradient.success-contact {
    padding-top: 17.33vw;
    background: linear-gradient(45deg, rgba(255, 161, 0, 1) 0%, rgba(255, 192, 0, 1) 100%);
}

.success-hero .hero-title-size {
    margin-top: 3.13vw;
    margin-bottom: 2.08vw;
}

.success-hero .main-p-size {
    max-width: 55vw;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3.13vw;
    padding: 1.5vw 0 0;
    text-align: center;
}

.success-hero .join-us-content .btn-common {
    max-width: 14vw;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.career-hero.success-hero .hero-title-size {
    padding: 0 !important;
}

.success-hero.hero-half img.cheer-img {
    position: relative;
    max-width: 14.27vw;
    width: 100%;
}

.success-hero.hero-half .itgraphiclinescopy6 {
    width: 21vw;
    right: -9.5%;
    /* bottom: 21.8vw; */
    top: 4.1vw;
}

.success-hero.hero-half .ttAwhitecopy {
    max-width: 4.11vw;
    top: 7.08vw;
    left: 9%;
}

.success-hero.hero-half .ttCwhitecopy {
    max-width: 3.47vw;
    bottom: 13.64vw;
    right: 5%;
}

body .success-hero.career-hero .ttovalcopy20 {
    position: absolute;
    width: 4.68vw;
    top: 8.95vw;
    right: 7.18vw;
    left: auto;
}

.success-hero.career-hero .ttovalcopy21 {
    position: absolute;
    width: 5.32vw;
    bottom: 13.12vw;
    left: 0;
}

.success-hero.career-hero .ttovalcopy22 {
    position: absolute;
    width: 12.08vw;
    bottom: 0;
    left: auto;
    right: 2.5vw;
}

.success-hero.hero-half .burst-white {
    bottom: -38% !important;
    width: 59vw !important;
    left: -31vw !important;
}

.success-hero.hero-half.success-contact .burst-white {
    bottom: -31vw !important;
    width: 59vw !important;
    left: auto !important;
    right: auto;
    top: auto !important;
}

.application-exit {
    position: fixed;
    z-index: 111;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0, 0, 0, .3);
}

.application-exit-content {
    display: block;
    width: 87.28vw;
    margin: auto;
    /* max-width: 1180px; */
    max-width: 940px;
    max-height: fit-content;
    box-shadow: 0 2px 16px rgb(0, 0, 0);
    border-radius: 40px;
    background-color: #fff;
    padding-top: 75px;
    padding-bottom: 75px;
    /* padding-top: 4vw;
    padding-bottom: 4vw; */
    position: relative;
}

.application-exit-content .middle-size3743 {
    /* padding-bottom: 70px; */
    padding-bottom: 3.6vw;
    padding-top: 0;
    width: 62.67vw;
    max-width: 675px;
    margin: auto;
    text-align: center;
}

.application-exit-content .main-p-size {
    width: 62.67vw;
    max-width: 675px;
    margin: auto;
    /* margin-bottom: 40px; */
    margin-bottom: 2vw;
    text-align: center;
}

.application-exit-content .join-us-content .btn-common {
    background-image: none;
    display: flex;
    justify-content: center;
    padding: 0;
}

.application-exit-content .join-us-content .btn-common.btn-red {
    background-color: #C70000;
}

.application-exit-content .application-exit-close {
    position: absolute;
    right: 40px;
    top: 40px;
    margin: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


/* Updated 30-04-2021 ends here */


/*--------------Career forms--------------*/

.page-template-Template-Career-Form {
    background: #E5E5E5;
}

.career-header {
    width: 100%;
    background: rgb(71, 8, 139);
    background: linear-gradient(311deg, rgba(71, 8, 139, 1) 0%, rgba(152, 17, 194, 1) 100%);
}

#career-container {
    padding-bottom: 70px;
    background: #e5e5e5;
}

.career-center {
    max-width: 1435px;
    width: 100%;
    margin: 0 auto;
}

.career-header .career-center {
    min-height: 126px;
    justify-content: space-between;
    align-items: center;
}

.career-header figure {
    width: 97px;
}

.career-header figure img {
    display: block;
}

.header-tag {
    font-size: 22px;
    font-weight: 500;
    color: #FFF;
}

.step-holder {
    width: 100%;
    height: 100px;
    margin: 118px 0 0;
}

.step-holder ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.step-holder li {
    flex: 1;
    padding: 45px 0 0;
    position: relative;
}

.step-holder li span {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    display: block;
}

.step-holder li em {
    background: #B2B2B2;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.step-holder li em::before,
.step-holder li em::after {
    content: "";
    position: absolute;
}

.step-holder li em::before {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    z-index: 1;
}

.step-holder li em::after {
    background: #979797;
    width: 431%;
    height: 1px;
    top: 15px;
    left: 30px;
    z-index: 0;
}

.step-holder li:last-child em::after {
    content: none;
}

.step-holder li.green em {
    background: #66C700;
}

.step-holder li.violet em::before {
    background: #47088B;
}

.common-career-wrapper {
    display: none;
}

.tabCurrent {
    display: block !important;
}

.common-career-wrapper h1,
.common-career-wrapper h2.career-subtitle {
    font-size: 72px;
    color: #47088B;
    font-weight: 900;
    margin: 90px 0 20px;
    caret-color: transparent;
    display: block;
}

.common-career-wrapper h2 {
    font-size: 37px;
    font-weight: bold;
    color: #231F20;
    margin: 0 0 30px;
    display: block;
}

.career-input-holder {
    max-width: 465px;
    width: 100%;
}

.career-input-holder:not(:last-child) {
    margin: 0 20px 0 0;
}

.career-input-holder input::-webkit-input-placeholder,
.selectDrop input::-webkit-input-placeholder {
    color: #000;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:-moz-placeholder,
.selectDrop input:-moz-placeholder {
    color: #000;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input::-moz-placeholder,
.selectDrop input::-moz-placeholder {
    color: #000;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:-ms-input-placeholder,
.selectDrop input:-ms-input-placeholder {
    color: #000;
    -ms-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}


/* Place Holder CSS for Focus */

.career-input-holder input:hover::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:hover:-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:hover::-moz-placeholder {
    opacity: 1;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:hover:-ms-input-placeholder {
    opacity: 1;
    -ms-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}


/* Place Holder CSS for Focus */

.career-input-holder input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.50s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:focus:-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.career-input-holder input:focus:-ms-input-placeholder {
    opacity: 0;
    -ms-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

* {
    box-sizing: border-box;
}

.career-input-holder input[type="text"],
.career-input-holder input[type="password"],
.career-input-holder input[type="email"],
.career-input-holder input[type="number"],
.career-input-holder input[type="datable"] {
    font-family: 'Goldplay';
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    height: 63px;
    border: none;
    padding: 0 30px 0;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
}

.career-input-holder input[type="text"]:focus,
.career-input-holder input[type="password"]:focus,
.career-input-holder input[type="email"]:focus,
.career-input-holder input[type="number"]:focus {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

.career-input-holder input[type=number]::-webkit-inner-spin-button,
.career-input-holder input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.career-input-fullwidth textarea {
    font-family: 'Goldplay';
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    height: 175px;
    padding: 25px 30px 45px;
    border: none;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    border-radius: 20px;
}

.form-row,
.checkbox-row,
.checkbox-row-chek,
.checkbox-row-detail {
    margin-bottom: 60px;
}

.form-row>label,
.career-input-holder>label,
.checkbox-row>label,
.quarter-width label,
.checkbox-row-check>label,
.checkbox-row-detail>label {
    font-size: 25px;
    font-weight: 600;
    color: #231F20;
    padding-bottom: 25px;
    caret-color: transparent;
    display: block;
}

.form-row .flex,
.career-input-fullwidth,
.checkbox-vertical-holder .checkbox-holder {
    margin-bottom: 40px;
    margin-right: 0;
}

.checkbox-vertical-holder:not(:last-child) {
    margin-right: 35px;
}

.checkbox-vertical-holder .checkbox-holder {
    align-items: flex-start;
}

.custom-select,
.career-input-holder .custom-select,
.custom-multi-select {
    width: 100%;
    position: relative;
    z-index: 10;
}

.career-input-holder .custom-select select,
.custom-multi-select select {
    border: none;
    border-radius: 20px;
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

.career-input-holder .custom-select,
.custom-multi-select {
    max-width: 100% !important;
}

.career-input-holder .input-career-search,
.career-multi-holder .input-multi-search {
    background-color: #FFF;
    outline: none;
    border: none;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: right 1.2em top 50%;
    background-size: .65em auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 0 60px 0 0;
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    caret-color: transparent;
}

.career-input-holder .custom-select input[type="text"],
.select-text,
.custom-multi-select input[type="text"],
.select-multi-text {
    font-size: 22px;
    padding: 0 30px 0;
}

.career-input-holder .custom-select .select-text {
    height: 63px;
    line-height: 62px;
}

.custom-multi-select .select-multi-text {
    min-height: 63px;
    height: auto;
    /* line-height: 62px; */
    line-height: 0 !important;
}

.career-input-holder .custom-select input[type="text"],
.custom-multi-select input[type="text"],
.stateListing {
    display: none;
}

.z-position {
    z-index: 15;
}

.input-career-search::before,
.input-multi-search::before {
    content: "";
    background: url(../images/iconFormDrop.png) no-repeat center center;
    background-size: cover;
    width: 23px;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(0deg);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.custom-select ul {
    background-color: #FFF;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 43px;
    left: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    z-index: 0;
    padding: 34px 0 19px;
    caret-color: transparent;
    display: none;
}

.custom-multi-select ul {
    background-color: #FFF;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    /* top: 43px; */
    top: calc(100% - 22px);
    left: 0;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    z-index: 0;
    padding: 34px 0 19px;
    caret-color: transparent;
    /* display: none; */
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.input-career-search.show::before,
.input-multi-search.show::before {
    transform: rotate(-180deg);
}

.custom-select li,
.custom-multi-select li {
    color: #231F20;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 15px;
    cursor: pointer;
}

.custom-select input[type="text"],
.custom-multi-select input[type="text"] {
    width: 100%;
    background: transparent;
    color: #231F20;
    font-size: 22px;
    font-weight: 500;
    border: none;
    pointer-events: none;
    cursor: pointer;
    box-shadow: none;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    display: none;
}

.checkbox-holder {
    align-items: center;
}

.checkbox-holder:not(:last-child) {
    margin-right: 35px;
}

.checkbox-holder label {
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 0 20px;
    caret-color: transparent;
}

.checkbox,
.radio {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    border-radius: 8px;
    position: relative;
    padding: 0 !important;
    cursor: pointer;
    caret-color: transparent;
    display: block;
}

.checkbox .checkmark,
.radio .checkmark {
    content: "";
    width: 18px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding: 0;
}

.checkbox input[type="checkbox"]:checked+.checkmark,
.radio input[type="radio"]:checked+.checkmark {
    background: url(../images/iconFormTick.png) no-repeat center center;
    background-size: cover;
}

.btn-career {
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    line-height: 70px;
    width: 168px;
    height: 70px;
    border-radius: 20px;
    border: none;
    position: absolute;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    cursor: pointer;
}

.career-next {
    text-align: left;
    background: #66C700 url(../images/iconFormNext.png) no-repeat 85% center;
    background-size: 16px 25px;
    padding: 0 57px 0 45px;
    right: 0;
}

.career-prev {
    text-align: right;
    background: #66C700 url(../images/iconFormPrev.png) no-repeat 17% center;
    background-size: 16px 25px;
    padding: 0 45px 0 57px;
    left: 0;
}

.submit-application {
    max-width: 337px !important;
    width: 100%;
    background-position: 92.8% center;
}

.career-nav-holder {
    position: relative;
    min-height: 70px;
}

#form-2 .checkbox-row>.flex,
#form-2 .checkbox-row-check>.flex {
    width: 100%;
    justify-content: space-between;
}

.checkbox-vertical-holder {
    flex: 1;
}

#form-3 .week-days .checkbox-holder:not(:last-child) {
    margin-right: 70px;
}

.career-textarea-holder,
.career-input-holder,
.career-multi-holder,
.question-check,
.checkbox-row-detail,
#form-2 .checkbox-row,
.attest-accuracy .quarter-width {
    position: relative;
}

.career-textarea-holder::before,
.career-textarea-holder::after {
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    position: absolute;
    bottom: 18px;
}

.career-textarea-holder::before {
    content: attr(data-count);
    right: 54px;
}

.career-textarea-holder::after {
    content: attr(data-words);
    right: 15px;
}

.visibility-hide {
    visibility: hidden;
}

#form-3 .career-input-holder .custom-select,
#form-3 .career-multi-holder .custom-multi-select {
    /* max-width: 340px!important; */
    max-width: 700px !important;
}

#form-3 .career-input-holder:last-child {
    max-width: 100%;
}

.recent-employment-wrapper {
    position: relative;
    padding: 0 0 38px;
}

.recent-employment-wrapper .form-row {
    margin-bottom: 40px;
    border-bottom: 1px solid #979797;
    position: relative;
}

.btn-add-more {
    font-size: 22px;
    color: #231F20;
    font-weight: bold;
    padding: 0 46px 0 0;
    height: 36px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.btn-add-more::after {
    content: "";
    background: url(../images/iconFormAddmore.png) no-repeat center center;
    background-size: cover;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 100%;
}

.btn-delete {
    background: url(../images/iconFormDelete.png) no-repeat center center;
    background-size: cover;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 10px;
    border-radius: 100%;
    z-index: 10;
    display: none;
}

.recent-employment-wrapper .form-row:last-child .btn-delete,
.career-unemployment-content .form-row:last-child .btn-delete {
    display: block;
}

.half-width {
    max-width: inherit;
    flex: 1;
}

.quarter-width {
    max-width: inherit;
    flex: 1 1 50%;
}

.quarter-width:not(:last-child) {
    margin-right: 20px;
}

.unemployment {
    font-size: 22px;
    font-weight: 500;
    color: #231F20;
    margin-bottom: 60px;
    display: block;
}

.career-unemployment-content {
    padding-bottom: 70px;
    position: relative;
}

.career-unemployment-content .form-row {
    margin: 0;
}

.career-unemployment-content .career-input-holder .flex {
    margin: 0;
}

.career-unemployment-content .discribe-input {
    max-width: 580px;
    width: 100%;
    padding-right: 120px;
    position: relative;
}

.career-unemployment-content .half-width {
    max-width: 708px;
    width: 100%;
}

.career-unemployment-content .discribe-input .btn-delete {
    top: 70px;
    right: 60px;
}

.file-upload {
    font-size: 22px;
    font-weight: 500;
    line-height: 69px;
    max-width: 327px;
    height: 74px;
    border: 2px solid #231F20;
    border-radius: 20px;
    caret-color: transparent;
    cursor: pointer;
    padding: 0 0 0 100px;
    position: relative;
    display: block;
}

.doc-details.flex {
    margin: 0;
    position: relative;
}

.doc-details span {
    font-size: 22px;
    font-weight: 500;
    color: #231F20;
    margin-top: 46px;
    padding: 0 40px 0 38px;
    position: relative;
    caret-color: transparent;
    display: block;
}

.doc-details span:not(:last-child) {
    margin-right: 72px;
}

.doc-details span::before {
    content: "";
    background: url(../images/iconFile.png) no-repeat center center;
    width: 24px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.doc-details span em {
    background: url(../images/closeFile.png) no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 2px;
    cursor: pointer;
    display: block;
}

.file-upload::before {
    content: "";
    background: url(../images/iconUpload.png) no-repeat center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 20px;
    left: 56px;
}

.file-upload input[type="file"] {
    display: none;
}

.required-statement .half-width .quarter-width,
.final-fconfirm .half-width .quarter-width {
    max-width: 340px;
    width: 100%;
}

.input-disable input[type="text"]:disabled {
    background-color: transparent;
    pointer-events: none;
    caret-color: transparent;
}

.review-and-sign h2 a {
    font-size: 25px;
    color: #47088B;
    text-decoration: underline;
    padding-left: 20px;
}

.edit-wrapper {
    margin-bottom: 55px;
}

.edit-wrapper ul {
    margin: 0 0 45px;
    padding: 0;
    list-style: none;
}

.edit-wrapper li {
    width: 100%;
    line-height: 32px;
}

.edit-wrapper h4,
.edit-wrapper article h4 {
    font-size: 25px;
    font-weight: 600;
}

.edit-wrapper li span,
.edit-wrapper article p,
.edit-wrapper li em {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
}

.edit-wrapper li span {
    display: flex;
    flex-flow: row nowrap;
}

.edit-wrapper li strong {
    font-weight: 600;
}

.personal-info li {
    max-width: 274px;
    width: 100%;
}

.personal-info li:not(:last-child) {
    margin-right: 100px;
}

.select-positions li {
    max-width: 100%;
    width: 100%;
}

.availability li {
    max-width: 316px;
}

.availability li:not(:last-child) {
    margin-right: 50px;
}

.education ul:not(:last-child) {
    margin-right: 80px;
}

.education li {
    max-width: 650px;
}

.education li h4 {
    margin-bottom: 15px;
}

.other-education {
    margin-top: 30px;
}

.edit-wrapper article p {
    padding-top: 10px;
}

.required-statement-edit article {
    margin-bottom: 50px;
}

.references ul:not(:last-child) {
    margin-right: 150px;
}

.final-fconfirm p {
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 25px;
}

.desk-hide {
    display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid transparent;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

.career-input-holder .custom-select ul,
.custom-multi-select ul {
    max-height: 275px;
    overflow-x: hidden;
}

.z-position {
    z-index: 15;
}

.slick-dots {
    gap: 8px 0px;
    flex-wrap: wrap;
}

.error_required {
    font-size: 18px;
    font-weight: 500;
    color: rgb(245, 112, 112);
    font-style: normal;
    position: absolute;
    left: 0;
    bottom: -31px;
    width: 100%;
}

#form-2 .checkbox-row .error_required {
    bottom: -11px;
}

.file-alert {
    font-size: 13px;
    font-weight: 500;
    color: rgb(245, 112, 112);
    font-style: normal;
    position: absolute;
    left: 0;
    top: 10px;
}

.edit-wrapper li em {
    padding-left: 5px;
}

.final-fconfirm .career-legal-name:disabled {
    background-color: #FFF;
    pointer-events: none;
    caret-color: transparent;
}

.career-unemployments .flex {
    margin: 0;
}

.career-unemployments.top-margin {
    margin-top: 40px;
}

.classButtonSection {
    justify-content: center;
    align-items: center;
}

.classButtonSection a {
    margin: 35px 0 0 0;
}

.classButtonSection a:first-child {
    margin-right: .9375rem;
}

.classButtonSection a:last-child {
    margin-left: .9375rem;
}

.contactTextarea.career-textarea-holder::before,
.contactTextarea.career-textarea-holder::after {
    z-index: 2;
    bottom: 40px;
}

.statementWrap {
    display: none;
}

.contact-wrapper .wpcf7-not-valid-tip {
    position: relative;
    top: -21px;
    left: 19px;
    text-align: left;
}

.single-story-container .main-div-size {
    padding: 4vw 0;
}


.single-story-container .main-div-size,
.single-story-container .main-div-size h6,
.single-story-container .main-div-size p,
.single-story-container .main-div-size a,
.single-story-container .main-div-size ol,
.single-story-container .main-div-size ul,
.single-story-container .main-div-size>span {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}

.single-story-container .main-div-size h5 {
    font-size: 24px;
    line-height: 34px;
    padding: 18px 0 10px 0;
}

.single-story-container .main-div-size h4 {
    font-size: 26px;
    line-height: 36px;
    padding: 18px 0 10px 0;
}

.single-story-container .main-div-size h6 {
    padding: 18px 0 10px 0;
}

.single-story-container .main-div-size h3 {
    font-size: 28px;
    line-height: 38px;
    padding: 18px 0 10px 0;
}

.single-story-container .main-div-size h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 18px 0 10px 0;
}

.single-story-container .main-div-size h1 {
    font-size: 32px;
    line-height: 42px;
    padding: 18px 0 10px 0;
}


.single-story-container a {
    color: #47088b;
}

.event-contains {
    min-height: 0% !important;
    flex-grow: 1;
}

.event-content {
    padding: 0 0 40px 0 !important;
}

.eventList.se li {
    display: flex;
    flex-direction: column;
}

.children-header {
    background: #1b4686;
}

.cedar-header {
    background: #3f4443;
}

.children-header.career-header figure {
    width: 180px;
}

.cedar-header.career-header figure {
    width: 138px;
}

.virtual-location-wrapper {
    position: relative;
    background-color: #e5e5e5;
}

.virtual-location-wrapper iframe {
    object-fit: fill;
}

body .virtual-location-wrapper>.page-center>.middle-size3743 {
    padding-bottom: 0px;
}

.virtual-location-wrapper .video-wrapper {
    margin-top: 30px;
}

.virtual-location-wrapper .circles_greencopy6 {
    display: none;
}

.virtual-location-wrapper .page-center {
    text-align: center;
}

.virtual-location-wrapper .main-title-size {
    color: #620b9d;
}

.virtual-location-wrapper .video-wrapper {
    position: relative;
}

.virtual-location {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.virtual-location h3 {
    font-size: 37px;
    color: #fff;
    max-width: 46%;
    margin: auto;
    text-shadow: 0px 0px 14px rgb(0 0 0 / 75%);
}

.virtual-location svg {
    transform-origin: center bottom;
    animation-name: swinging;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
    filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.5));
}

.career-hero.success-contact .itgraphiclinescopy5 {
    left: 0 !important;
    bottom: auto !important;
    width: 12vw !important;
    max-width: 228px !important;
}

body .career-hero.success-contact .ttovalcopy16 {
    bottom: auto !important;
    z-index: 1;
    left: 7.8%;
    width: 2.9vw;
}

@keyframes swinging {
    0% {
        transform: rotate(-10deg) translate3d(-15px, 0, 0)
    }

    100% {
        transform: rotate(10deg) translate3d(15px, 0, 0)
    }
}

.careerfop-slider .location-slider-container {
    max-height: initial;
}

.flex-mb-0 {
    margin-bottom: 0 !important;
}

.career-holder-mb {
    margin-bottom: 31px !important;
}

.select-checkbox-holder.checkbox-holder {
    margin-bottom: 15px !important;
}

.select-checkbox-holder.checkbox-holder label {
    padding-left: 15px !important
}

.custom-multi-select .select-multi-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.multi-select-text {
    padding: 0 8px 0 14px;
    border-radius: 10px;
    background-color: #E5E5E5;
    margin-right: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    height: 44px;
    /* Multiselect text display */
    /* display: none; */
}

.multi-select-close {
    margin-left: 8px;
    width: 22px;
    height: 22px;
    background: url(../images/multiSelect_close.png) no-repeat center;
    background-size: 100% 100%;
}

.multi-select-close img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.custom-multi-select .input-multi-search:before {
    top: 26px !important;
    bottom: auto !important;
}

.career-multi-holder {
    width: 100%;
}

.career-multi-holder ul.multi-select-list {
    padding-top: 40px;
    display: none;
}

.career-multi-holder ul.multi-select-list.show {
    display: block !important;
}

.find-location-banner.location-finder-sect {
    position: relative;
}

.find-location-temp .box span {
        display: none;
    }

.find-location-banner.location-finder-sect::after {
    content: "";
    position: absolute;
    right: 271px;
    top: 50%;
    background: url(../images/oval-banner-new.png) no-repeat;
    width: 125px;
    height: 126px;
    z-index: 999999;
    background-size: 70px;
}

.find-location-banner-top-graphics {
    position: absolute;
    top: 0;
    right: 145px;
    background: url(../images/bg-banner-top.png) no-repeat;
    background-size: 100%;
    max-width: 400px;
    width: 100%;
    min-height: 424px;
}

.find-location-banner-bottom-graphics {
    position: absolute;
    bottom: -100px;
    left: 160px;
    background: url(../images/bg-banner-bottom.png) no-repeat;
    background-size: 100%;
    max-width: 400px;
    width: 100%;
    min-height: 424px;
}

.find-location-banner.location-finder-sect::before {
    content: "";
    position: absolute;
    left: 145px;
    top: 12%;
    background: url(../images/arrow-dotted-banner.png) no-repeat;
    width: 556px;
    height: 593px;
    z-index: 999999;
    background-size: 315px;
}

.find-location-banner.location-finder-sect {
    z-index: 1;
    margin-top: -30px;
    background-image: url(//o2bkids.com/wp-content/themes/O2B/css/../images/bg-banner-bottom.png), linear-gradient(226.55deg, #ffc000 0%, #ffa100 100%);
    background-repeat: no-repeat;
    background-position: 4.5% 160%;
    /* overflow: hidden; */
}

.find-location-banner.location-finder-sect .selectDrop ul {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.find-location-banner-bottom-graphics {
    display: none;
}

.find-location-temp .locations-center ul {
    display: inline-flex;
    list-style: none;
    background-color: white;
    /* width: 464px; */
    height: 62px;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    border-radius: 23px;
    gap: 25px;
    margin: 0 auto;
    padding: 0px 35px;
}

.find-location-temp .locate-head:first-child {
    /* padding-top: 4vw;
    padding-bottom: 2vw; */
    padding: 100px 0 50px;
}

.find-location-temp .locate-head {
    padding: 130px 0 50px;
}

.find-location-temp .locations-center ul li.active {
    background-color: #47088B;
    color: white;
    width: 114px;
    text-align: center;
    border-radius: 22px;
    padding: 5px;
}

.find-location-temp .locations-center ul li a {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #47088b;
}

.find-location-temp .locations-center ul li.active a {
    color: #fff
}

.find-location-temp .row {
    gap: 35px 30px;
    justify-content: center;
    align-items: stretch;
}

.find-location-temp .box {
    max-width: 470px;
    width: 100%;
    min-height: 310px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
    padding: 73px 60px 53px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}


.find-location-temp .box h3 {
    font-weight: normal;
    font-size: 37px;
    letter-spacing: 0em;
    line-height: 43px;
    text-align: center;
    color: #231f20;
    font-weight: bold;
    min-height: 80px;
    margin-bottom: 25px;
}

.find-location-temp .box p {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 32px;
    text-align: center;
    color: #000;
    padding-bottom: 56px;
}

.find-location-temp .box a {
    font-weight: bold;
    font-size: 29px;
    letter-spacing: 0em;
    line-height: 43px;
    text-align: center;
    color: #790ed2;
    /* justify-content: center; */
    /* display: flex; */
    /* padding-top: 10px; */
    position: relative;
}

.find-location-temp .box a::after {
    content: "";
    position: absolute;
    right: -40px;
    top: 10px;
    background: url(../images/right_icon.png) no-repeat;
    background-size: 100%;
    width: 11px;
    height: 18px;
}

.find-location-temp h2 {
    font-size: 50px !important
}


.locations-list-wrapper {
    text-align: center;
    margin: 60px 0 0;
}

.page-template-Template-Find-A-Location-2023-php .main-footer {
    padding-top: 100px;
}

.find-location-temp .locations-center ul.locations-list-sm {
    display: none;
}

.location-search-title {
    position: absolute;
    top: 150px;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    background: #fff;
    padding: 15px 12px 15px 16px;
    border-radius: 23px;
    font-size: 16px;
    font-weight: bold;
    color: #47088B;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25);
}

.active-location {
    padding: 8px 15px;
    pointer-events: none;
    background: #47088b;
    color: #fff;
    border-radius: 16px;
    margin-left: 35px;
}

.location-search-title span {
    position: relative;
}

.location-search-title span::after {
    position: absolute;
    content: '';
    right: -24px;
    top: 4px;
    background: url(../images/right-arrow.png) no-repeat center center;
    width: 17px;
    height: 17px;
}

/* -----------------------------------------16-12-2022------------------------------------------- */
.search-list-wrap {
    margin-top: 40px;

}

.search-list-wrap h3 {
    text-align: left !important;
}

.search-list-wrap ul {
    margin: 0;
    list-style: none;
    max-height: 600px;
    overflow: auto;
    padding: 0 60px 0 0;
}

.search-list-wrap ul li {
    display: flex;
    justify-content: space-between;
    background: linear-gradient(232.86deg, #47088b 0%, #9811c2 100%);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    border-radius: 30px;
    padding: 40px 0 35px 40px;
    align-items: center;
    color: #fff;
    margin: 20px 0;

}

.search-list-wrap h2 a {
    font-weight: 700;
    color: #fff;
    font-size: 22px !important;
    line-height: 32px !important;
}

.search-list-wrap h4 {
    font-weight: normal !important;
    font-size: 20px !important;
    color: #FFFFFF;
    line-height: 32px !important;

}

.search-list-wrap .arrow-location {
    background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/iconSlideNext.png) no-repeat center center;
    height: 52px;
    width: 52px;
    background-size: 25%;
    border-radius: 100%;
    margin-right: 20px;
    z-index: 2;
}

.search-list-wrap input[type=number] {
    font-size: 22px;
    width: 100%;
    font-weight: 500;
    height: 70px;
    border-radius: 20px;
    border: none;
    padding: 0 40px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-right: 20px;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    -webkit-appearance: none;

}

.search-list-wrap input[type=submit] {
    background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/search.png) no-repeat center center;
    background-size: 35px;
    max-width: 82px;
    width: 100%;
    font-weight: 500;
    height: 70px;
    border-radius: 20px;
    border: none;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    text-indent: -9999px;
    cursor: pointer;
}

.search-input-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-right: 75px;
}

.search-location-list-new {
    padding: 120px 0px 15px 90px;
}

.nearby-locations-wrapper {
    padding: 200px 0 500px;
}

.nearby-location-slider {
    max-width: 1645px;
    margin: 0 auto;
    padding: 20px 0;
}

.nearby-locations-wrapper h1 {
    color: #47088b;
    font-size: 72px;
    text-align: center;
    padding-bottom: 45px;
}

.nearby-loc-slide {
    border-radius: 40px;
    background: #fff;
    box-shadow: 0px 2px 15px rgb(56 46 47 / 15%);
    padding: 30px 15px 40px 15px;
    margin: 1.5vw;

}

.sliderLocation .nearby-loc-slide {
    border-radius: 40px;
    background: #fff;
    box-shadow: 0px 2px 15px rgb(56 46 47 / 15%);
    padding: 20px 15px 40px 15px;
}


.sliderLocation .nearby-location-slider .slick-prev {
    background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/iconSlidePrev.png) no-repeat center center;
    height: 61px;
    width: 61px;
    background-size: 18px;
    border-radius: 100%;
    left: -68px;
    text-indent: -999999px;
    z-index: 5;
}

.sliderLocation .nearby-location-slider .slick-next {
    background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/iconSlideNext.png) no-repeat center center;
    height: 61px;
    width: 61px;
    background-size: 18px;
    border-radius: 100%;
    right: -68px;
    text-indent: -999999px;
    z-index: 5;
}

.nearby-locations-wrapper .nearby-location-slider .slick-next {
    background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/iconSlideNext.png) no-repeat center center;
    height: 88px;
    width: 88px;
    background-size: 22px;
    border-radius: 100%;
    right: -13px;
    text-indent: -999999px;
    z-index: 5;
}

.nearby-locations-wrapper .nearby-location-slider .slick-prev {
    background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/iconSlidePrev.png) no-repeat center center;
    height: 88px;
    width: 88px;
    background-size: 22px;
    border-radius: 100%;
    left: -13px;
    text-indent: -999999px;
    z-index: 5;
}

.sliderLocation .nearby-location-slider .slick-arrow {
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.nearby-locations-wrapper .nearby-location-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}

.nearby-loc-img {
    border-radius: 28px;
    overflow: hidden;
}

.nearby-location-slider h4 {
    color: #47088b;
    font-size: 25px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    padding: 35px 0 15px;
}

.nearby-location-slider h4 a {
    color: #47088b;
}

.nearby-location-slider h5 {
    color: #382F2D;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
}


.search-location-box h4 {
    color: #47088b;
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    padding: 35px 0 15px;
    max-width: 345px;
    width: 100%;
    margin: 0 auto;
}

.search-location-box h4 a {
    color: #47088b;

}

.search-location-box h5 {
    color: #382f2d;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: center;
}

.search-list-wrap h1 {
    text-align: center;
    font-size: 55px;
    padding-bottom: 30px;
    line-height: 62px;
    margin-right: 60px;
    margin-top: 80px;
}

.search-locations-box-block {
    padding: 10vw 0 4vw;
    position: relative;
}

.search-locations-box-block .arrow-dooted-bg {
    top: 2vw;
    transform: rotateX(150deg);
    left: 0;
    width: 17vw;
}

.search-locations-box-block .letter-c {
    right: 3vw;
    top: 18vw;
    max-width: 3.3vw;
}

.search-locations-box-block .graphic-lines-bg {
    bottom: 0vw;
    left: -1vw;
    width: 14vw;
}

.search-locations-box-wrapper {
    max-width: 80vw;
    margin: 0 auto;
}

.search-location-box-list li {
    max-width: 425px;
    width: 100%;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0px 2px 15px rgb(56 46 47 / 15%);
    padding: 20px 15px 40px;
    list-style: none;
    margin-bottom: 50px;
    flex-basis: calc(33.33% - 45px);
}

.search-location-box-list {
    padding: 0;
    display: flex;
    column-gap: 45px;
    flex-wrap: wrap;
    justify-content: center;
}

.nearby-loc-box {
    /* min-height: 300px; */
    text-align: center;
}

.nearby-loc-box h3 {
    font-weight: 400;
    font-size: 37px;
    letter-spacing: 0em;
    line-height: 43px;
    text-align: center;
    color: #231f20;
    font-weight: 700;
    min-height: 88px;
    margin-bottom: 28px;
}

.nearby-loc-box p {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 32px;
    text-align: center;
    color: #000;
    padding-bottom: 45px;
}


.search-locations-box-wrapper h1 {
    font-size: 72px;
    line-height: 80px;
    font-weight: 900;
    text-align: center;
    color: #47088b;

}

.nearby-loc-box a {
    font-weight: 700;
    font-size: 29px;
    letter-spacing: 0em;
    line-height: 43px;
    text-align: center;
    color: #790ed2;
    position: relative;
}

.nearby-loc-box a:after {
    content: "";
    position: absolute;
    right: -30px;
    top: 10px;
    background: url(//o2bkids.com/wp-content/themes/O2B/css/../images/right_icon.png) no-repeat;
    background-size: 100%;
    width: 11px;
    height: 18px;
}

.slider-nav li.seperate {
    position: relative;
    margin-right: 20px;
}

.slider-nav li.seperate::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    transform: translateY(-50%);
    right: -19px;
    background: url(//o2bkids.com/wp-content/themes/O2B/./images/btnCommon-2.png) no-repeat center right;
    background-size: 10px;
    width: 18px;
    height: 18px;
}

.nearby-loc-img img {
    width: 100%;
}

.find-location-banner .how-to-join .main-title-size {
    font-size: 90px !important;
    line-height: 103px !important;
    font-weight: 900;
    max-width: 987px;
    width: 100%;
    margin: 0 auto;
}

.thisselect .how-to-join #program {
    background-image: url(//o2bkids.com/wp-content/themes/O2B/./images/dwnblackarrow.png) !important;
    background-size: 1em auto !important;
}


.search-list-wrap h4 strong {
    font-weight: normal;
}

.search-location-box-list {
    margin: 120px 0 0;
}

.search-location-box .nearby-loc-img img {
    height: 220px;
    object-fit: cover;
}

.search-detail-box {
    max-width: 360px;
    width: 100%;
}


.sliderLocation .slick-track {
    display: flex !important;
}

.sliderLocation .slick-slide {
    height: inherit !important;
}

.search-location-box h5 strong {
    font-weight: 500 !important;
    color: #382f2d;
}

.nearby-location-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.nearby-location-slider .slick-slide {
    height: auto;
}

.single-story-container .main-div-size p {
    padding-bottom: 15px;
}

.single-story-container .main-div-size img {
    display: block;
    padding-bottom: 15px;
}

.social-contains a {
    background-color: unset !important;
}

.social-contains .ssba_share_link span {
    display: none;
}

.page-template-Template-Summer-Camp .met.faq-wrapper.summer-school.summer-faq-wrapper {
    padding: 16vw 0 181px;
}

.summer-contact-wrapper {
    border-radius: 100vw 100vw 0px 0px / 200px 200px 0px 0px;
    width: 140vw;
    margin-left: -20vw;
    margin-top: -20px;
}

.summer-contact {
    padding-bottom: 207px;
}

.summer-button {
    text-align: center;
    padding-top: 40px;
}

.summer-button a {
    min-width: 168px;
    display: inline-flex;
    margin: 0 auto;
    padding: 0 46px 0 35px;
    width: inherit;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
}

.video_youtube iframe {
    width: 100%;
    height: 100%;
    border-radius: 40px;
}

.enrolling-now {
    position: relative;
}

.enrolling-now .circles_greencopy3 {
    bottom: -13vw;
    right: -5.5%;
    transform: rotate(-180deg);
    width: 13.8vw;
    top: unset;
    z-index: 2;
}

.nationally-accredited-new,
.convenience-wrapper-new-bg {
    background-color: #e5e5e5 !important;
}

.nationally-accredited-new .accredited-list-wrapper li {
    background: #fff;
}

.model-demonstration-new {
    z-index: 13;
    margin-top: -50px;
    background: #fff !important
}

.model-demonstration-new .child-center {
    background: #e5e5e5 !important;
}

.infant-toddler-change.pre-overview.infant-toddler {
    margin-top: 0 !important;
}

.preschool-contact-form {
    z-index: 13;
}

.convenience-wrapper-new-bg {
    z-index: 9;
    margin-top: -19px;
    /* border-radius: 229%/29%;
    border-top-left-radius: 0;
    border-top-right-radius: 0; */
}

.shopping-school-new {
    overflow: unset;
    z-index: 10;

}

.shopping-school-new .half-circle-green.circlesgreencopy3,.enrollment-box-gray .half-circle-green.circlesgreencopy3  {
    bottom: -22vw;
    top: unset;
    left: 9vw;
}

.o2bkids-difference-new {
    background: #e5e5e5 !important;
    padding-top: 127px;
    z-index: 21;
    margin-top: -55px !important;
}

.preschool-contact-form {
    padding-bottom: 0 !important;
}

.shopping-school-new .graphlinescopy {
    bottom: 9px !important;
}

.after-school-remember-new {
    padding-bottom: 13vw !important;
}

.afterschool-contact-form {
    padding-bottom: 120px;
}

.preschool-benefits-new .hip-hop {
    z-index: 22 !important;
}

.convenience-wrapper-new-bg {
    padding: 7.9vw 0 12.9vw !important;
}



.appendChild {
    width: 100%;
}

.hideINput,
#child-information,
.childInput:first-child .removeChild,
.appentTextHere {
    display: none;
}

.infant-model-demonstration .child-center {
    max-width: 1080px!important;
}

.menu-mobile-container ul.menu {
	display: flex!important;
	flex-direction: column!important;
}

.infant-model-demonstration .child-center {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.3);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,.3);
    padding: 0;
    background-color: unset!important;
}
.instruction-list .seemorebtn {
    color: #231f20;
    font-weight: bold!important;
}
.schedule-list-wrap article {
    text-align: left;
}
/* ben enrollment start*/
.enrollment-header h1.hero-title-size{
    font-size: 72px;
    line-height: 77px;
    color: #fff !important;
}
.enrollment-header .how-to-join{
    display: flex !important;
    justify-content: center !important;
}
.find-location-banner.location-finder-sect.enrollment-header{
    background-image: linear-gradient(226.55deg, #550a95 0%, #8b10ba 100%);
}
.enrollment-header .find-location-banner-bottom-graphics{
    display: block;
    max-width: 302px;
    filter: brightness(0) saturate(100%) invert(36%) sepia(99%) saturate(5813%) hue-rotate(275deg) brightness(97%) contrast(121%);
}

.enrollment-header .find-location-banner-top-graphics{
    filter: brightness(0) saturate(100%) invert(36%) sepia(99%) saturate(5813%) hue-rotate(275deg) brightness(97%) contrast(121%);
}
.enrollment-body .find-location-temp .box{
   padding: 40px;
   max-width: 320px;
   min-height: 242px;
   transition: all 0.6s cubic-bezier(0.11, 0, 0.5, 0);

}

.enrollment-body .find-location-temp .box img{
    width: 46px;
    padding-bottom: 30px;
}
.enrollment-body .box h4{
    font-size: 24px;
    line-height: 28px;
}
.enrollment-body.membership-progams-list.featured-classes {
    padding: 6vw 0 12vw;
}
.enrollment-body .find-location-temp .row{
    gap: 34px 44px;
}
.enrollment-body .locations-center{
    max-width: 72vw;
}
.enrollment-body .find-location-temp .box a{
	font-weight: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-align: inherit;
	color: inherit;
	position: inherit;
}
.enrollment-body .find-location-temp .box a::after{
display: none !important;
}
.enrollment-title{
    margin-bottom: 45px;
    text-align: center;
    color: #47088b !important;
}
.find-location-temp h2.enrollment-title{
    line-height: 65px !important;
}
.enrollment-body .enrollment-description{
    font-size: 22px !important;
  line-height: 32px !important;
  font-weight: 500 !important;
  padding-bottom: 70px !important;
  padding-top: 0 !important;
}
/* ben enrollment end*/

/* style change by vijay starts */
.child-learn-wrapper.discover-section {
    z-index: 0;
    padding: 185px 0 100px;
    background-color: #FFFFFF;
}

.content-discover-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 86px;
}
.curriculum-trips {
    z-index: 1;
}
.discover-left-sec,
.discover-right-sec {
    width: 50%;
}
.discover-left-sec h2 {
    font-size: 62px;
    line-height: 65px;
    margin-bottom: 29px;
    text-align: start;
    padding-right: 60px;
}
.discover-left-sec article {
    font-size: 18px;
    line-height: 24px;
    text-align: start;
}
.discover-left-sec .btn-common {
  margin: 37px 0 0;
}

.discover-right-sec img {
    max-width: 550px;
    width: 100%;
}
.discover-section .content-center {
    min-width: 756px;
}

/* style change by vijay ends */
.flip-book{
    background: linear-gradient(109deg, #FFD130 10.67%, #FF9828 94.32%);
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding-bottom: 122px !important;
    margin-top: 0 !important;
}
.flip-favor{
    margin-top: -22px;
}
.flip-book .burst-white{
    top: 0;
    left: 15%;
}
.flip-book .itgraphiclinescopy5{
    bottom: -10vw;
    left: 12vw;
}
.flip-book .letterAa{
    top: inherit;
    bottom: 8vw;
    left: 17vw;
}
.focus-flip{
    background: linear-gradient(345deg, #560091 13.03%, #AD00C9 97.5%);
    margin-top: -92px !important;
    border-radius: 229%/27% !important;
    z-index: 1 !important;
}
.focus-flip .itgraphiclinescopy5{
    bottom: 2%;
    left: 9.5%;
}
.focus-flip h2{
    color: #FFCC02;
}
.focus-flip .main-p-size{
     color: #fff;
}
.focus-flip .btn-common{
    color: #47088B;
    background: #fff url(../images/btnpink.png) no-repeat 92% center;
}
.focus-below{
    margin-top: -25px !important;
    border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.focus-flip .discover-right-sec img{
    filter: drop-shadow(0px 4px 250px rgba(255, 255, 255, 0.42));
}
.school-enrollment-banner.enrollment-header .find-location-banner-bottom-graphics{
     filter: none;
     background: url(../images/school1.png) no-repeat;
     width: 31.198px;
    height: 57.364px;
    background-size: contain;
    min-height: 57px;
    left: 300px;
    bottom: 92px;
}

.school-data{
    background-color: #F4F4F4 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -20px;
}
.enrollment-box:nth-child(even){
    background-color: #F4F4F4 !important;
}
.school-data .halfovalpurp1{
    filter: brightness(0) saturate(100%) invert(81%) sepia(16%) saturate(5448%) hue-rotate(358deg) brightness(100%) contrast(105%);
    width: 7vw;
}

.school-data  .find-location-temp h2.enrollment-title{
    line-height: 50px !important;
    max-width: 1146px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 67px;
}
.school-data .locations-center{
    padding-bottom: 0;
}
.school-data-row{
    display: flex;
    justify-content: center;
    gap: 54px;
    max-width: 1306px;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
}
.school-data-row .box{
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 2px 15px 0px rgba(56, 47, 45, 0.10);
    padding: 39px 45px;
    max-width: 626px;
    width: 100%;
}
.school-data-row .box h5{
    margin-bottom: 16px;
    color: #231F20;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
    letter-spacing: 0.09px;
}
.school-data-row .box p,.school-data-row .box p a{
    color: #231F20;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0.079px;
    padding: 0;
    max-width: 100%;
    transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}
.school-data-row .box p a:hover{
    text-decoration: underline;
}
.school-data-row .box p a:last-child{
    color: #47088B;
    text-decoration: underline;
}
.enrollment-box .locations-center{
  padding-bottom: 0;
}
.enrollment-box:nth-child(even) .circlesgreencopy3{
    display: block !important;
    top: inherit;
    left: 12vw;
    width: 10vw;
    z-index: 1;
    bottom: -14vw;
}
.enrollment-parent .enrollment-box:nth-last-child(1) .circlesgreencopy3{
   display: none !important;
}
.enrollment-parent .enrollment-box:nth-last-child(1) .locations-center{
    padding-bottom: 170px;
}
.enrollment-parent .enrollment-box:last-child{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.school-data.enrollment-body.membership-progams-list.featured-classes{
  padding: 89px 0 120px;
}
.enrollment-box.enrollment-body.membership-progams-list.featured-classes{
   padding: 120px 0 120px;
}
.enrollment-parent .enrollment-box:last-child{
    padding-bottom: 12vw !important;
}
.enrollment-box h2.enrollment-title{
    margin-bottom: 53px;
}
.enrollment-body.enrollment-box .locations-center{
  max-width: 1302px;
  width: 100%;
}
.enrollment-body.enrollment-box .find-location-temp .row{
    gap: 41px 54px;
    flex-wrap: wrap;
    max-width: 1302px;
    width: 100%;
    margin: 0 auto;
}
.enrollment-body.enrollment-box .find-location-temp .box{
  max-width: 398px;
  background: #F4F4F4;
  box-shadow: none;
}
.enrollment-body.enrollment-box .find-location-temp a.box{
    color: #231F20;
}
.enrollment-box:nth-child(2n) .find-location-temp .box{
    background: #fff;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
  }
  .enrollment-body .find-location-temp .box:hover{
    background: #f3e1ff;
}
.enrollment-body.enrollment-box .find-location-temp .box img{
    width: 56px;
    padding-bottom: 38px;
}
.enrollment-body.enrollment-box .find-location-temp .box h4{
    font-size: 25px;
    letter-spacing: 0.09px;
    font-weight: 700;
}

.link-to-nav {
    position: relative;
    top: -100px;
}

.find-location.flex.rel {
    gap: 10px;
}

.find-location>a {
    border-radius: 13px !important;
}

a.btn-mob-contact {
    background: #47088B;
    margin-bottom: 30px;
}

a.btn-contact-us {
    max-width: fit-content !important;
    background: #FFF !important;
    color: #47088B;
     padding-right: 20px;
     padding-left: 20px;
}

a.btn-find-alocation {
    max-width: fit-content !important;
    padding-left: 60px;
    padding-right: 20px;
    text-align: left;
    background-position: 26px center !important;
}

.contact-hero .hero-subtitle {
    color: #231f20;
    font-family: Goldplay;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .09px;
    line-height: 32px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 11vw;
    position: relative;
    z-index: 100;
}

.contact-hero .hero-subtitle a {
    text-decoration: underline;
    color: #231f20;
    font-family: Goldplay;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .09px;
    line-height: 32px;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
}

.contact-hero .hero-title-size {
    padding-bottom: 30px !important;
}

.main-footer.no-search {
    padding-top: 6vw !important;
}

.contact-wrapper .input-field select {
    background: #fff url(../images/bgSelect.png?v=1.1) no-repeat right 20px center;
    background-size: 22px;
}


/* IKS SECTION STYLES */

.iks-section legend {
    color: #231f20;
    font-family: Goldplay;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .09px;
    line-height: 32px;
    margin-bottom: 24px;
}   

.iks-section label {
    color: #231f20;
    font-family: Goldplay;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .09px;
    line-height: 32px;
    margin-bottom: 24px;
}   

.iks-section .form-group input, .iks-section .form-group select, .iks-section .form-group textarea
 {
    width: 100%;
    height: 65px;
    line-height: 34px;
    padding: 0 35px;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 26px;
    border-radius: 20px;
    border: 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    color: #231f20;

 }

.iks-section .common-wrapper {
    position: relative;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.iks-section .content-center {
    max-width: 944px;
    width: 100%;
    margin: 0 auto;
}

.iks-section .content-center {
    width: 100%;
    margin: 0 auto;
}

.iks-section {
    background: #e5e5e5;
    padding: 80px 0 165px;
    text-align: center;
    position: relative;
}

.iks-section body {
    background: #e5e5e5 !important;
}



@media screen and (max-width: 1024px) {
    a.btn-find-alocation {
        padding-left: 44px;
        background-position: 26px center !important;
    }
}

@media screen and (max-width:901px) and (min-width:641px) {
    .contact-wrapper-new .removeChild:after {
        margin-left: 5px;
        margin-top: 8px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width:900px) and (min-width:641px) {
    .common-wrapper {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
    .contact-wrapper .common-wrapper {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }
    .enrollment-body .enrollment-description{
        font-size: 16px !important;
    line-height: 23px !important;
    padding-top: 20px !important;
    }
}

@media screen and (max-width:900px) {
    .afterschool-contact-form {
        padding-bottom: 0px !important;
    }

    .preschool-contact-form .input-field select {
        background-size: 10px;
    }
    .discover-left-sec h2 {
        font-size: 33px !important;
        line-height: 35px !important;
        padding-right: 0;
        text-align: center;
        margin:0 0 21px 0 !important; 
        max-width: unset !important; 
    }
    .discover-left-sec article {
        font-size: 16px !important;
        line-height: 22px !important;
        text-align: center;
    }
    .content-discover-wrap {
        flex-direction: column-reverse;
        gap: 33px;
    }
    .discover-left-sec, .discover-right-sec {
        width: 100%;
    }
    .discover-left-sec .btn-common {
        margin: 29px auto 0;
    }
    .child-learn-wrapper.discover-section {
        padding: 160px 0 85px;
    }
    .discover-right-sec img {
        max-width: 285px;
    }
    .discover-section .content-center {
        min-width: unset;
        max-width: 84vw !important;
    }

}

@media screen and (max-width: 800px) {
    .nationally-accredited-new.curved-border {
        width: 100%;
        left: 0;
        border-radius: 229%/13%;
    }

    .convenience-wrapper-new-bg {
        padding: 60px 0 150px !important;
    }

    .o2bkids-difference-new {
        margin-top: -30px !important;
    }
    .contact-hero .hero-subtitle {
        padding-bottom: 13vw;
    }
}

@media screen and (max-width:768px) {
    .shopping-school-new .graphlinescopy,.enrollment-box-gray .graphlinescopy {
        bottom: 12px !important;
    }
    .met.faq-wrapper h2 {
        padding-bottom: 10px;
    }
    .daily-shedule-wrapper.bday.summer-school article {
        padding-bottom: 30px!important;
    }
    
}

@media screen and (max-width:650px) {
    .preschool-benefits-new .HipHop {
        z-index: 22 !important;
    }
    .enrollment-body .enrollment-description{
        font-size: 16px !important;
        line-height: 23px !important;
        padding-bottom: 50px !important;
    }
    .acquisition-wrapper .ttovalcopy12,
    .acquisition-wrapper .ttgraphiclinescopy2,
    .acquisition-wrapper .ttgroup9copy,  .acquisition-wrapper.location-acquisition-wrapper .halfovalpurp, .acquisition-wrapper.location-acquisition-wrapper .circles_greencopy3 {
        display: none;
    }
    .acquisition-wrapper.location-acquisition-wrapper .main-title-size{
        margin-bottom: 24px;
    }
    .acquisition-wrapper.met.faq-wrapper {
        padding: 59px 40px 83px 40px !important;
    }
    .acquisition-wrapper .accredited-list-wrapper {
        margin: 25px 0 auto;
    }
    .acquisition-wrapper .accredited-list-wrapper li {
        max-width: 293px;
        min-height: auto;
        border-radius: 25px;
    }
    .acquisition-wrapper .accredited-list-wrapper ul {
        justify-content: center;
        gap: 21px;
    }
    .acquisition-wrapper.met ul li h5 {
        font-size: 16px;
        letter-spacing: 0.06px;
        line-height: 32px;
        margin-top: 11px;
    }
    .contact-hero {
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width:1920px) {
    .award-recognition.pno .convenience-list li figure img {
        width: 8.750vw;
    }

    .location-finder-sect .how-to-join {
        margin: 150px auto 4vw !important;
    }

    .food-menu-slider {
        max-width: 1250px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .location-finder-sect.thisselect .how-to-join {
        max-width: 1600px;
    }

    .mainform-wrap .location-search-form .-choose-age-submit .submit-form,
    .thisselect .how-to-join #program,
    .results-location #miles,
    .mainform-wrap select {
        height: 70px !important;
        border-radius: 20px !important;
    }

    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        line-height: 70px !important;
    }

    .thisselect .how-to-join #program,
    .results-location #miles,
    .mainform-wrap select {
        padding: 10px 40px !important;
        font-size: 22px !important;
        line-height: 32px !important;
        text-indent: 0 !important;
        border-radius: 20px !important;
    }

    .custom-select input[type="text"],
    .custom-multi-select input[type="text"] {
        padding: 15px 4px;
    }

    .search-holder {
        width: 543px !important;
        position: relative;
        z-index: 10;
    }

    .custom-select,
    .custom-multi-select {
        max-width: 327px !important;
    }

    .search-arrow {
        width: 115px;
        top: -24px;
        left: -130px;
    }

    .page-template-Template-Stories .stories-container {
        padding-top: 40px;
    }

    .nearby-locations-wrapper {
        padding: 150px 0 345px;
    }

    .search-location-list-new {
        padding: 6.25vw 0px 15px 4.6875vw;
    }



}

@media screen and (max-width:1919px) {
    .stories-hero {
        min-height: 33.854vw;
    }

    .summer-contact {
        padding-bottom: 14vw;
    }

    .how-to-join h2 {
        padding-bottom: 1.042vw;
    }

    .career-hero.bday {
        min-height: 31.458vw;
    }

    .stories-hero .hero-title-size {
        padding: 9.115vw 0 0 0 !important;
    }

    .input-search::before {
        background-size: cover;
        width: 0.781vw;
        height: 0.625vw;
    }

    .input-search {
        padding: 0 3.125vw 0 1.563vw;
    }

    .child-slide {
        margin: 0 0.782vw;
    }

    .child-do-slider figure {
        padding: 1.146vw 1.146vw 0;
    }

    .classes-slider-wrapper .child-slide h5 {
        font-size: 1.303vw;
        line-height: 1.459vw;
    }

    .classes-slider-wrapper .middle-size3743 {
        padding-bottom: 1.042vw;
    }

    .progressbar-status {
        margin-bottom: 1.303vw;
    }

    .benefits-wrapper article {
        max-width: 52.110vw;
        margin: 0 auto 2.710vw;
    }

    .location-finder-sect .inputZipHolder,
    .location-finder-sect .selectDrop {
        padding: 0 0.5vw;
    }

    .location-search-form select#location {
        flex: 0 1 17.196vw;
    }

    .location-search-form .-choose-age-submit {
        flex: 0 1 14.070vw;
    }

    .learn-more-wrapper p,
    .neighbourhood-time .learn-more-wrapper p {
        margin-bottom: 1vw;
    }

    .three-steps-member .step-member p {
        font-size: 1.928vw;
        line-height: 2.241vw;
    }

    .membership-landing h3 {
        padding: 1.303vw 0 3.648vw;
    }

    .location-review-wrapper h2 {
        margin-bottom: 2.396vw;
    }

    .diff-sub-title {
        margin-bottom: 1vw !important;
    }

    .rewards-wrapper {
        padding-bottom: 20.844vw !important;
    }

    .badge-slide span {
        font-size: 1.824vw;
        line-height: 2.084vw;
    }

    .calender-event h5 {
        font-size: 1.459vw;
        line-height: 1.563vw;
    }

    .calender-event .event-desc {
        font-size: 1vw;
        line-height: 1.355vw;
    }

    .quotes-text span {
        font-size: 1.928vw;
        line-height: 2.241vw;
    }

    .benefits-wrapper .content-center {
        max-width: 72vw;
    }

    .progress-grid {
        padding: 0 1.042vw;
    }

    .progress-box {
        padding: 3.127vw 3.127vw 3.439vw;
        border-radius: 2.084vw;
    }

    .progress-box h5 {
        font-size: 1.928vw;
        line-height: 2.241vw;
        margin-bottom: 1.042vw;
    }

    .progressbar-status h6 {
        font-size: 1.146vw;
        line-height: 1.459vw;
        margin-bottom: 0.782vw;
    }

    .progress {
        height: 2.084vw;
        border-radius: 2.084vw;
    }

    .progress-bar {
        font-size: 0.625vw;
        line-height: 1.042vw;
        border-radius: 2.084vw;
    }

    .classes-detail-hero .btn-hero-back {
        font-size: 1.146vw;
        line-height: 1.668vw;
        top: -15vw;
    }

    .about-classes .left-circle img,
    .class-rules-wrapper .left-circle img {
        width: 46.639vw;
    }

    .video-wrapper {
        max-width: 61.490vw;
        height: 34.601vw;
        border-radius: 2.084vw;
    }

    .award-recognition.pno .convenience-list li p {
        margin-top: 1.406vw;
    }

    .infant-model-demonstration {
        margin-top: -6.698vw;
        padding: 9.115vw 0 2.604vw;
    }

    .award-recognition.ga .middle-size3743 {
        font-size: 1.8vw !important;
    }

    .covid19 .virtual-learning-lab .second-cirriculum h2 {
        padding: 1.042vw 0 1.042vw;
    }

    .we-diverse-career ul {
        max-width: 25.365vw;
        margin-bottom: 1.563vw;
    }

    .we-diverse-career ul:nth-child(2n-1) {
        margin-right: 2.604vw;
    }

    .covid19 .attendance-polity-bottom {
        max-width: 69vw;
    }

    .covid19 .nationally-accredited article {
        padding-left: 20px;
        padding-right: 20px;
    }

    .attendance-polity-bottom p {
        padding-bottom: 1.5vw;
    }

    .parent-portant {
        margin-right: 1.667vw;
    }

    .covid19 .child-learn-wrapper.bday.ft {
        padding: 15vw 0 23.802vw;
    }

    .covid19 .safety-producers .common-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }

    .covid-pop-up {
        font-size: 1.146vw;
        min-height: 4.219vw;
        line-height: 3.063vw;
        padding: 1.3vw 0 1vw;
    }

    .btnHealthy {
        max-width: 6.392vw;
        min-height: 3.2vw;
        border-radius: 1.042vw;
        margin-left: 1.7vw;
    }

    .btnHealthy img {
        height: 3vw;
    }

    .covid19 .child-learn-wrapper .common-wrapper h3 {
        max-width: 62.552vw;
    }

    .covid19 .afterschool-curriculum.summer-camp>p {
        max-width: 69.531vw;
        padding: 0 20px;
    }

    .covid19 .child-learn-wrapper .common-wrapper h3 {
        margin-bottom: 3.021vw;
    }

    .covid19 .safety-producers {
        padding-bottom: 18.3vw !important;
    }

    .covid19 .delivering-result {
        padding-top: 10.104vw;
    }

    .covid19 .delivering-result .common-wrapper {
        padding-top: 11vw;
    }

    .covid19 .child-learn-wrapper.bday.ft {
        padding: 15.3vw 0 24vw;
    }

    .covid19 .nationally-accredited {
        padding: 34.5vw 0 7.8vw;
    }

    .covid19 .safty-procedure-area {
        padding: 21.427vw 0 16.813vw;
    }

    .covid19 .nationally-accredited .circles_attendance {
        top: 49vw;
    }

    .covid19 .afterschool-curriculum.summer-camp>p {
        max-width: 81vw;
        padding-bottom: 3.5vw;
    }

    .covid19 .afterschool-curriculum.summer-camp {
        padding: 9vw 0 19vw !important;
    }

    .covid19 .remember-section .cartoon-map {
        margin-bottom: -12vw;
    }

    .core-purpose-wrapper .privacy-content {
        max-width: 74vw;
    }

    .core-purpose-wrapper.privacy-wrapper {
        padding-bottom: 8rem;
    }

    .core-purpose-wrapper.privacy-wrapper .historyoval {
        top: 67.2vw;
    }

    .core-purpose-wrapper.privacy-wrapper .left-circle {
        left: -38.5vw;
    }

    .sub-menu li {
        padding: 0.4vw 0 0;
    }

    .sub-menu li.selected a {
        margin-top: 0.1vw;
    }

    .sub-menu li a {
        padding: 0.5vw 1vw;
    }

    .our-core-wrapper h2 img {
        bottom: -0.7vw;
        width: 7.4vw;
    }

    .program-location-wrapper .content-center {
        max-width: 68vw;
    }

    .common-wrapper h2,
    .main-footer h2 {
        font-size: 3.74vw;
        line-height: 4.2vw;
    }

    .common-wrapper h3 {
        font-size: 1.93vw;
        /*37px*/
        line-height: 2.25vw;
    }

    .slider-content h3 {
        font-size: 2.93vw;
    }

    .sliderWrapper .slick-current h3 {
        font-size: 3.93vw;
        line-height: 3.25vw;
    }

    .program-location-wrapper {
        padding: 8.1vw 0 16.4vw;
    }

    .program-location-wrapper h2 {
        margin-bottom: 1.3vw;
    }

    .program-location-wrapper h3 {
        max-width: 52vw;
        margin-bottom: 2.5vw;
    }

    .program-location-wrapper article {
        max-width: 46vw;
        font-size: 1.51vw;
        line-height: 2vw;
    }

    .cartoon-map {
        height: 29.5vw;
        max-width: 61.5vw;
        width: 100%;
        top: -19.4vw;
    }

    .our-core-wrapper {
        margin-top: -3.5vw;
        max-width: 46.5vw;
    }

    .core-purpose-wrapper {
        padding-bottom: 18.1vw;
        padding-top: 11.1vw
    }

    .history-wrapper,
    .giving-back-wrapper {
        padding: 7.8vw 0;
    }

    .history-wrapper h2 {
        margin-bottom: 1.1vw;
    }

    .history-wrapper h3 {
        margin-bottom: 2.5vw;
    }

    .learn-more-wrapper {
        padding: 4vw 0 5vw;
    }

    .learn-more-wrapper .content-list {
        padding-top: 1.47vw;
        padding-bottom: 1.4vw;
    }

    .manifesto-wrapper,
    .common-pad {
        padding: 8.3vw 0 7.8vw;
    }

    .manifesto-wrapper .content-center {
        max-width: 69vw;
    }

    .history-wrapper .content-center {
        max-width: 55.5vw;
    }

    .history-wrapper .learn-more-wrapper .content-center {
        max-width: 51.4vw;
    }

    .our-core-wrapper article,
    .accdn-content,
    .accdn-content article,
    .secure-slide-content article,
    .learn-more-wrapper,
    .learn-more-wrapper p,
    .integrate-learning-wrapper article,
    .common-wrapper article {
        font-size: 1.14vw;
        line-height: 1.7vw;
    }

    .logo-o2bkids {
        max-width: 6vw;
    }

    .main-header,
    .main-nav ul {
        min-height: 5.8vw;
    }

    .main-header {
        max-width: 100%;
    }

    .main-nav li,
    .sub-menu li,
    .main-nav li li {
        font-size: 0.9vw;
    }

    .find-location {
        max-width: 34vw;
        font-size: 0.9vw;
    }

    .find-location>a {
        font-size: 0.9vw;
        max-width: 16.4vw;
        background: #66C700 url(../images/bgLocator.png) no-repeat 2vw center;
        background-size: 1.3vw;
        min-height: 3.125vw;
        line-height: 3.125vw;
    }

    .main-nav {
        max-width: 37.5vw;
        margin: 0 0 0 50px;
    }

    .main-nav li.selected::before,
    .sub-menu li.selected::before {
        padding: 1.1vw 0.8vw;
        left: -0.9vw;
    }

    .sub-menu li.selected::before {
        top: -0.5vw;
    }

    .sub-menu {
        min-height: 3.3vw;
        top: 6.8vw;
        transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    }

    .sub-menu-move {
        top: 5.8vw;
    }

    .sub-menu ul {
        padding: 6px 1.042vw;
       /* min-width: 20.833vw;*/
        border-radius: 1vw;
    }

    /* .sub-menu li.selected a{
        border-radius: 0.625vw;
    } */
    .sub-menu li {
        padding-top: 0;
    }

    .sliderWrapper .slick-arrow {
        width: 4vw;
        height: 4vw;
    }

    .sliderWrapper .slick-next,
    .sliderWrapper .slick-prev {
        background-size: 1vw;
    }

    .sliderWrapper .slick-current span {
        font-size: 1.6vw;
    }

    .milestones-wrap {
        padding: 2.084vw;
    }

    .milestones,
    .milestones ul {
        min-height: 20vw;
    }

    .milestones-wrap,
    .milestones-wrap .milestones,
    .milestones-wrap .milestones ul,
    .milestones .slick-list,
    .milestones .slick-track {
        min-height: 28vw;
    }

    .milestones .slick-list,
    .milestones .slick-track {
        height: 28vw;
    }

    .milestones li:after {
        width: 1.41vw;
        height: 1.41vw;
        border: 0.3vw solid #47088B;
    }

    .milestones li:before {
        height: 3.5vw;
    }

    .milestones li .time-details {
        font-size: 0.97vw;
        line-height: 1.41vw;
        bottom: 4.4vw;
    }

    .milestones li:nth-child(even) .time-details {
        top: 3.6vw;
    }

    .milestones li .time-details strong {
        font-size: 1.47vw;
        line-height: 1.41vw;
    }

    .giving-back-wrapper .content-center {
        max-width: 72vw;
    }

    .giving-back-wrapper h2 {
        margin-bottom: 3.4vw;
    }

    .accdn-title {
        min-height: 5.1vw;
        padding: 0 5vw 0 3vw;
        margin-bottom: 1.6vw;
        border-radius: 2vw;
        font-size: 1.36vw;
        line-height: 1.38vw;
    }

    .accdn-title:after {
        width: 1.3vw;
        height: 1.3vw;
        background-size: 1.3vw;
        right: 3vw;
    }

    .accdn-title1:after {
        width: 1.3vw;
        height: 1.3vw;
        background-size: 1.3vw;
        right: 3vw;
    }

    .accdn-content {
        padding: 3.4vw 1.9vw 1.1vw;
    }

    .accordion-wrapper-met .accordian-content article,
    .accordion-wrapper-met .accordian-content p,
    .accordion-wrapper-met .accordian-content li {
        font-size: 1.146vw;
        line-height: 1.7vw;
        font-weight: 500;
    }

    .safety-secure-wrapper {
        padding: 7.8vw 0 20.3vw;
    }

    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:before,
    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:after {
        width: 7.4vw;
        height: 3.4vw;
        background-size: 7.4vw !important;
    }

    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:before {
        top: -2vw;
        left: -7.8vw;
    }

    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:after {
        bottom: -3.3vw;
        left: 12.3vw;
    }

    .core-purpose-wrapper .left-circle img,
    .core-purpose-wrapper .right-circle {
        width: 46.72vw;
    }

    .core-purpose-wrapper .left-circle {
        bottom: -40.9vw;
        left: -32.3vw;
    }

    .core-purpose-wrapper .right-circle {
        right: -39.3vw;
        top: -20.3vw;
    }

    .core-purpose-wrapper .right-lines img {
        width: 23.9vw;
    }

    .core-purpose-wrapper .right-lines {
        bottom: -12.8vw;
        right: -8.8vw;
    }

    .manifesto-wrapper .line-alphabet img {
        width: 15.7vw;
    }

    .manifesto-wrapper .line-alphabet {
        right: 9.5%;
        top: -2.6vw;
    }

    .manifesto-wrapper .left-lines img {
        width: 25.2vw;
    }

    .manifesto-wrapper .left-lines {
        left: 9.5%;
        bottom: -12.5vw;
    }

    .btn-learn-more {
        font-size: 1.14vw;
        line-height: 1.9vw;
    }

    .btn-learn-more::after {
        width: 1.9vw;
        height: 1.9vw;
        font-size: 1.14vw;
        line-height: 1.9vw;
        right: -2.3vw
    }

    .learn-more-wrapper .btn-learn-more {
        bottom: 1vw
    }

    .secure-slider .slick-arrow,
    .child-do-slider .slick-arrow,
    .reviews-slider .slick-arrow {
        width: 105px;
        height: 105px;
        background-size: 102% !important;
    }

    .reviews-slider .slick-arrow {
        background-size: 20px !important;
    }

    .safety-secure-wrapper h2 {
        margin-bottom: 1vw;
    }

    .secure-slider {
        margin-top: 4.2vw;
    }

    .safety-secure-wrapper .content-center {
        max-width: 70vw;
    }

    .secure-slider .slick-slide {
        margin: 0 1.3vw;
    }

    .secure-slider .slick-dots {
        margin-top: 3.6vw;
    }

    .safety-secure-wrapper .accordion-wrapper {
        margin-top: 105px;
    }

    .safety-secure-wrapper .accordion-wrapper {
        margin-top: 5.4vw;
    }

    .secure-slide-content {
        border-radius: 2.1vw;
        padding: 3.6vw 3.2vw;
        min-height: 26.4vw;
    }

    .secure-slide-content h4 {
        font-size: 1.82vw;
        line-height: 2.1vw;
    }

    .secure-slider .slick-prev,
    .reviews-slider .slick-prev {
        left: -7.1vw;
    }

    .secure-slider .slick-next,
    .reviews-slider .slick-next {
        right: -7.1vw;
    }

    /*  */
    .oval-shape {
        width: 16.7vw;
        left: -9.1vw;
        bottom: 7.8vw;
    }

    .sliderWrapper {
        margin: 9.3vw 0 6.5vw;
    }

    .slide-list {
        margin-right: 2.5vw;
    }

    .slide-there-should-be-place article {
        font-size: 1.14vw;
        line-height: 1.7vw;
        max-width: 39.9vw;
    }

    .find-location-wrapper span {
        font-size: 1.93vw;
        padding: 7.3vw 0 0;
    }

    .find-location-wrapper {
        max-width: 32.7vw;
        min-height: 20vw;
        margin: 2vw auto 0;
    }

    .btn-findlocation {
        font-size: 0.97vw;
        max-width: 17vw;
        height: 3.6vw;
        line-height: 3.5vw;
        padding: 0 0 0 5vw;
        background: #66C700 url(../images/bgLocator.png) no-repeat 2vw center;
        background-size: 1.3vw;
        bottom: -2.2vw;
    }

    .find-location-wrapper::before {
        content: "";
        width: 6.8vw;
        height: 6.2vw;
        bottom: 2.7vw;
        right: 4.2vw;
    }

    .jar-shape {
        right: -24.5vw;
        height: 36.8vw;
        max-width: 39.1vw;
        width: 100%;
    }

    .basket-ball {
        width: 20.8vw;
        left: calc(5.5% - 6vw);
        top: 11.9vw;
    }

    .imgWhiteOval {
        width: 3.9vw;
        height: 3.9vw;
        position: absolute;
        top: unset;
        bottom: 150px;
        right: 8.5%;
    }

    .imgAlbhabet-a {
        width: 4.7vw;
        height: 5.7vw;
        position: absolute;
        top: 27.9vw;
        right: calc(8.5% + 3vw);
    }

    .play-ground-content {
        max-width: 64.2vw;
    }

    .ground-content-left {
        font-size: 1.3vw;
        line-height: 1.85vw;
        max-width: 24vw;
    }

    .ground-content-right {
        font-size: 1.20vw;
        line-height: 1.75vw;
        max-width: 100%;
    }

    .imgKids {
        max-width: 72.2vw;
    }

    .play-ground-kids .common-wrapper {
        padding: 12.5vw 0 26.6vw;
    }

    .delivering-result .common-wrapper {
        padding: 8.8vw 0 8.7vw;
    }

    .imgDeliveringResult {
        max-width: 23.7vw;
        height: 26.7vw;
        position: absolute;
        bottom: -4vw;
        right: -6.3vw;
        overflow: hidden;
    }

    .deliver-circle {
        width: 4.2vw;
        height: 4.2vw;
        position: absolute;
        top: 5.3vw;
        left: 8.7vw;
    }

    .delivering-result-content {
        max-width: 63.6vw;
    }

    .slide-there-should-be-place {
        padding-bottom: 8.8vw;
    }

    .delivering-result-list {
        max-width: 18.75vw;
        font-size: 1.15vw;
        line-height: 1.7vw;
        padding: 2.85vw;
        min-height: inherit;
    }

    .btn-common {
        font-size: 0.97vw;
        max-width: 16.675vw !important;
        height: 3.648vw;
        line-height: 3.7vw;
        padding: 0 0 0 2vw;
        background-size: 0.75vw;
        border-radius: 1.042vw;
    }

    .imgGreenCircle {
        max-width: 46.65vw;
        left: -33.9vw;
        top: -20.5vw;
    }

    .our-work-content>span {
        font-size: 1.93vw;
    }

    .our-work-content {
        max-width: 62.9vw;
    }

    .our-work-content article {
        max-width: 56vw;
    }

    .slide-list article {
        font-size: 0.97vw;
        min-height: 20vw !important;
        line-height: 1.65vw;
        padding: 2.4vw 2.8vw;
    }

    .our-work-important .common-wrapper {
        padding: 9.3vw 0 11.3vw;
    }

    .our-work-content-slider {
        max-width: 62.9vw;
        margin: 5.3vw 0 0;
    }

    .slide-list span {
        height: 12.3vw;
        padding: 3vw;
    }

    .our-work-content-slider .slick-arrow {
        width: 5.5vw;
        height: 5.5vw;
    }

    .our-work-content-slider .slick-arrow {
        background-size: 1.05vw;
    }

    .our-work-content-slider .slick-prev {
        left: -8.9vw;
    }

    .our-work-content-slider .slick-next {
        right: -6.9vw;
    }

    .at-o2bkids .common-wrapper {
        padding: 8.3vw 0 9vw;
    }

    .at-o2bkids .common-wrapper>span {
        font-size: 1.51vm;
    }

    .at-o2bkids-title-wrapper {
        max-width: 58.3vw;
    }

    .o2b-pointer {
        max-width: 5.5vw;
        width: 100%;
        position: absolute;
        left: -6.2vw;
        top: -5.4vw;
    }

    .at-o2bkids article {
        font-size: 1.14vw;
        line-height: 1.7vw;
        max-width: 61vw;
        margin-top: 3.8vw;
    }

    .o2bkids-mask {
        max-width: 450px;
        top: 160px;
        right: -163px;
    }

    .o2bkids-mask {
        max-width: 23.4vw;
        top: 8.3vw;
        right: -8.5vw;
    }

    .resolving-wrapper {
        max-width: 51.6vw;
        width: 100%;
        margin: 5.2vw auto 0;
    }

    .resolving-wrapper li {
        font-size: 1.93vw;
        line-height: 2.25vw;
        max-width: 14vw;
        height: 11.8vw;
        padding: 6vw 5vw;
    }

    .imgMusic {
        max-width: 26.5vw;
        position: absolute;
        top: -16.3vw;
        left: -4vw;
    }

    .rockstar-stories {
        padding: 9.6vw 0 9.3vw;
    }

    .rockstaar-content span {
        font-size: 1.14vw;
    }

    .rockstaar-content {
        max-width: 61.3vw;
    }

    .story-title-handle {
        min-height: 26.5vw;
        padding: 0 0 0 30.2vw;
        margin: 6.6vw 0 0;
    }

    .story-title-handle figure {
        max-width: 30.2vw;
    }

    .stroy-title-right article {
        font-size: 1.14vw;
        line-height: 1.7vw;
    }

    .stroy-title-right {
        max-width: 21vw;
        margin-left: 3.6vw;
        padding: 4.5vw 0 0;
    }

    .stroy-title-right a {
        font-size: 0.97vw;
        background-size: 0.9vw;
    }

    .line-bg {
        max-width: 28.1vw;
        left: -8.3vw;
        bottom: -6.8vw;
    }

    .story-title-handle figure {
        max-width: 30.2vw;
        top: -0.91vw;
    }

    .btn-common-black {
        max-width: 16.5vw;
        display: block;
        font-size: .91vw;
        background-size: 0.78vw;
        height: 3.8vw;
        margin: 6em auto 0;
        padding: 0 29px 0 2vw;
        line-height: 3.7vw;
    }

    .you-are-still-with-us {
        max-width: 74vw;
    }

    .you-are-still-with-us {
        padding: 9vw 0;
    }

    .btn-learnmore {
        font-size: 1.93vw;
    }

    .you-are-with-us-list {
        max-width: 24vw;
        min-height: 10.1vw;
        margin-bottom: 1.2vw;
        padding: 2.2vw;
        border-radius: 2.2vw;
    }

    .you-are-with-us-list span {
        font-size: 1.05vw;
    }

    .you-are-with-us-list a {
        width: 4.1vw;
        height: 4.1vw;
        right: 0.5vw;
        bottom: 0.5vw;
        background-size: 0.9vw;
    }

    .you-are-still-with-us-content {
        margin: 6.5vw 0 0;
    }

    .how-to-join {
        max-width: 79vw;
        padding: 4.7vw 6.7vw 5vw;
        min-height: 24vw;
        top: -13vw;
    }

    .select-programe span {
        font-size: 2.5vw;
        width: 3.85vw;
        height: 3.8vw;
    }

    .select-programe em {
        font-size: 1.4vw;
        line-height: 1.6vw;
    }

    .selectDrop,
    .inputZipHolder {
        max-width: 21.58vw;
    }

    .selectDrop::after {
        right: 2vw;
        top: 1.6vw;
        width: 0.8vw;
        height: 0.7vw;
    }

    .selectDrop input[type="text"],
    .inputZipHolder input[type="text"],
    .mainform-wrap select {
        font-size: 1.22vw;
        height: 3.9vw;
        border-radius: 1.042vw;
        padding: 5px 2.084vw !important;
        text-indent: 0 !important;
    }

    .inputZipHolder input[type="submit"],
    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        font-size: 0.97vw;
        background-size: 0.78vw;
        height: 3.9vw;
        border-radius: 1.042vw;
        padding: 0 2.084vw;
    }

    .logo-footer-o2b {
        max-width: 10.3vw;
        /* margin: -8vw auto 0; */
        margin: auto;
    }

    .footer-links h4 {
        font-size: 1.14vw;
    }

    .footer-links ul {
        margin: 0.9vw 0 0;
    }

    .footer-links li {
        font-size: 0.97vw;
        line-height: 1.3vw;
        padding: 6px 0;
        font-weight: 500;
    }

    .footer-content {
        max-width: 54.5vw;
        margin: 6vw auto 0;
    }

    .social-links {
        margin: 6.6vw 0 0;
    }

    .social-links ul {
        max-width: 15vw;
    }

    .social-links li {
        width: 2vw;
    }

    .copyright {
        font-size: 0.97vw;
        padding: 2.8vw 0;
    }

    .how-to-join {
        top: -12.3vw;
    }

    .main-footer {
        padding-top: 26.5vw;
    }

    .page-template-Template-Find-A-Location-2023-php .main-footer {
        padding-top: 5.21vw;
    }

    .integrate-learning-wrapper {
        padding: 8.3vw 0 7.8vw;
    }

    .integrate-learning-wrapper .content-center {
        max-width: 46vw;
    }

    .integrate-learning-wrapper h2 {
        margin-bottom: 1.3vw;
    }

    .integrate-learning-wrapper h2 img {
        left: -3.8vw;
        top: 1vw;
    }

    .integrate-learning-wrapper article {
        padding-bottom: 3.12vw;
        max-width: 44vw;
    }

    .integrate-learning-wrapper h5 {
        font-size: 1.51vw;
        line-height: 2vw;
        max-width: 45vw;
    }

    .stroy-right-albhabet {
        max-width: 14vw;
        width: 100%;
        height: 29vw;
        position: absolute;
        bottom: 0;
        right: 5.2vw;
    }

    .letter-a,
    .letter-b,
    .letter-c,
    .imgArrow {
        position: absolute;
    }

    .letter-a {
        max-width: 3.6vw;
        top: 5.78vw;
        right: -1.4vw;
    }

    .letter-b {
        max-width: 3.1vw;
        top: 13.6vw;
        right: -5.8vw;
    }

    .letter-c {
        max-width: 3vw;
        bottom: -4vw;
        right: 5.3vw;
    }

    .imgArrow {
        max-width: 13vw;
        bottom: -5.2vw;
        right: -10.3vw;
    }

    .resolving-wrapper ul {
        flex-flow: row;
    }

    .resolving-wrapper li {
        margin-left: auto;
        margin-right: 3.8vw;
    }

    .resolving-wrapper li:last-child {
        margin-right: auto;
    }

    .pre-school::after,
    .problem-solving::after {
        width: 19px;
        height: 18px;
        top: 0;
        right: -2.5vw;
        bottom: 0;
    }

    .o2bkids-mask {
        display: none;
    }

    .contact-wrapper {
        /* padding: 8vw 0 8.6vw; */
        padding: 4.169vw 0 8.6vw;
    }

    .summer-contact-wrapper {
        padding: 12vw 0 8.6vw;
    }

    .contact-wrapper .content-center {
        max-width: 49.2vw;
    }

    .contact-wrapper h2 {
        margin-bottom: 3.9vw;
    }

    .contact-wrapper .column {
        padding-left: 0.6vw;
        padding-right: 0.6vw;
    }

    .input-field input,
    .input-field select,
    .input-field textarea {
        margin-bottom: 1.2vw;
        height: 3.4vw;
        line-height: 1.8vw;
        font-size: 1.14vw;
        border-radius: 1vw;
        padding: 0 1.8vw;
    }
    .contact-wrapper-new .input-field input,
    .contact-wrapper-new .input-field select{
    height: 55px;
}
    .input-field textarea {
        height: 7.8vw;
        padding-top: 16px;
    }

    .button-field input[type="submit"],
    .button-field input[type="button"],
    .button-field button {
        margin-top: 3.3vw;
        height: 3.65vw;
        line-height: 3.65vw;
        font-size: 1vw;
        min-width: 12.1vw;
        padding: 0 2.3vw;
        border-radius: 1vw;
        background-size: 0.8vw;
    }

    .input-field select {
        background-size: 0.8vw;
    }

    .accredited-list-wrapper {
        max-width: 63.5vw;
        margin: 4.8vw auto 0;
    }
    .acquisition-wrapper .accredited-list-wrapper {
        max-width: 85.5vw;
        margin: 0 auto;
    }

    .nationally-accredited {
        padding: 9vw 0 5.3vw;
    }

    .accredited-list-wrapper li {
        max-width: 18.7vw;
        min-height: 14.4vw;
        padding: 3vw 3vw;
    }

    .o2bkids-difference-content {
        max-width: 61.4vw;
        padding: 5.9vw 0;
        min-height: inherit;
        margin: 0 auto -8.9vw;
        overflow: hidden;
    }

    .o2bkids-difference {
        margin-top: 6.6vw;
    }

    .o2bkids-difference-content article {
        max-width: 44vw;
    }

    .difference-bottom {
        padding: 15.4vw 0 12.5vw;
        min-height: inherit;
    }

    .difference-bottom article {
        font-size: 1.14vw;
        max-width: 47vw;
        line-height: 1.7vw;
    }

    .difference-bottom .btn-common {
        margin-top: 6vw;
    }

    .preschool-benefits {
        padding: 9.8vw 0 10vw;
    }

    .preschool-benefits .common-wrapper,
    .shopping-school .common-wrapper {
        padding-left: 34px;
        padding-right: 34px;
    }

    .preschool-benefits .preschool-content {
        margin: 1.1vw auto 5.2vw;
        max-width: 70vw;
    }

    .preschool-benefits .preschool-content {
        font-size: 1.14vw;
        line-height: 1.7vw;
    }

    .testimonial {
        padding: 8.9vw 0 14.5vw;
    }

    .testimonial-wrapper {
        max-width: 42.5vw;
    }

    .testimonial-wrapper .slick-next,
    .reviews-slider .slick-next,
    .food-menu-slider .slick-next {
        right: -10.4vw;
    }

    .testimonial-wrapper .slick-prev,
    .reviews-slider .slick-prev,
    .food-menu-slider .slick-prev {
        left: -10.4vw;
    }

    .testimonial-wrapper figure {
        max-width: 12.1vw;
        max-height: 12.1vw;
        border-width: 1.3vw;
    }

    .testimonial-wrapper .slick-arrow,
    .reviews-slider .slick-arrow,
    .food-menu-slider .slick-arrow,
    .badge-slider .slick-arrow {
        width: 5.5vw;
        height: 5.5vw;
        background-size: 1.05vw;
    }

    .food-menu-grid h4 {
        font-size: 1.928vw;
        line-height: 2.241vw;
    }

    .testimonial-wrapper article,
    .reviews-content p,
    .food-menu-grid p {
        font-size: 1.14vw;
        line-height: 1.7vw;
    }

    .testimonial-wrapper span,
    .reviews-content span {
        font-size: 1.93vw;
    }

    .shopping-school {
        padding: 7.9vw 0;
        min-height: inherit;
    }

    .convenience-wrapper {
        padding: 7.9vw 0;
    }

    .convenience-list {
        max-width: 71.2vw;
    }

    .convenience-list li figure {
        margin-bottom: 4vw;
    }

    .convenience-list li {
        max-width: 15.9vw;
        min-height: auto;
        padding: 3.5vw 1.5vw;
    }

    .convenience-list li figure img {
        width: 4vw;
    }

    .model-demonstration {
        padding: 9vw 0;
    }

    .child-center {
        max-width: 23.7vw;
        min-height: 12.4vw;
        margin: 5.2vw auto 0;
    }


    .model-demonstration-logo {
        max-width: 64.5vw;
        margin: 4.3vw auto 0;
    }

    .infant-content h3 {
        font-size: 2.6vw;
        line-height: 2.7vw;
    }

    .infant-content .btn-common {
        margin: 5.2vw auto 0;
    }

    .pre-overview .infant-content .btn-common {
        margin: 2.2vw auto 0;
    }

    .infant-content {
        min-height: inherit;
    }

    .nationally-accredited article {
        font-size: 1.14vw;
        line-height: 1.7vw;
        max-width: 46vw;
    }

    .model-demonstration article {
        max-width: 45vw;
        font-size: 1.14vw;
        line-height: 1.7vw;
    }

    /* .location-search-form .-choose-age-submit{
        flex: 1;
    } */
    .location-search-form select {
        margin-right: 1.407vw !important;
    }

    .find-location-banner-top-graphics {
        right: 7.552vw;
        max-width: 20.833vw;
        min-height: 22.083vw;
    }

    .find-location-banner-bottom-graphics {
        bottom: -5.208vw;
        left: 8.333vw;
        max-width: 20.833vw;
        min-height: 22.083vw;
    }

    .find-location-banner.location-finder-sect::before {
        left: 7.552vw;
        width: 28.958vw;
        height: 30.885vw;
        background-size: 16.406vw;
    }

    .find-location-banner.location-finder-sect:after {
        right: 14.115vw;
        width: 6.510vw;
        height: 6.563vw;
        background-size: 3.646vw;
    }

    .find-location-temp .row {
        gap: 1.823vw 1.563vw;
    }
    .enrollment-body .find-location-temp .row{
        gap: 1.7vw 2.19vw;
    }
    .find-location-temp .box {
        max-width: 24.479vw;
        min-height: 16.146vw;
        padding: 3.125vw 3.125vw 2.604vw;
    }

    .find-location-temp .box h3 {
        font-size: 1.927vw;
        line-height: 2.240vw;
        min-height: 4.167vw;
        margin-bottom: 1.302vw;
    }

    .find-location-temp .box p {
        font-size: 1.146vw;
        line-height: 1.667vw;
        padding-bottom: 2.917vw;
    }

    .find-location-temp .box a {
        font-size: 1.510vw;
        line-height: 2.240vw;
    }

    .find-location-temp .box a:after {
        right: -2.083vw;
        top: 0.521vw;
        width: 0.573vw;
        height: 0.938vw;
    }

    .search-detail-box {
        max-width: 30vw;
        width: 100%;
    }
    .discover-left-sec h2 {
        font-size: 3.229vw;
        line-height: 3.385vw;
    }
    .discover-left-sec article {
        font-size: 0.938vw;
        line-height: 1.25vw;
    }

}

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

    .career-input-holder .custom-select input[type="text"],
    .select-text,
    .custom-multi-select input[type="text"],
    .select-multi-text {
        font-size: 22px !important;
    }

    .bannerbox-center h1 {
        padding: 3vw 0 4vw;
        font-size: 5.5vw;
        line-height: 6vw;
    }

    .covid19-wrapper .cartoon-map {
        margin-top: 5vw;
    }

    .nearby-locations-wrapper {
        padding: 8.38vw 0 20.64vw;
    }


    .nearby-locations-wrapper .nearby-location-slider .slick-prev {
        width: 5.17vw;
        height: 5.17vw;
        background-size: 1.05vw;
        left: -0.76vw;
    }

    .nearby-locations-wrapper .nearby-location-slider .slick-next {
        width: 5.17vw;
        height: 5.17vw;
        background-size: 1.05vw;
        right: -0.76vw;
    }

    .nearby-loc-box h3 {
        font-weight: 400;
        font-size: 2.17vw;
        letter-spacing: 0em;
        line-height: 2.52vw;
        text-align: center;
        color: #231f20;
        font-weight: 700;
        min-height: 5.17vw;
        margin-bottom: 1.64vw;
    }

    .nearby-loc-box p {
        font-weight: 500;
        font-size: 1.29vw;
        letter-spacing: 0em;
        line-height: 1.88vw;
        text-align: center;
        color: #000;
        padding-bottom: 2.64vw;
    }

    .nearby-loc-box a {
        font-weight: 700;
        font-size: 1.70vw;
        letter-spacing: 0em;
        line-height: 2.52vw;
        text-align: center;
        color: #790ed2;
        position: relative;
    }

    .nearby-loc-box a:after {
        content: "";
        position: absolute;
        right: -2.35vw;
        top: 0.78vw;
        background: url(//o2bkids.com/wp-content/themes/O2B/css/../images/right_icon.png) no-repeat;
        background-size: 100%;
        width: 0.74vw;
        height: 3.05vw;
    }

    .find-location-banner .how-to-join .main-title-size {
        font-size: 4.68vw !important;
        line-height: 5.367vw !important;
        font-weight: 900;
        max-width: 51.43vw;
        width: 100%;
        margin: 0 auto;
    }

    .nearby-loc-slide {
        max-width: 440px;
        width: 100%;
    }

    .nearby-location-slider {
        max-width: 78vw;
    }

    .slider-nav li.seperate::after {
        content: "";
        position: absolute;
        top: calc(50% - 1px);
        transform: translateY(-50%);
        right: -1vw;
        background: url(//o2bkids.com/wp-content/themes/O2B/./images/btnCommon-2.png) no-repeat center right;
        background-size: 0.55vw;
        width: 2vw;
        height: 2vw;
    }
    .contact-wrapper-new .removeChild:after{
        margin-top: 4px;
    }

    .infant-model-demonstration .child-center {
        max-width: 61.5vw!important;
    }
    .enrollment-header h1.hero-title-size{
        font-size: 4vw;
        line-height: 4.3vw;
    }
    .enrollment-header .find-location-banner-bottom-graphics{
        bottom: 0.82vw;
    left: 8.333vw;
    max-width: 18.833vw;
    min-height: 16.083vw;
    }
}

h3.contact-label {
    color: #231F20;
    font-family: Goldplay;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0.09px;
    line-height: 32px;
    margin-bottom: 24px;
}

.c_add-child.contact-add-child {
    text-align: left;
    color: #231F20;
    font-family: Goldplay;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.08px;
    line-height: 32px;
    /* padding-bottom: 3.59vw; */
    cursor: pointer;
    position: relative;
    margin-bottom: 6px;
        margin-left: 10px;
        margin-right: 10px;
}
.contact-wrapper-new .c_divider{
    padding-top: 3.2vw;
    border-bottom: 1px solid grey;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
.c_add-child.contact-add-child::after {
    content: "+";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #66c700;
    color: #fff;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    margin-left: 15px;
}

.contact-wrapper-new .removeChild {
    font-size: 0;
}

.contact-wrapper-new .removeChild::after {
    content: "-";
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #ababab;
    color: #fff;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    margin-left: 10px;
    margin-top: 15px;
    cursor: pointer;

}

.contact-wrapper-new .removeChild:hover::after {
    background: #c3000d;
}

.contact-wrapper {
    background-color: #e5e5e5;
}

.contact-wrapper-new .input-field select {
    background-color: #fff;
}

.new-academy {
    left: -12.5%;
    border-radius: 260%/114%;
    width: 125%;
    position: relative;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #E5E5E5;
}

.new-academy .itgraphiclinescopy5 {
    left: 12vw !important;
    bottom: -4.7vw !important;
    width: 11vw !important;
}

.new-academy .ttovalcopy7 {
    bottom: 7vw !important;
    left: 12vw !important;
}

body .new-academy .ttovalcopy16 {
    bottom: 3.8vw !important;
    left: 19.6vw !important;

}

.new-academy.hero-half .burst-white {
    bottom: -65% !important;
    opacity: 1;
    z-index: -1;
    right: 15vw !important;
}

.new-academy.hero-half .tt1whitecopy {
    bottom: 6vw !important;
    right: 27vw !important;
    width: 2.2vw !important;
}

.new-academy.hero-half .ttgraphicsarrowdottedcopy {
    bottom: 2vw !important;
    right: 16vw !important;
    width: 9.7vw !important;
}

.new-academy.hero-half .tt3whitecopy {
    bottom: 4.7vw !important;
    right: 14vw !important;
    width: 2.2vw !important;
}

.new-academy.hero-half .tt2whitecopy {
    right: 19.2vw !important;
    width: 2.2vw !important;
}

.new-academy-body {
    background-color: #e5e5e5;
}

.mission-new-academy .need-arrow:before {
    background: url(../images/green-arrow.png) no-repeat;
    background-size: contain !important;
    width: 6vw;
    height: 10vw;
}

.mission-new-academy .summer-button .btn-common {
    background: #66c700 url(../images/btnCommon.png) no-repeat 88% center;
    padding: 0 90px 0 44px;
    background-size: 15px;
}

.mission-new-location {
    position: relative;
}

.mission-new-location .circles_greencopy3 {
    left: -2.5%;
    bottom: -76px;
    z-index: 5;
    width: 10.5vw;
    transform: inherit;
}

.new-academy .bannerbox-center {
    max-width: 812px;
    padding: 11vw 10px 6vw 10px;
    margin: 0 auto;
    text-align: center;
}

.new-academy .banner-box {

    margin: 0 auto;
}

.banner-box .banner-left {
    padding: 0 20px;
}

.new-academy .banner-box .row {
    max-width: 32vw;
    width: 100%;
    border-radius: 49.47px;
    background-color: #FFFFFF;
    align-items: center;
    padding: 15px;
}

.bannerbox-center h1 {
    margin-top: 58px;
    color: #47088B;
    font-family: Goldplay;
    font-size: 72px;
    font-weight: 900;
    letter-spacing: 0.26px;
    line-height: 80px;
    text-align: center;
}

.mission-new-academy {
    padding: 150px 0 120px;
}

.banner-box .banner-left img {
    box-sizing: border-box;
    width: 100%;
    max-height: 129px;
    object-fit: contain;
}

.banner-box img {
    position: inherit !important;
}

.banner-box .banner-right img {
    max-width: 8vw;
    width: 100%;
}

.acquisition-wrapper {
    margin-bottom: 0 !important;
}

.acquisition-wrapper {
    padding: 6.5vw 0 9.5vw !important;
    margin-top: -55px;
}
.acquisition-wrapper.location-acquisition-wrapper {
    padding: 6.5vw 0 9.5vw !important;
    margin-top: 0;
}

.acquisition-wrapper .imgMusic {
    max-width: 16vw !important;
    position: absolute !important;
    top: -6vw !important;
    left: initial !important;
    right: 13% !important;
}

.met.faq-wrapper.acquisition-wrapper .ttovalcopy12 {
    top: -6vw;
    width: 8.3vw;
    z-index: 1;
}

.acquisition-wrapper.met ul li img {
    height: 130px;
    max-width: 172px;
    object-fit: contain;
    width: 100%;
    padding: 5px;
}

.acquisition-wrapper .accredited-list-wrapper ul {
    justify-content: center;
    gap: 38px;
    align-items: center;
    flex-wrap: wrap;
}

.acquisition-wrapper .accredited-list-wrapper {
    margin: 64px auto 0;
}

.acquisition-wrapper .accredited-list-wrapper li {
    max-width: 330px;
    min-height: 237px;
    border-radius: 40px;
    background: #fff;

}

.acquisition-wrapper.met ul li h5 {
    margin-top: 25px;
    font-family: Goldplay;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.08px;
    line-height: 32px;
    text-align: center;
}
.convenience-wrapper.award-recognition.curved-border.no-bottom-curve{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.acquisition-wrapper.met.faq-wrapper .ttgroup9copy {
    top: 4vw;
}
.acquisition-wrapper.location-acquisition-wrapper{
background: #E5E5E5 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.acquisition-wrapper.location-acquisition-wrapper .halfovalpurp {
    right: 10%;
    top: initial;
    bottom: 4vw;

}
.acquisition-wrapper.location-acquisition-wrapper .circles_greencopy3 {
    top: -11vw;
    right: initial;
    transform: initial;
    width: 10.8vw;
    left: 8%;

}
.acquisition-wrapper .main-title-size{
    margin-bottom: 30px;
 }
.contact-wrapper h2.main-title-size{
    margin-bottom: 4px !important;
}
.contact-wrapper-new h3.contact-label{
    margin-top: 3.07vw;
    padding-left: 10px;
    text-align: left;
    width: 100%;
}
.row.contact-wrapper-new .row {
    margin-right: 0;
    margin-left: 0;
}
.contact-wrapper .contact-wrapper-new  .column {
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 1700px) and (min-width: 1100px) {
    .sub-content {
        font-size: 2.176vw;
        line-height: 2.529vw;
        padding: 0.882vw 0 3.824vw;
    }
    .enrollment-body .enrollment-description{
        font-size: 1.44vw !important;
    line-height: 2.1vw !important;
    }
    .location-content li {
        font-size: 1.44vw;
        line-height: 2.1vw;
    }

    .location-title h2 {
        font-size: 1.7vw;
        line-height: 1.7vw;
    }

    .location-grid {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .locations-center {
        padding-bottom: 7.353vw;
    }

    .searchList h3 {
        font-size: 2.176vw;
        line-height: 2.529vw;
        margin-bottom: 1.529vw;
    }

    .all-location-link {
        font-size: 2.176vw;
        line-height: 2.529vw;
    }

    .all-location-link img {
        margin-right: 1.647vw;
        width: 1.824vw;
    }

    .child-slide h3 {
        font-size: 2vw !important;
    }

    .single-story-container .main-div-size,
    .single-story-container .main-div-size h6,
    .single-story-container .main-div-size p,
    .single-story-container .main-div-size a,
    .single-story-container .main-div-size ol,
    .single-story-container .main-div-size ul,
    .single-story-container .main-div-size>span {
        font-size: 1.44vw;
        line-height: 2.1vw;
    }

    .single-story-container .main-div-size h5 {
        font-size: 1.54vw;
        line-height: 2.2vw;
    }

    .single-story-container .main-div-size h4 {
        font-size: 1.64vw;
        line-height: 2.3vw;
    }

    .single-story-container .main-div-size h3 {
        font-size: 1.74vw;
        line-height: 2.4vw;
    }

    .single-story-container .main-div-size h2 {
        font-size: 1.84vw;
        line-height: 2.5vw;
    }

    .single-story-container .main-div-size h1 {
        font-size: 1.94vw;
        line-height: 2.6vw;
    }

    .search-location-list-new {
        padding: 7.058vw 0px 15px 5.29vw;
    }

    .nearby-locations-wrapper h1,
    .search-locations-box-wrapper h1 {
        padding-bottom: 35px;
        font-size: 4.288vw;
    }

    .search-list-wrap h1 {
        text-align: center;
        font-size: 3.23vw;
        padding-bottom: 30px;
        line-height: 3.64vw;
        margin-right: 60px;
    }

    .find-location-banner.location-finder-sect {
        background-position: -0.5% 293%;
    }

}

@media screen and (min-width:1025px) and (max-width:1435px) {
    .custom-multi-select .input-multi-search:before {
        top: 1.8vw !important;
    }

    .career-center {
        max-width: 100vw;
        padding: 0 20px;
    }

    .career-header .career-center {
        min-height: 8.780vw;
    }

    .header-tag {
        font-size: 1.533vw;
    }

    .career-input-holder .custom-select input[type="text"],
    .select-text,
    .custom-multi-select input[type="text"],
    .select-multi-text {
        font-size: 1.533vw !important;
    }

    .multi-select-text {
        height: calc(4.39vw - 14px);
    }

    .multi-select-close {
        margin-left: 8px;
        width: calc(3.8vw - 30px);
        height: calc(3.8vw - 30px);
        max-width: 22px;
        max-height: 22px;
        min-width: 15px;
        min-height: 15px;
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .custom-multi-select .input-multi-search:before {
        top: 2.2vw !important;
    }

    .multi-select-text {
        height: calc(5.5vw - 20px);
    }

    .multi-select-close {
        margin-left: 8px;
        width: calc(4.8vw - 30px);
        height: calc(4.8vw - 30px);
        max-width: 15px;
        max-height: 15px;
        min-width: 12px;
        min-height: 12px;
    }

    .career-center {
        max-width: 140.137vw;
        padding: 0 20px;
    }

    .career-header .career-center {
        min-height: 12.305vw;
    }

    .header-tag {
        font-size: 2.148vw;
    }

}

@media (max-width: 1099px) and (min-width: 901px) {

    .job-details,
    .job-details-item p,
    .job-details-item li {
        font-size: 1.8vw !important;
        line-height: 2.5vw !important;
    }

    .job-details-item h1,
    .job-details-item h2,
    .job-details-item h3,
    .job-details-item h4,
    .job-details-item h5,
    .job-details-item h6 {
        font-size: 2.23vw !important;
        line-height: 2.6vw !important;
    }

    .sub-content {
        font-size: 3.739vw;
        line-height: 3.217vw;
    }

    .location-content li {
        font-size: 1.8vw !important;
        line-height: 2.5vw !important;
    }

    .location-wrap .location-content {
        padding: 6vw 4vw 4vw;
    }

    .location-grid {
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .location-finder-sect .inputZipHolder,
    .location-finder-sect .selectDrop {
        padding: 0 0.5vw;
    }

    .location-title h2 {
        font-size: 2vw !important;
        line-height: 2.2vw !important;
    }

    .selectDrop,
    .inputZipHolder {
        max-width: 23.58vw;
    }

    .locations-center {
        padding-bottom: 6vw;
    }

    .searchList h3 {
        font-size: 3.217vw;
        line-height: 3.739vw;
        margin-bottom: 2.366vw;
    }

    .locationList li h2 {
        font-size: 1.5vw !important;
        line-height: 1.8vw !important
    }

    .all-location-link {
        font-size: 3.2vw;
        line-height: 3.7vw;
    }

    .all-location-link img {
        margin-right: 2.435vw;
        width: 2.696vw;
    }

    .search-list-wrap h1 {
        text-align: center;
        font-size: 3.18vw;
        padding-bottom: 30px;
        line-height: 3.82vw;
        margin-right: 60px;
    }

}

@media screen and (max-width:1440px) {
    .stories-hero .hero-title-size {
        padding: 9.700vw 0 0 0 !important;
    }
    .acquisition-wrapper .main-title-size{
        margin-bottom: 27px;
     }
    .badge-slide span {
        font-size: 2.2vw;
        line-height: 2.5vw;
    }

    .badge-slider .slick-prev {
        left: -70px !important;
    }

    .badge-slider .slick-next {
        right: -70px !important;
    }

    .badge-slide {
        padding: 0 1vw;
    }

    .hexa-img {
        width: 18vw;
        height: 18vw;
    }

    .calenter-event-wrapper {
        max-width: 75vw;
    }

    .calender-event {
        padding: 2.083vw 1.823vw;
        flex: 0 0 17vw;
        max-width: 17vw;
        min-height: 17vw;
    }

    .calender-event h5 {
        font-size: 1.8vw;
        line-height: 2vw;
    }

    .calender-event .event-desc {
        font-size: 1.4vw;
        line-height: 1.7vw;
    }

    .quotes-text span {
        font-size: 2.5vw;
        line-height: 2.7vw;
    }

    .classes-detail-hero .btn-hero-back {
        top: -15vw;
        font-size: 1.4vw;
        line-height: 1.7vw;
    }

    .milestones li:before {
        height: 4.2vw;
    }

    .milestones li .time-details {
        bottom: 5.3vw;
    }

    .milestones li:nth-child(even) .time-details {
        top: 5.3vw;
    }

    .milestones li .time-details {
        font-size: 1.1vw;
        line-height: 1.41vw;
    }

    .milestones li .time-details strong {
        font-size: 1.8vw;
        line-height: 2vw;
    }

    .our-core-wrapper article,
    .accdn-content,
    .accdn-content article,
    .secure-slide-content article,
    .learn-more-wrapper,
    .learn-more-wrapper p,
    .integrate-learning-wrapper article,
    .common-wrapper article {
        font-size: 1.3vw;
        line-height: 2vw;
    }

    .history-wrapper .learn-more-wrapper .content-center {
        max-width: 58.4vw;
    }

    .our-core-wrapper {
        max-width: 52.5vw;
    }

    .history-wrapper .content-center {
        max-width: 58.5vw;
    }

    .btn-learn-more::after {
        width: 2vw;
        height: 2vw;
        font-size: 1.4vw;
        line-height: 2vw;
        right: -2.7vw;
    }

    .milestones-wrap {
        padding: 3.47vw;
    }

    .milestones-wrap,
    .milestones-wrap .milestones,
    .milestones-wrap .milestones ul,
    .milestones .slick-list,
    .milestones .slick-track {
        min-height: 32vw;
    }

    .milestones .slick-list,
    .milestones .slick-track {
        height: 32vw;
    }

    /* .location-search-form select#location {
        flex: 2;
    } */
    /* .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        font-size: 1.7vw;
        line-height: 4vw;
        height: 4vw;
    } */
    .testimonial-wrapper article,
    .reviews-content p,
    .food-menu-grid p {
        font-size: 1.5vw;
        line-height: 1.9vw;
    }
}

@media screen and (max-width:1280px) {
    .milestones li:before {
        height: 4.5vw;
    }
    .acquisition-wrapper .main-title-size{
        margin-bottom: 27px;
     }
    .milestones li .time-details {
        font-size: 1.23vw;
        line-height: 1.47vw;
    }

    .milestones-wrap {
        padding: 4vw 3.5vw 10vw !important;
    }

    .milestones-wrap .slick-arrow {
        bottom: -20px;
    }

    .btn-learn-more {
        font-size: 1.4vw;
        line-height: 2vw;
    }

    .milestones-wrap {
        padding: 4vw 3.5vw;
    }

    .address-list.address-1,
    .address-list.address-2 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .address-list.address-3 {
        margin-top: 30px;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .testimonial-wrapper article,
    .reviews-content p,
    .food-menu-grid p {
        font-size: 1.8vw;
        line-height: 2.2vw;
    }

    .testimonial-wrapper .slick-prev,
    .reviews-slider .slick-prev,
    .food-menu-slider .slick-prev,
    .badge-slider .slick-prev {
        left: -57px;
    }

    .testimonial-wrapper .slick-next,
    .reviews-slider .slick-next,
    .food-menu-slider .slick-next,
    .badge-slider .slick-next {
        right: -57px;
    }

    .reviews-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .fun-factor-wrapper .our-core-wrapper {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 85vw !important;
        width: 100%;
        margin: 0 auto;
    }

    .search-location-box-list li {
        flex-basis: calc(50% - 45px);
    }

    .nearby-locations-wrapper {
        padding: 6.38vw 0 18.64vw;
    }
    .contact-wrapper .input-field select {
        background-size: 20px;
    }

}



@media screen and (max-width:1099px) {
    .hexa-img {
        width: 24vw;
        height: 24vw;
    }

    .badge-slider .slick-arrow {
        top: 44%;
    }

    .badge-slide span {
        font-size: 2.6vw;
        line-height: 2.9vw;
    }

    .rewards-wrapper {
        padding-bottom: 30vw !important;
    }



}

@media (max-width: 1099px) and (min-width: 600px) {
    .covid19 .nationally-accredited .common-wrapper h2 {
        font-size: 4.72vw !important;
        line-height: 5.3vw !important;
    }

    .covid19 .o2b-parties-slider .slick-next,
    .covid19 .cirriculum-variety-col .slick-next {
        right: -7vw;
    }

    .covid19 .remember-section h2 {
        max-width: 73vw !important;
    }

    .covid19-safety-procedures {
        max-width: 75vw;
        margin: 0 auto;
    }

    .covid19 .o2b-parties-slider .slick-prev,
    .covid19 .cirriculum-variety-col .slick-prev {
        left: -7vw;
    }

    .covid19 .afterschool-curriculum>h1 {
        padding-bottom: 2.3vw;
    }

    .covid19 .selectDrop,
    .covid19 .inputZipHolder {
        margin-top: 1vw;
    }

    .covid19 .ga.convenience-wrapper {
        padding-bottom: 23.2vw !important;
    }

    .covid19 .o2b-integrated-learning h1 {
        max-width: 58vw;
        padding-bottom: 1.5vw;
    }

    .covid19 .accordion-wrapper-met {
        max-width: 76.458vw;
    }

    .covid19 .accordion-wrapper-met .accordian-item h2 {
        font-size: 2vw !important;
    }

    .covid19 .o2b-parties-slider .slick-arrow {
        top: 50%;
        width: 45px;
        height: 45px;
    }

    .covid19 .o2b-parties-slider .slick-next {
        right: -6vw;
    }

    .covid19 .o2b-parties-slider .slick-prev {
        right: -6vw;
    }

    .covid19 .remember-section .cartoon-map {
        margin-bottom: -6vw;
    }

    .covid19 .delivering-result .common-wrapper {
        padding: 11vw 0 12vw;
    }

    .covid19 .o2b-parties .middle-size3743 {
        padding-bottom: 15px !important;
    }

    .stories-container {
        max-width: 86vw;
    }

    .single-story-container .main-div-size,
    .single-story-container .main-div-size h6,
    .single-story-container .main-div-size p,
    .single-story-container .main-div-size a,
    .single-story-container .main-div-size ol,
    .single-story-container .main-div-size ul,
    .single-story-container .main-div-size>span {
        font-size: 1.8vw;
        line-height: 2.5vw;
    }

    .single-story-container .main-div-size h5 {
        font-size: 1.9vw;
        line-height: 2.6vw;
    }

    .single-story-container .main-div-size h4 {
        font-size: 2vw;
        line-height: 2.7vw;
    }

    .single-story-container .main-div-size h3 {
        font-size: 2.1vw;
        line-height: 2.8vw;
    }

    .single-story-container .main-div-size h2 {
        font-size: 2.2vw;
        line-height: 2.9vw;
    }

    .single-story-container .main-div-size h1 {
        font-size: 2.3vw;
        line-height: 3vw;
    }
    .find-location-temp h2.enrollment-title{
        font-size: 4.72vw !important;
    line-height: 5.3vw !important;
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {

    .find-location>a,
    .btnHealthy {
        min-height: 43px !important;
        line-height: 43px !important;
    }

    /* .core-purpose-wrapper.fun-factor-wrapper {
        padding-top: 14vw!important;
        padding-bottom: 18vw!important;
    } */

    .nearby-location-slider h4 {
        color: #47088b;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        padding: 35px 0 15px;
    }

    .nearby-loc-img {
        border-radius: 15px;
    }

    .nearby-loc-slide {
        border-radius: 19px;
        background: #fff;
        box-shadow: 0px 2px 15px rgb(56 46 47 / 15%);
        padding: 30px 15px 40px;
        margin: 1.5vw;
    }

    .search-list-wrap .arrow-location {
        height: 45px;
        width: 45px;
    }

}

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

    /* .core-purpose-wrapper.fun-factor-wrapper {
        padding-top: 18vw!important;
        padding-bottom: 22vw!important;
    } */
    .covid19 .ga.convenience-wrapper.supplies-expect {
        padding-bottom: 35.2vw !important;
    }

    .second-cirriculum .slick-slide {
        max-width: inherit;
        width: inherit !important;
    }

    /* .main-footer {
        padding-top: 32.5vw;
    } */
    .how-to-join-wrapper {
        padding: 0 20px;
    }

    /* .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        font-size: 2vw;
        line-height: 2vw;
        padding: 0 1.5vw;
    } */
    .covid19 .safty-procedure-area .need-arrow:before {
        left: -12vw;
    }

    .grid-4-list ol,
    .grid-4-list ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        padding-left: 26px;
    }

    .search-holder {
        width: 36.24vw !important;
    }

    .custom-select {
        width: 20.083vw;
    }

    .story-slide>.story:first-child .story-bk {
        height: inherit !important;
    }

    .search-location-list-new {
        padding: 9.909vw 0 15px 3.18vw;
    }

    .nearby-locations-wrapper h1,
    .search-locations-box-wrapper h1 {
        padding-bottom: 35px;
        font-size: 4.288vw;
    }

}

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

    .search-list-wrap .arrow-location {
        height: 45px;
        width: 45px;
        background-size: 23%;
    }
    .acquisition-wrapper .main-title-size{
        margin-bottom: 25px;
     }
}

@media screen and (max-width:1024px) {
    .stories-hero .hero-title-size {
        padding: 9.700vw 0 0 0 !important;
    }

    .location-review-wrapper h2 {
        margin-bottom: 6vw;
    }

    .search-holder {
        width: 37.24vw !important;
    }

    .custom-select {
        width: 20.083vw;
    }

    .reviews-content span {
        margin-top: 2vw;
    }

    .covid19 .accordion-wrapper-met .accordian-item h2 {
        font-size: 2vw !important;
        line-height: 2.5vw !important;
    }

    .covid19 .child-learn-wrapper.bday.ft {
        padding: 20.3vw 0 24vw;
    }

    .covid19 .lab-benefits .main-p-size {
        padding: 0 0 30px;
    }

    .milestones li:before {
        height: 5.5vw;
    }

    .milestones,
    .milestones ul {
        min-height: 28vw;
    }

    .location-title {
        min-height: 7vw;
        max-height: 7vw;
        border-radius: 2.8vw;
    }

    .location-wrap .location-content {
        border-radius: 2.8vw;
        padding: 6vw 3vw 3vw;
    }

    .location-finder-sect .inputZipHolder,
    .location-finder-sect .selectDrop {
        margin-top: 0;
    }

    .our-location-link {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .all-location-link {
        font-size: 3vw;
        line-height: 3.4vw;
    }

    .location-finder-sect .how-to-join {
        margin: 11vw auto 0 !important;
        padding-top: 8vw !important;
        padding-bottom: 7.5vw !important;
    }

    .age-per-fee {
        padding: 0 1vw 17px;
    }

    .how-to-join-wrapper.join-our-family .how-to-join h2 {
        padding-bottom: 0 !important;
    }

    .fun-factor-wrapper h3,
    .food-menu-wrapper .diff-sub-title {
        margin-bottom: 0 !important;
    }

    .our-staffs-wrapper .page-center article {
        margin-top: 0 !important;
    }

    .diff-sub-title {
        margin-bottom: 0 !important;
    }

    .location-review-wrapper {
        padding: 10vw 0 27vw 0;
    }

    .tuition-and-fees-wrapper.child-learn-wrapper.bday.ft {
        padding: 18vw 0 23vw;
    }

    .btn-common {
        font-size: 16px;
        max-width: 270px !important;
        height: 54px;
        line-height: 23px;
        padding: 0 40px 0 30px;
        background-size: 10px !important;
        border-radius: 18px;
        margin: 50px auto 0;
    }

    .about-classes {
        padding: 0 0 15vw;
    }

    .benefits-wrapper .middle-size3743 {
        padding: 2vw 0 2.5vw;
    }

    .progress-box h5 {
        margin-bottom: 1.6vw;
    }

    .child-do-slider figure {
        padding: 18px 18px 0;
    }

    .classes-slider-wrapper .middle-size3743 {
        margin-bottom: 0;
        padding-top: 0;
    }

    .classes-slider-wrapper .child-slide h5 {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 15px;
    }

    .classes-slider-wrapper .middle-size3743 {
        font-size: 26px !important;
        line-height: 30px !important;
        padding-bottom: 7px !important;
    }

    .find-location-temp .box {
        max-width: 300px;
        min-height: 180px;
        padding: 30px;
    }

    .find-location-temp .box h3 {
        font-size: 26px;
        line-height: 35px;
        min-height: 50px;
        margin-bottom: 15px;

    }

    .find-location-temp .box p {
        font-size: 16px;
        line-height: 21px;
        padding-bottom: 30px;
    }

    .find-location-temp .box a {
        font-size: 18px;
        line-height: 24px;
    }

    .find-location-temp .box a:after {
        right: -20px;
        top: 8px;
        width: 7px;
        height: 14px;
    }

    .find-location-temp .row {
        gap: 20px;
    }

    .contact-hero .hero-subtitle
    {
        font-size: 22px;
        line-height: 30px;
    }

}

@media screen and (max-width: 991px) {
    .we-diverse-career {
        padding-bottom: 115px !important;
    }

    .featured-openings .opening-item,
    .available-positions .opening-item {
        padding: 0px 2.5vw;
        margin-bottom: 2.15vw;
    }

    .featured-openings .opening-list,
    .available-positions .opening-list {
        max-width: 65.45vw;
    }

    .job-details-list {
        padding-top: 10px;
    }

    .search-list-wrap .arrow-location {
        height: 36px;
        width: 36px;
        background-size: 22%;
        margin-right: 15px;
    }

    .search-list-wrap ul li {
        padding: 30px 0 30px 17px;
    }

    .nearby-location-slider h4 {
        color: #47088b;
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
        text-align: center;
        padding: 35px 0 15px;
    }

    .nearby-locations-wrapper h1,
    .search-locations-box-wrapper h1 {
        color: #47088b;
        font-size: 40px;
        text-align: center;
        padding-bottom: 20px;
    }

    .search-detail-box {
        max-width: 300px;
        width: 100%;
    }

    .search-list-wrap h2 a {
        font-size: 20px !important;
    }

}

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

    .single-story-container .main-div-size,
    .single-story-container .main-div-size h6,
    .single-story-container .main-div-size p,
    .single-story-container .main-div-size a,
    .single-story-container .main-div-size ol,
    .single-story-container .main-div-size ul,
    .single-story-container .main-div-size>span {
        font-size: 16px;
        line-height: 23px;
    }

    .txt_location {
        font-size: 16px;
        top: -9px;
    }

    .single-story-container .main-div-size h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .single-story-container .main-div-size h4 {
        font-size: 20px;
        line-height: 27px;
    }

    .single-story-container .main-div-size h3 {
        font-size: 22px;
        line-height: 29px;
    }

    .single-story-container .main-div-size h2 {
        font-size: 24px;
        line-height: 31px;
    }

    .single-story-container .main-div-size h1 {
        font-size: 26px;
        line-height: 33px;
    }

    .job-details-item h1,
    .job-details-item h2,
    .job-details-item h3,
    .job-details-item h4,
    .job-details-item h5,
    .job-details-item h6 {
        line-height: 28px !important;
        font-size: 24px !important;
    }

    .job-details,
    .job-details-item p,
    .job-details-item li {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    .classes-slider-wrapper .child-slide h5 {
        font-size: 18px;
        line-height: 22px;
    }

    .classes-slider-wrapper .child-slide h5 {
        padding-bottom: 15px;
    }

    .core-purpose-wrapper.fun-factor-wrapper {
        padding-top: 10vw !important;
        padding-bottom: 14vw !important;
    }

    .rewards-wrapper .ttovalcopy12 {
        display: none;
    }

    .accordion-wrapper-met {
        max-width: 100vw !important;
    }

    .calenter-event-wrapper {
        max-width: 100vw;
        padding-left: 33px;
        padding-right: 33px;
    }

    .calender-event {
        padding: 2.5vw;
        flex: 0 0 21vw;
        max-width: 21vw;
        min-height: 21vw;
    }

    .calender-event h5 {
        font-size: 2.5vw;
        line-height: 2.6vw;
    }

    .calender-event .event-desc {
        font-size: 1.9vw;
        line-height: 2.3vw;
    }

    .manifesto-wrapper,
    .common-pad {
        padding: 14vw 0 17vw;
    }

    .special-events article {
        max-width: 90vw;
    }

    .classes-detail-hero .btn-hero-back {
        font-size: 1.8vw;
        line-height: 1.8vw;
    }

    .page-template-Template-Summer-Camp .met.faq-wrapper {
        padding: 180px 0 180px 0 !important;
    }

    .award-recognition.ga.pno.convenience-wrapper {
        padding-top: 55px;
    }

    .after-school-img {
        top: inherit !important;
        margin: -25vw auto 0 !important;
    }

    .how-to-join-wrapper {
        padding: 0;
    }

    body .green-circle-full {
        bottom: unset;
        top: -10vw;
    }

    .common-wrapper {
        padding-left: 33px;
        padding-right: 33px;
    }
    .contact-wrapper .common-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }

    .content-center,
    .program-location-wrapper h3,
    .program-location-wrapper article,
    .cartoon-map,
    .our-core-wrapper,
    .integrate-learning-wrapper article {
        max-width: 100vw !important;
    }

    .common-wrapper h2,
    .main-footer h2 {
        font-size: 33px;
        line-height: 38px;
    }

    .common-wrapper h3,
    .sliderWrapper .slick-current h3 {
        font-size: 50px;
        line-height: 50px;
    }
    .contact-wrapper-new h3.contact-label {
        font-size: 25px;
        line-height: 32px;

    }
    .program-location-wrapper {
        padding: 67px 0 130px;
    }

    .program-location-wrapper h2,
    .program-location-wrapper h3 {
        margin-bottom: 15px;
    }

    .learn-more-wrapper,
    .learn-more-wrapper p,
    .common-wrapper article,
    .common-wrapper p {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    .program-location-wrapper article br,
    .core-purpose-wrapper .right-circle {
        display: none;
    }

    .cartoon-map {
        height: 156px;
        top: -78px;
    }


    .cartoon-map iframe {
        border-radius: 20px;
    }

    .our-core-wrapper {
        margin-top: -50px;
    }

    .core-purpose-wrapper {
        padding-bottom: 55px;
    }

    .core-purpose-wrapper .left-circle img,
    .core-purpose-wrapper .right-circle {
        width: 208px;
    }

    .core-purpose-wrapper .left-circle,
    .core-purpose-wrapper.privacy-wrapper .left-circle {
        left: -172px;
        bottom: -160px;
    }

    .history-wrapper {
        padding: 75px 0 50px;
    }

    .history-wrapper h2 {
        margin-bottom: 20px;
    }

    .history-wrapper h3 {
        margin-bottom: 30px;
    }

    .milestones-wrap {
        padding: 30px 0;
    }

    .milestones ul {
        flex-flow: column;
        position: relative;
    }

    .milestones ul::after {
        content: "";
        position: absolute;
        width: 4px;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #FFC000;
        border-radius: 4px;
    }

    .milestones.yellow ul::after {
        background-color: #FFC000;
    }

    .milestones.green ul::after {
        background-color: #66C700;
    }

    .milestones.violet ul::after {
        background-color: #47088B;
    }

    .milestones li .time-details strong {
        font-size: 24px;
        line-height: 28px;
    }

    .milestones.yellow li,
    .milestones.green li,
    .milestones.violet li {
        background-color: transparent;
    }

    .milestones li .time-details {
        position: relative;
        font-size: 16px;
        line-height: 23px;
        text-align: left;
        top: inherit !important;
        bottom: inherit !important;
        left: inherit !important;
    }

    .milestones li {
        flex: 1;
        width: 100%;
        height: 100%;
        text-align: left;
        background-color: transparent;
        display: flex;
        padding: 20px 0;
    }

    .milestones li:before {
        transform: rotate(90deg);
        height: 70px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 9px;
        right: inherit;
    }

    .milestones li:after {
        left: -12px;
        right: inherit;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: none;
        width: 20px;
        height: 20px;
        border: 4px solid #47088B;
    }

    .milestones li .time-details {
        margin: auto;
        padding-left: 50px;
    }

    .milestones li:nth-child(even):before {
        top: 0;
        bottom: 0;
        background-position: inherit;
    }

    .milestones-wrap,
    .milestones-wrap .milestones,
    .milestones-wrap .milestones ul,
    .milestones .slick-list,
    .milestones .slick-track {
        min-height: inherit;
    }

    .milestones .slick-list,
    .milestones .slick-track {
        height: inherit;
    }

    .milestones-wrap .milestones {
        padding: 0 30px;
    }

    .milestones-wrap {
        padding: 4vw 3.5vw 5vw !important;
    }

    .learn-more-wrapper {
        padding: 25px 0 40px;
    }

    .btn-learn-more {
        font-size: 16px;
        line-height: 23px;
        font-weight: bold;
    }

    .btn-learn-more:after {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        right: -37px;
    }

    .learn-more-wrapper .content-list {
        padding-top: 20px;
    }

    .manifesto-wrapper,
    .giving-back-wrapper,
    .safety-secure-wrapper {
        padding: 60px 0;
    }

    .manifesto-wrapper h3 {
        margin-bottom: 30px;
    }

    .manifesto-wrapper .learn-more-wrapper {
        padding-bottom: 60px;
    }

    .manifesto-wrapper .line-alphabet img {
        width: 145px;
    }

    .manifesto-wrapper .line-alphabet {
        right: -55px;
        top: -43px;
    }

    .accdn-title {
        min-height: 66px;
        font-size: 16px;
        line-height: 18px;
        padding: 0 50px 0 22px;
        margin-bottom: 16px;
        border-radius: 15px;
    }

    .accdn-title:after {
        width: 18px;
        height: 18px;
        background-size: 18px;
        right: 22px;
    }

    .accdn-content {
        margin-bottom: 16px;
        padding: 45px 7px 10px;
    }

    .accdn-content p {
        padding-bottom: 20px;
    }

    .giving-back-wrapper h2,
    .safety-secure-wrapper h2 {
        margin-bottom: 20px;
    }

    .secure-slider {
        margin-top: 22px;
    }

    .secure-slide-content h4 {
        font-size: 24px;
        line-height: 28px;
    }

    .secure-slide-content {
        border-radius: 25px;
        padding: 35px;
        min-height: auto;
    }

    .secure-slider .slick-slide {
        margin: 0 20px;
    }

    .secure-slider .slick-dots {
        margin-top: 30px;
    }

    .secure-slider .slick-arrow,
    .child-do-slider .slick-arrow,
    .reviews-slider .slick-arrow {
        width: 80px;
        height: 80px;
        text-indent: -999999px;
    }

    .reviews-slider .slick-arrow {
        background-size: 20px !important;
    }

    .secure-slider .slick-prev,
    .child-do-slider .slick-prev,
    .reviews-slider .slick-prev {
        left: -25px;
    }

    .secure-slider .slick-next,
    .child-do-slider .slick-next,
    .reviews-slider .slick-next {
        right: -25px;
    }

    .safety-secure-wrapper h2 {
        display: inline-block;
    }

    .safety-secure-wrapper h2:before {
        content: "";
        position: absolute;
        width: 55px;
        height: 26px;
        background: url(../images/imgHeaderArrow.png) no-repeat center center;
        background-size: 55px;
        transform: scaleY(-1) rotate(-69deg);
        top: -10px;
        left: -63px;
        z-index: 1;
    }

    .safety-secure-wrapper .accordion-wrapper {
        margin-top: 60px;
    }

    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:before,
    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:after {
        width: 71px;
        height: 33vw;
        background-size: 70px !important;
    }

    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:after {
        bottom: -29px;
        left: -30px;
    }

    .safety-secure-wrapper .accordion-wrapper .accordion:last-child:before {
        display: none;
    }

    .how-to-join-wrapper {
        height: auto;
    }

    .how-to-join {
        position: relative;
        top: 0;
        max-width: 100%;
        border-radius: 0;
        padding: 66px 34px 70px;
        min-height: 100%;
        background-size: cover;
    }

    .how-to-join h2 {
        font-size: 33px;
        line-height: 38px;
    }

    .how-to-join .row {
        flex-flow: column;
    }

    .how-to-join .small-12 {
        max-width: 100%;
        width: 100%;
        flex: 1;
        margin-bottom: 38px;
    }

    .how-to-join .small-12:first-child .select-programe {
        margin-top: 0;
    }

    .select-programe {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .select-programe em {
        font-size: 16px;
        line-height: 20px;
    }

    .select-programe span {
        font-size: 26px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .selectDrop,
    .inputZipHolder {
        margin-top: 15px;
        max-width: 100%;
    }

    .selectDrop input[type="text"],
    .inputZipHolder input[type="text"],
    .mainform-wrap select {
        font-size: 16px;
        height: 54px;
    }

    .inputZipHolder input[type="text"],
    .mainform-wrap select {
        padding: 0 40px;
    }

    .selectDrop li {
        font-size: 16px;
    }

    .inputZipHolder input[type="submit"],
    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        font-size: 16px;
        background-size: 12px;
        height: 54px;
        line-height: 54px;
    }

    .selectDrop::after {
        right: 30px;
        top: 0;
        width: 15px;
        height: 15px;
        bottom: 0;
        margin: auto;
        background-size: 13px
    }

    .main-footer {
        padding: 40px 34px 46px;
    }

    .logo-footer-o2b {
        max-width: 66px;
        margin: 0 auto;
    }

    .footer-content {
        max-width: 100%;
        margin: 42px auto 0;
    }

    .footer-links h4 {
        font-size: 16px;
        line-height: 23px;
    }

    .footer-links ul {
        margin: 15px 0 0;
    }

    .footer-links li {
        font-size: 16px;
        line-height: 23px;
    }

    .footer-content {
        flex-flow: column;
    }

    .footer-links {
        flex: 1;
        text-align: center;
        margin-bottom: 37px;
    }

    .footer-links h4 {
        position: relative;
        max-width: 111px;
        width: 100%;
        margin: 0 auto;
        cursor: pointer;
    }

    .footer-links h4::after {
        position: absolute;
        content: ">";
        font-size: 18px;
        color: #fff;
        top: 0;
        right: -20px;
        transform: rotate(90deg);
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .footer-links.selected ::after {
        transform: rotate(-90deg);
    }

    .footer-links ul {
        display: none;
    }

    .social-links ul {
        max-width: 270px;
    }

    .social-links li {
        width: 36px;
    }

    .copyright {
        font-size: 16px;
        line-height: 23px;
        padding: 15px 0;
    }

    .bgFooterLeft {
        max-width: 458px;
        min-height: 466px;
        left: -196px;
        top: -87px;
    }

    .bgBottom {
        max-width: 458px;
        min-height: 466px;
        right: -145px;
        bottom: -100px;
    }

    .contact-page .mob-hero {
        min-height: auto;
    }

    .contact-wrapper {
        padding: 60px 0;
    }

    .summer-contact-wrapper {
        /* padding: 105px 0; */
        padding: 65px 0;
    }

    .contact-wrapper .content-center {
        max-width: 49.2vw;
    }

    .contact-wrapper h2 {
        margin-bottom: 23px;
    }

    .contact-wrapper .column {
        padding-left: 1vw;
        padding-right: 1vw;
    }

    .input-field input,
    .input-field select,
    .input-field textarea {
        margin-bottom: 20px;
        height: 55px;
        line-height: 24px;
        font-size: 16px;
        border-radius: 20px;
        padding: 0 15px;
    }

    .input-field textarea {
        height: 150px;
        padding-top: 16px;
    }

    .button-field input[type="submit"],
    .button-field input[type="button"],
    .button-field button {
        margin-top: 0;
        height: 54px;
        line-height: 54px;
        font-size: 16px;
        min-width: 156px;
        padding: 0 30px;
        border-radius: 20px;
        background-size: 12px;
    }

    .input-field select {
        background-size: 12px;
        padding-right: 30px;
    }

    .goal-instruction-wrapper .content-center {
        max-width: 82% !important;
    }

    .location-container .row,
    .location-grid-wrapper .row,
    .location-finder-sect .how-to-join .row {
        display: block;
    }

    .locations-center,
    .location-grid,
    .search-location-list,
    .search-map-wrapper {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .location-grid {
        padding-left: 0;
        padding-right: 0;
    }

    .locations-center {
        padding-left: 30px;
        padding-right: 30px;
    }

    .location-grid-wrapper .main-title-size {
        font-size: 33px;
        line-height: 38px;
        padding-top: 65px;
        padding-bottom: 30px;
    }
    .find-location-temp h2.enrollment-title{
        font-size: 33px !important;
        margin-bottom: 25px;
     }
    .covid19 .afterschool-curriculum.summer-camp>h1 {
        max-width: 420px;
        margin: 0 auto;
    }

    .location-title {
        padding: 20px 25px;
        border-radius: 30px;
    }

    .location-title h2 {
        font-size: 16px;
        line-height: 23px;
    }

    .location-content li {
        font-size: 14px;
        line-height: 26px;
    }

    .location-wrap .location-content {
        padding: 50px 25px 25px;
        border-radius: 20px;
        margin-bottom: 40px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .locations-center {
        padding-bottom: 70px;
    }

    .location-grid:nth-last-of-type(1) .location-content {
        margin-bottom: 0;
    }

    .locationList #map {
        height: 575px !important;
    }

    .locationList li h2 {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    .locationList li h4 {
        display: none;
    }

    .locationList li h2 {
        max-width: 100%;
    }

    .all-location-link {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        line-height: 28px;
        margin-top: 20px;
    }

    .all-location-link img {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .our-location-link {
        padding-top: 20px;
    }

    .address-wrapper,
    .address-list,
    .address-list.address-1,
    .address-list.address-2,
    .address-list.address-3 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .address-column p {
        display: block;
        width: 100% !important;
    }

    .address-list.address-2,
    .address-list.address-3 {
        margin-top: 30px;
    }

    .about-this-location p {
        max-width: 100% !important;
    }

    .address-list .list-title {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 5px;
    }

    .address-list.address-2,
    .address-list.address-3,
    .address-list {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .address-column span,
    .address-column strong,
    .address-column p {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    .services-offered .sub-content {
        font-size: 24px;
        line-height: 28px;
        padding: 10px 30px 20px;
    }

    .services-offered .sub-content br {
        display: none;
    }

    .our-staffs-wrapper .circlesgreencopy3,
    .about-this-location .ovalcopy,
    .about-this-location .graphlinescopy,
    .fun-factor-wrapper img,
    .our-video-wrapper img,
    .food-menu-wrapper .dottedArrows {
        display: none;
    }

    body .our-core-wrapper h2 img {
        display: block;
        left: -95px !important;
    }

    .fun-factor-wrapper .our-core-wrapper {
        margin: 0 auto 0;
    }

    .location-review-wrapper {
        margin-top: -30px;
    }

    .fun-factor-wrapper .middle-size3743 {
        padding-bottom: 20px;
    }

    .testimonial-wrapper article,
    .reviews-content p,
    .food-menu-grid p {
        font-size: 16px;
        line-height: 23px;
    }

    .secure-slider .slick-prev,
    .child-do-slider .slick-prev,
    .reviews-slider .slick-prev,
    .badge-slider .slick-prev {
        left: -54px;
    }

    .secure-slider .slick-next,
    .child-do-slider .slick-next,
    .reviews-slider .slick-next,
    .badge-slider .slick-next {
        right: -54px;
    }

    .hear-more ul {
        flex-wrap: wrap;
    }

    .hear-more li {
        flex: 0 0 50%;
        padding: 10px !important;
    }

    .location-review-wrapper {
        padding: 26vw 0 250px 0;
    }

    .reviews-slider .slick-prev {
        left: -30px;
    }

    .reviews-slider .slick-next {
        right: -30px;
    }

    .reviews-slider .slick-arrow {
        background-size: 15px !important;
    }

    .location-review-wrapper h4 {
        margin-bottom: 30px;
    }

    .page-center,
    .our-staffs-wrapper .page-center,
    .classes-slider-wrapper .content-center,
    .class-rules-wrapper .content-center {
        max-width: 100vw !important;
        padding-left: 33px;
        padding-right: 33px;
    }

    .page-center .common-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .continue-btns .contact .btn-common {
        margin-right: auto;
    }

    .continue-btns .location .btn-common {
        margin-left: auto;
    }

    .how-to-join .small-12 {
        margin-bottom: 0;
    }

    .testimonial-wrapper .slick-prev,
    .reviews-slider .slick-prev,
    .food-menu-slider .slick-prev,
    .badge-slider .slick-prev {
        left: 0;
    }

    .testimonial-wrapper .slick-next,
    .reviews-slider .slick-next,
    .food-menu-slider .slick-next,
    .badge-slider .slick-next {
        right: 0;
    }

    .food-menu-wrapper {
        padding: 130px 0 165px 0;
    }

    .child-learn-wrapper {
        margin-top: -30px;
    }

    .tuition-and-fees-wrapper.child-learn-wrapper.bday.ft {
        padding: 160px 0 100px;
    }

    .video-wrapper {
        max-width: 100vw;
        height: 50vw;
    }

    .food-menu-grid {
        margin: 30px 15px;
    }

    .our-staffs-wrapper .teacher-container .slick-arrow {
        top: 45%;
    }

    .fun-factor-wrapper .our-core-wrapper {
        padding-left: 33px;
        padding-right: 33px;
        max-width: 100vw !important;
    }

    .about-classes {
        padding: 0 0 25vw;
    }

    .benefits-wrapper .linespurplecircle,
    .benefits-wrapper .linescircle,
    .benefits-wrapper .o2b-b {
        display: none;
    }

    .benefits-wrapper .content-center {
        max-width: 90vw !important;
    }

    .benefits-wrapper .moblines {
        display: block;
    }

    .progress-box h5 {
        font-size: 2.5vw;
        line-height: 2.7vw;
        margin-bottom: 2vw;
    }

    .progressbar-status h6 {
        font-size: 1.5vw;
        line-height: 1.8vw;
        margin-bottom: 1.4vw;
    }

    .progress-box {
        padding: 3.5vw 3.5vw 4vw;
        border-radius: 2.084vw;
    }

    .progress {
        height: 2.5vw;
        border-radius: 2.5vw;
    }

    .progress-grid {
        padding: 0 1.5vw;
    }

    .rewards-wrapper {
        padding-bottom: 80px !important;
    }

    .hexa-img {
        width: 35vw;
        height: 35vw;
    }

    .badge-slide span {
        font-size: 3.1vw;
        line-height: 3.5vw;
    }

    .badge-slider .slick-prev {
        left: -40px !important;
    }

    .badge-slider .slick-next {
        right: -40px !important;
    }

    .rewards-wrapper article {
        max-width: 100vw;
    }

    .location-finder-sect .inputZipHolder,
    .location-finder-sect .selectDrop {
        margin-top: 25px;
    }

    .thisselect .how-to-join #program {
        text-indent: 0 !important;
    }

    .selectDrop input[type="text"],
    .inputZipHolder input[type="text"],
    .inputZipHolder input[type="submit"],
    .thisselect .how-to-join #program,
    .mainform-wrap select,
    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        border-radius: 1.7vw !important;
    }

    .main-footer.no-search {
        padding-top: 6vw !important;
    }

    .location-title {
        min-height: 54px;
        max-height: inherit;
        border-radius: 20px;
    }

    .locationList .arrow-location {
        max-width: 40px;
        max-height: 40px;
        background-size: 10px;
    }

    .location-search-form {
        display: block;
    }

    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        padding: 0 1.5vw;
    }

    .mainform-wrap select,
    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        margin-top: 25px !important;
    }

    .classButtonSection a:first-child {
        margin-right: 0rem;
    }

    .classButtonSection a:last-child {
        margin-left: 0;
    }

    .search-list-wrap h3 {
        text-align: left !important;
        font-size: 30px !important;
    }

    .search-list-wrap {
        margin-top: 40px;
    }

    .search-list-wrap input[type=number] {
        height: 60px;
    }

    .search-list-wrap input[type=submit] {
        max-width: 70px;
        height: 60px;
    }


    .search-location-list-new {
        padding: 9.909vw 0 15px 3.18vw;
        flex-basis: 100%;
        max-width: 100%;
    }

    .search-list-wrap ul {
        padding: 0 20px 0 0;
    }

    .search-input-wrap {
        margin-right: 25px;
    }

    .search-list-wrap h1 {
        text-align: center;
        font-size: 32px;
        padding-bottom: 15px;
        line-height: 37px;
        margin-right: 60px;
    }

    .search-location-box-list li {
        max-width: 306px;
        width: 100%;
    }

    .search-location-box h4 {
        font-size: 20px;
    }

    .location-finder-sect #location_search {
        max-width: 100%;
        width: 100%;
    }

    .nearby-locations-wrapper {
        padding: 50px 0 50px;
    }

    .summer-contact {
        max-width: 92vw !important;
    }

    .summer-contact-wrapper .main-title-size {
        width: 92vw;
        margin: 0 auto 6vw auto;
    }

    .summer-contact-wrapper {
        border-radius: 100vw 100vw 0 0/80px 80px 0px 0px;
    }
}



@media screen and (max-width:850px) {
    .membership-map .third-sect {
        padding: 3vw 2.5vw;
    }

    .location-search-form {
        flex-direction: column;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
    }

    /* .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        font-size: 22px;
        line-height: 54px;
    } */
    .membership-map .mainform-wrap {
        margin: -155px auto 0;
    }

    .membership-landing .three-steps-member {
        padding-bottom: 0;
    }

    .location-search-form {
        display: block;
    }
}

@media screen and (max-width:800px) {
    .slick-dots li button {
        width: 8px !important;
        height: 8px !important;
        margin-right: 7px !important;
    }

    .success-hero .main-p-size {
        max-width: 75vw;
        padding: 40px 0 10px;
    }

    .success-hero.hero-half img.cheer-img {
        max-width: 22.27vw;
    }

    .featured-openings .opening-item,
    .available-positions .opening-item {
        height: 50px;
        border-radius: 20px;
    }

    .stories-hero .hero-title-size {
        padding: 2.500vw 0 0 0 !important;
    }

    .main-header.active {
        top: 0 !important;
    }

    .location-finder-sect .how-to-join {
        margin: 90px auto 0 !important;
        padding-top: 70px !important;
        padding-bottom: 80px !important;
    }

    .grid-4-list ol,
    .grid-4-list ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-left: 26px;
    }

    .bday.career-hero .hero-title-size {
        padding: 12vw 0 0 0 !important;
    }

    .bday.career-hero h2 {
        padding-bottom: 7vw;
    }

    .classes-detail-hero .page-center {
        text-align: center;
    }

    .classes-detail-hero .btn-hero-back {
        top: -13vw;
        right: 0;
        margin: 0 auto;
        display: inline-block;
    }

    .food-menu-wrapper {
        padding: 130px 0 130px 0;
    }

    .covid19 .remember-section .cartoon-map {
        margin-bottom: -6vw;
    }

    .award-recognition.ga .middle-size3743 {
        font-size: 24px !important;
    }

    .covid19 .ga.convenience-wrapper.supplies-expect {
        padding-bottom: 34.2vw !important;
    }

    .after-school-remember {
        padding-bottom: 70px !important;
    }

    .page-template-Template-Company-Overview .giving-back-wrapper {
        padding: 114px 0 130px;
    }

    .page-template-Template-Company-Overview .need-arrow:before {
        top: -5vw;
        left: -7vw;
    }

    .award-recognition.ga .convenience-list li {
        padding: 24px 50px;
    }

    .covid19 .convenience-wrapper.bday.ft .circles_greencopy4 {
        left: 0;
        bottom: 17vw;
        width: 5.469vw;
        top: unset;
        z-index: 3;
    }

    .covid19 .supplies-expect h3 {
        padding-bottom: 48px;
    }

    .covid19 .safety-producers .second-cirriculum {
        margin-top: 40px;
    }

    .btnHealthy img {
        height: auto;
    }

    .btnHealthy a {
        display: flex;
        flex-flow: column;
        justify-content: center;
        margin: 2px 0 0px;
    }

    .covid19 .remember-section.bday h1 {
        max-width: inherit;
    }

    .covid19 .convenience-wrapper.ft .common-wrapper>h2 {
        padding: 15px 0;
    }

    .covid19 .accordion-wrapper-met .accordian-item h2 {
        padding: 18px 0;
    }

    .covid19 .accordion-wrapper-met .accordian-item {
        padding-right: 10vw;
    }

    .covid19 .child-learn-wrapper .common-wrapper h3 {
        margin-bottom: 40px;
    }

    .covid19 .o2b-parties {
        padding: 38px 0 48px;
    }

    .covid19 .nationally-accredited .circles_attendance {
        top: 81vw;
    }

    .covid19 .child-learn-wrapper.bday.ft {
        padding: 150px 0 110px;
    }

    .covid19 .lab-benefits.bday.ft {
        padding: 150px 0 173px;
    }

    .covid19 .ga.convenience-wrapper {
        padding-bottom: 180px !important;
    }

    .covid19 .nationally-accredited h2 {
        max-width: 300px;
    }

    .covid19 .safty-procedure-area h2 {
        max-width: inherit;
    }

    .covid19 .safty-procedure-area h2.need-arrow:before {
        left: -11vw;
    }

    .covid19 .safty-procedure-area {
        padding: 21.427vw 0 16.813vw;
    }

    .covid19 .nationally-accredited {
        padding: 34.5vw 0 15vw;
    }

    .covid19 .safty-procedure-area {
        padding: 21.427vw 0 16.813vw;
    }

    .covid19 .afterschool-curriculum.summer-camp {
        padding: 16vw 0 23vw !important;
    }

    .mobHealthy {
        display: block;
        margin: 0;
        position: absolute;
        right: 67px;
        top: 14px;
        max-width: 58px;
        min-height: 33px;
    }

    .covid-pop-up {
        font-size: 16px;
        line-height: 45px;
        min-height: 45px !important;
        line-height: 37px;
        padding: 10px 33px 10px;
    }

    .covid19 .safety-producers {
        padding-bottom: 160px !important;
    }

    .covid19 .delivering-result .common-wrapper {
        padding-top: 9vw;
    }

    .core-purpose-wrapper .privacy-content {
        font-size: 16px !important;
        line-height: 23px !important;
        max-width: 90%;
    }

    .core-purpose-wrapper.privacy-content p,
    .core-purpose-wrapper.privacy-content ul {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .career-hero,
    .mobile-top,
    .hero-half {
        padding-top: 60px;
    }

    .sub-menu ul {
        box-shadow: none;
    }

    .main-header {
        position: fixed;
        min-height: 60px;
        background-position: -825% center;
        background-size: 103%;
        border-radius: 0;
        padding: 0 26px 0 23px;
        width: 100%;
        max-width: inherit;
        top: 0;
        z-index: 999;
    }

    .main-nav,
    .find-location {
        display: none;
    }

    .outer-mobnav {
        position: absolute;
        right: 13px;
        top: 0px;
        cursor: pointer;
    }

    .mobnav {
        padding: 10px;
        margin-top: 3px;
        margin-left: -8px;
    }

    .logo-o2bkids {
        /* max-width: 43px; */
        max-width: 54px;
    }
    .logo-o2bkids figure {
        margin: 0;
    }

    #scrollerV3 {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none;
    }

    #scroll-menu {
        position: relative;
        z-index: 1;
        top: 0;
        bottom: 48px;
        left: 0;
        width: 100%;
        height: 48px;
        overflow: hidden;
    }

    .orderImgV3 img {
        max-width: 43px;
    }

    .sub-menu {
        top: 60px;
        padding: 0 15px;
        background: #FFF;
    }

    .sub-menu,
    .sub-menu ul {
        max-width: inherit;
        width: 100%;
    }

    .sub-menu ul {
        border-radius: 0;
        height: 48px;
        padding: 0;
        align-items: center;
    }

    .sub-menu li {
        font-size: 14px;
        margin-right: 15px;
        white-space: nowrap;
        padding: 0;
    }

    .sub-menu li.selected a {
        padding: 5px 10px;
    }

    .main-hero {
        display: none;
    }

    .mob-hero {
        display: block;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        min-height: 591px;
        margin-top: 48px;
    }

    .mob-hero figure img {
        visibility: hidden;
    }

    .mob-music {
        max-width: 151px;
        position: absolute;
        top: 278px;
        left: -57px;
        z-index: 100;
    }

    .sliderWrapper {
        transform: scale(1.3);
    }

    .sliderWrapper li {
        margin: 0 10px;
    }

    .common-wrapper h2,
    .main-footer h2 {
        font-size: 33px;
        line-height: 38px;
    }

    .slide-there-should-be-place .common-wrapper {
        padding: 0 34px;
    }

    .slide-there-should-be-place article {
        font-size: 16px;
        line-height: 23px;
        max-width: inherit;
        padding: 20px 19px;
    }

    .oval-shape {
        width: 52px;
        left: -9.1vw;
        bottom: 7.8vw;
    }

    .find-location-wrapper {
        max-width: 343px;
        min-height: 242px;
        margin: 0 auto;
    }

    .find-location-wrapper span {
        font-size: 25px;
        line-height: 28px;
        white-space: nowrap;
        width: 131px;
        overflow: hidden;
        padding: 106px 0 0;
    }

    .btn-findlocation {
        font-size: 16px;
        line-height: 52px;
        max-width: 228px;
        height: 54px;
        background-size: 19px 25px;
        padding: 0 0 0 55px;
        background-position: 24px center;
        bottom: -40px;
    }

    .jar-shape {
        display: none;
    }

    .find-location-wrapper::before {
        width: 78px;
        height: 71px;
        background-size: cover;
        bottom: -20px;
        right: 4px;
    }

    .slide-there-should-be-place {
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .basket-ball {
        display: none;
    }

    .play-ground-kids {
        background: rgb(255, 192, 0);
        background: linear-gradient(214deg, rgba(255, 192, 0, 1) 0%, rgba(255, 161, 0, 1) 100%);
        z-index: 2;
    }

    .play-ground-content {
        max-width: 280px;
    }

    .ground-content-area {
        flex-flow: column;
    }

    .ground-content-left,
    .ground-content-right {
        max-width: 100%;
        font-size: 16px;
        line-height: 23px;
        text-align: center;
    }

    .ground-content-area {
        margin-top: 30px;
        justify-content: space-between;
    }

    .ground-content-right {
        margin-top: 30px;
    }

    .imgKids {
        max-width: inherit;
    }

    .play-ground-kids .common-wrapper {
        padding: 50px 34px 252px;
    }

    .delivering-result {
        background: rgb(71, 8, 139);
        background: linear-gradient(180deg, rgba(71, 8, 139, 1) 0%, rgba(152, 17, 194, 1) 100%);
    }

    .delivering-result .common-wrapper h2 {
        max-width: 260px;
        margin: 0 auto;
    }

    .delivering-result-content {
        flex-flow: column;
        max-width: 100%;
        margin: 40px auto 0;
    }

    .delivering-result-list {
        max-width: 100%;
        padding: 32px 41px;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 16px;
    }

    .delivering-result .common-wrapper {
        padding: 50px 34px;
    }

    .common-wrapper h3 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 15px;
    }

    .delivering-result .btn-common {
        font-size: 16px;
        max-width: 255px;
        height: 54px;
        line-height: 52px;
        padding: 0 0 0 40px;
        background-size: 12px;
        margin: 38px auto 0;
    }

    .imgDeliveringResult {
        filter: brightness(0) invert(1);
    }

    .imgGreenCircle {
        display: none;
    }

    .game-career .imgGreenCircle {
        display: block;
    }

    .join-us-career .oval-shape {
        display: none;
    }

    .our-work-important .common-wrapper {
        padding: 65px 34px;
    }

    .our-work-content>span {
        font-size: 24px;
        line-height: 28px;
    }

    .our-work-content {
        max-width: 100%;
    }

    .our-work-content>article {
        font-size: 16px;
        line-height: 23px;
        max-width: 100%;
        padding: 20px 10px 0;
    }

    .our-work-content-slider {
        margin: 36px auto 0;
        max-width: 70%;
    }

    .slide-list {
        margin: 0 20px;
    }

    .our-work-content-slider .slick-arrow {
        width: 51px;
        height: 51px;
        background-size: 12px;
    }

    .slide-list article {
        font-size: 16px;
        line-height: 23px;
        padding: 26px 10px;
        max-width: 100%;
    }

    .slide-list span {
        max-width: 100%;
        min-height: 285px;
    }

    .slide-list img {
        width: 58%;
    }

    .our-work-content-slider .slick-prev {
        left: -19px;
    }

    .our-work-content-slider .slick-next {
        right: -19px;
    }

    .Source a {
        display: block;
        margin: 0;
    }

    .at-o2bkids article {
        font-size: 16px;
        line-height: 23px;
    }

    .resolving-wrapper li {
        font-size: 26px;
        line-height: 30px;
    }

    .imgMusic {
        display: none;
    }

    .rockstaar-content span {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 30px;
    }

    .rockstaar-content {
        max-width: 100%;
    }

    .story-title-handle {
        padding-left: 0px;
        max-width: 522px;
        width: 89%;
        margin: 0 auto;
        -webkit-border-bottom-right-radius: 40px;
        -webkit-border-bottom-left-radius: 40px;
        -moz-border-radius-bottomright: 40px;
        -moz-border-radius-bottomleft: 40px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .story-title-handle figure {
        display: none;
    }

    .mob-story-title {
        z-index: 100;
        position: relative;
    }

    .stroy-title-right {
        max-width: 100%;
        margin-top: -10px;
        position: relative;
        margin-left: 0;
        padding: 15px 31px 44px;
    }

    .stroy-title-right h3 {
        text-align: center;
        margin-top: 30px;
    }

    .line-bg,
    .stroy-right-albhabet {
        display: none;
    }

    .stroy-title-right article {
        font-size: 16px;
        line-height: 23px;
        margin-top: 10px;
        text-align: center;
    }

    .stroy-title-right a {
        font-size: 18px;
        background-size: 12px;
        margin: 15px auto 0;
        display: block;
        width: 126px;
    }

    .btn-common-black {
        font-size: 16px;
        max-width: 286px;
        height: 54px;
        width: 100%;
        line-height: 54px;
        padding: 0 0 0 45px;
        background: #FFC000 url(../images/bgBtnBlack.png) no-repeat 87% center;
        background-size: 12px;
    }

    .you-are-still-with-us-content {
        flex-flow: column;
    }

    .you-are-with-us-list {
        max-width: 309px;
        width: 100%;
        min-height: 118px;
        margin-bottom: 18px;
        padding: 32px 10px 32px 32px;
        border-radius: 40px;
    }

    .you-are-with-us-list a {
        width: 51px;
        height: 52px;
        margin: auto;
        top: 0;
        left: 191px;
        right: 10px;
        background-size: 12px;
    }

    .you-are-with-us-list h3 {
        font-size: 26px;
        padding: 0;
        max-width: 150px;
    }

    .you-are-with-us-list span {
        font-size: 16px;
    }

    .btn-learnmore {
        font-size: 24px;
    }

    .nationally-accredited article {
        max-width: 100%;
    }

    .nationally-accredited article {
        padding-left: 20px;
        padding-right: 20px;
    }

    .accredited-list-wrapper {
        max-width: 100%;
        margin-top: 40px;
    }

    .accredited-list-wrapper ul {
        flex-flow: column;
    }

    .accredited-list-wrapper li {
        max-width: 100%;
        margin-bottom: 15px;
        padding: 30px 20px;
    }

    .o2bkids-difference-content {
        max-width: 100%;
        padding: 50px 25px;
        margin-bottom: -250px;
    }

    .o2bkids-difference-content .btn-learn-more {
        white-space: nowrap;
    }

    .difference-bottom {
        min-height: 648px;
        padding: 320px 0 0;
    }

    .difference-bottom article {
        font-size: 16px;
        line-height: 23px;
        max-width: 700px;
        padding-left: 34px;
        padding-right: 34px;
    }

    .difference-bottom .btn-common {
        font-size: 16px;
        max-width: 255px;
        height: 54px;
        line-height: 55px;
        padding: 0 0 0 38px;
        background-size: 12px;
    }

    .o2bkids-difference-content h3,
    .preschool-benefits h3 {
        margin-top: 24px;
    }

    .preschool-benefits {
        padding: 65px 0;
    }

    .preschool-benefits .preschool-content {
        max-width: 517px;
        padding-left: 24px;
        padding-right: 27px;
        padding-bottom: 30px;
    }

    .accordion-wrapper .accordion:last-child .accdn-title {
        margin-bottom: 0;
    }

    .testimonial {
        padding: 60px 0 120px;
    }

    .testimonial-wrapper figure {
        max-width: 100px;
        max-height: 100px;
        border-width: 10px;
    }

    .testimonial-wrapper,
    .reviews-slider,
    .food-menu-slider {
        max-width: 100%;
        padding: 0 100px;
    }

    .food-menu-grid h4 {
        font-size: 24px;
        line-height: 28px;
    }

    .testimonial-wrapper article,
    .reviews-content p,
    .food-menu-grid p {
        font-size: 16px;
        line-height: 32px;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .testimonial-wrapper .slick-arrow,
    .reviews-slider .slick-arrow,
    .food-menu-slider .slick-arrow,
    .badge-slider .slick-arrow {
        width: 50px;
        height: 50px;
        background-size: 12px;
    }

    .testimonial-wrapper .slick-prev,
    .reviews-slider .slick-prev,
    .food-menu-slider .slick-prev,
    .badge-slider .slick-prev {
        left: 0;
    }

    .testimonial-wrapper .slick-next,
    .reviews-slider .slick-next,
    .food-menu-slider .slick-next,
    .badge-slider .slick-next {
        right: 0;
    }

    .testimonial-wrapper .item {
        margin: 0;
    }

    .testimonial-wrapper span,
    .reviews-content span {
        font-size: 24px;
    }

    .shopping-school {
        padding: 64px 0;
    }

    .shopping-school .content-center {
        margin-top: 28px;
    }

    .shopping-school .accdn-title:after {
        background-size: 15px;
    }

    .convenience-wrapper {
        padding: 60px 0;
    }

    .convenience-wrapper .common-wrapper>h3 {
        margin-top: 24px;
    }

    .convenience-list ul {
        flex-flow: column;
    }

    .convenience-list li {
        max-width: 100%;
        padding: 35px 45px;
        border-radius: 25px;
        margin-bottom: 16px;
    }

    .convenience-list {
        margin-top: 32px;
    }

    .convenience-list li figure img {
        width: 100%;
    }

    .convenience-list li figure {
        margin-bottom: 25px;
    }

    .convenience-list li h3 {
        font-size: 24px;
        line-height: 28px;
        padding: 0;
    }

    .model-demonstration {
        padding: 65px 0;
    }

    .model-demonstration .common-wrapper h3 {
        margin-top: 24px;
    }

    .child-center {
        max-width: 308px;
        min-height: 162px;
    }

    .model-demonstration .learn-more-wrapper {
        max-width: 100%;
        font-size: 16px;
        line-height: 23px;
    }

    .model-demonstration-logo {
        margin-top: 45px;
    }

    .model-demonstration-logo ul {
        flex-flow: column;
    }

    .model-demonstration-logo li {
        margin-bottom: 40px;
    }

    .model-demonstration-logo li:last-child {
        margin: 0;
    }

    .infant-toddler {
        flex-flow: column;
    }

    .infant-left {
        min-height: 317px;
        ;
    }

    .infant-right {
        min-height: 319px;
        padding: 60px 35px;
    }

    .infant-content span {
        font-size: 16px;
        padding-bottom: 30px;
        display: block;
    }

    .infant-content h3,
    .infant-content {
        font-size: 33px;
        line-height: 38px;
        min-height: 112px;
        max-width: 100%;
    }

    .infant-content .btn-common {
        font-size: 16px;
        max-width: 255px;
        height: 54px;
        line-height: 54px;
        background-size: 12px;
        line-height: 15px;
        padding: 0 0 0 35px;
    }

    .shopping-school article {
        padding: 20px;
    }

    .reviews-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .testimonial-wrapper,
    .reviews-slider,
    .food-menu-slider {
        max-width: 100%;
        padding: 0 20px;
    }

    /* .location-finder-sect .how-to-join{
        margin: 90px auto 0 !important;
        padding-top: 60px !important;
    } */
    .our-location-link {
        padding-bottom: 0 !important;
    }

    .location-finder-sect .inputZipHolder,
    .location-finder-sect .selectDrop {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .how-to-join h2 {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }

    .inputZipHolder input[type="text"],
    .selectDrop input[type="text"],
    .inputZipHolder input[type="submit"],
    .mainform-wrap .location-search-form .-choose-age-submit .submit-form,
    .mainform-wrap select {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    /* Updated 06-05-2021 starts here */
    .join-us-content {
        flex-direction: column;
    }

    .join-us-content .btn-common {
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    .join-us-content .btn-common:last-child {
        margin-bottom: 0 !important;
    }

    .join-us-career>p {
        /* max-width: 55vw !important; */
        max-width: 66vw !important
    }

    body .program-benefits-slider .slick-prev {
        left: -6vw !important;
    }

    body .program-benefits-slider .slick-next {
        right: -6vw !important;
    }

    .program-benefits-slider::before {
        transform: scale(0.6) !important;
    }

    /* Updated 06-05-2021 ends here */

    .slider-nav li.seperate:after {
        content: "";
        position: absolute;
        top: calc(50% - 0px);
        transform: translateY(-50%);
        right: -10px;
        background: url(//o2bkids.com/wp-content/themes/O2B/./images/btnCommon-2.png) no-repeat center right;
        background-size: 6px;
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width:799px) {
    .btn-Covid-close {
        width: 15px;
        height: 15px;
        right: 10px;
        background-size: cover;
    }

    .sliderWrapper {
        transform: none;
    }

    body .sliderWrapper .slick-current span {
        font-size: 24px;
        line-height: 32px;
    }

    .sliderWrapper li {
        margin: 0 9.1vw;
    }

    .sliderWrapper .slick-next {
        right: 50px;
    }

    .sliderWrapper .slick-prev {
        left: 50px;
    }

    .sliderWrapper,
    .sliderWrapper .slick-current {
        transform: scale(0.9);
    }

    .sliderWrapper .slick-arrow {
        width: 70px;
        height: 70px;
        background-size: 10px;
    }

    .accdn-content .column {
        width: 100%;
        flex: 100%;
    }
    .bday.career-hero h2 {
        padding-top: 25px!important;
    }
}

@media screen and (max-width:640px) {
    .covid19 .safety-producers {
        padding-bottom: 200px !important
    }

    .covid19 .lab-benefits .program-benefits-slider h2 {
        padding: 15px 20px;
        margin: 0;
    }

    .covid19 .lab-benefits .program-benefits-slider .slick-arrow {
        top: 50%;
    }

    .covid19 .ga.convenience-wrapper.supplies-expect {
        padding-bottom: 190px !important;
    }

    .covid19 .lab-benefits.bday.ft {
        padding: 150px 0 148px;
    }

    .covid19 .sketch {
        width: 7vw;
        margin: 0 auto 1.5vw;
    }

    .covid19 .o2b-parties-slider .slick-next {
        right: -50px !important;
    }

    .covid19 .o2b-parties-slider .slick-prev {
        left: -50px !important;
    }

    .covid19 .o2b-integrated-learning h1 {
        padding-bottom: 2.5vw;
    }

    .covid19 .accordian-item {
        max-height: inherit;
    }

    .covid19 .covid19-safety-procedures,
    .covid19 .nationally-accredited article,
    .covid19 .afterschool-curriculum.summer-camp>p {
        max-width: 80vw;
        margin: 0 auto;
    }

    .covid19 .attendance-polity-bottom {
        margin-top: 58px !important;
    }

    .covid19 .attendance-polity-bottom p {
        padding-bottom: 20px;
    }

    .covid19 .o2b-parties .o2b-parties-list {
        padding: 25px 15px;
    }

    .covid19 .delivering-result .common-wrapper {
        padding-top: 90px;
    }

    .covid19 .o2b-integrated-learning h1:before {
        left: -58px;
    }

    .covid19 .faq-wrapper .content-list,
    .add_an_answer {
        max-width: 79vw;
    }

    .covid19 .remember-section.convenience-wrapper.ga.ft .halfovalpurp {
        display: none;
    }

    .covid19 .accordion-wrapper-met .accordian-item h2 {
        font-size: 22px !important;
        line-height: 23px !important;
    }

    .covid19 .accordion-wrapper-met {
        max-width: 74.458vw;
    }

    .covid19 .accordion-wrapper-met h2 {
        max-width: inherit;
    }

    .covid19 .o2b-integrated-learning h1:before {
        top: 11px !important;
    }

    .covid19 .need-arrow:before {
        top: -5vw;
        left: -7vw;
        background-size: cover;
    }

    .covid19 .nationally-accredited .circles_attendance {
        top: 94vw;
    }

    .covid19 .afterschool-curriculum.summer-camp>h1 {
        max-width: 420px;
        width: 100%;
    }

    .covid19 .afterschool-curriculum.summer-camp>p {
        padding-bottom: 3.5vw;
        width: inherit;
    }

    .covid19 .o2b-parties-slider::before {
        background-size: 11.7vw;
        left: -4vw;
        width: 16vw;
        height: 4vw;
    }

    .btn-Covid-close {
        width: 15px;
        height: 15px;
        right: 10px;
        background-size: cover;
    }



    body .sliderWrapper .slick-current span {
        font-size: 24px;
    }

    .common-wrapper h3,
    .sliderWrapper .slick-current h3 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    body .sliderWrapper .slick-current span {
        font-size: 18px;
        line-height: 22px;
    }

    .slider-content span {
        padding-top: 2px;
    }

    .core-purpose-wrapper .privacy-content {
        max-width: 100%;
    }
    .nationally-accredited {
        padding: 14vw 0 5.3vw;
    }
    .remember-section.enrolling-now {
        padding: 16vw 0 16vw;
    }
    .preschool-benefits.preschool-benefits-new {
        padding: 110px 0 80px!important;
    }

    .summer-contact-wrapper {
        /* padding: 105px 0; */
        padding: 55px 0;
    }
    .goal-instruction-wrapper.common-pad {
        padding: 8.3vw 0 7.8vw!important;
    }
    body .toddler-education-wrapper {
        padding: 14vw 0 14vw!important;
    }

   

}

@media screen and (max-width:615px) {
    .covid-pop-up {
        line-height: 18px;
        padding-top: 8px;
        padding-bottom: 5px;
    }

    .age-per-fee ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media screen and (max-width:480px) {
    .covid19 .cartoon-map.supplies.flex {
        height: 175px !important;
    }

    .after-school-img {
        height: 180px !important;
        top: -22px !important;
        width: 76% !important;
    }

    .our-core-wrapper h2,
    .safety-secure-wrapper h2 {
        max-width: 200px;
    }

    .slider-content {
        top: 9px;
        left: 20px;
    }

    .safety-secure-wrapper h2:before {
        left: -32px;
    }

    .secure-slider .slick-slide {
        margin: 0;
    }

    .covid19 .cartoon-map .supplies {
        height: 178px !important;
    }

    .covid19 .lab-benefits.bday.ft {
        padding: 150px 0 136px;
    }

    .covid19 .safty-procedure-area {
        padding: 133px 0 100px;
    }

    .covid19 .safty-procedure-area .panel {
        padding-top: 40px;
    }

    .covid19 .nationally-accredited.safty-procedure-area .accordion-wrapper-met {
        margin-top: 37px !important;
    }
}

@media screen and (max-width:768px) {
    .question-check {
        padding-top: 30px;
    }

    #career-container {
        padding-bottom: 70px;
    }

    .career-header .career-center {
        min-height: 85px;
    }

    .career-center {
        padding: 0 40px !important;
    }

    .career-header .career-center img {
        max-width: 70%;
    }

    .header-tag {
        display: none;
    }

    .food-menu-wrapper {
        padding: 80px 0;
    }

    .join-our-family .how-to-join,
    .find-perfect-class .how-to-join {
        padding: 70px 34px 66px;
    }

    .find-perfect-class .how-to-join .btn-common {
        margin-top: 25px;
    }

    .find-perfect-class h2 {
        padding-bottom: 0 !important;
    }

    .tuition-and-fees-wrapper.child-learn-wrapper.bday.ft {
        padding: 175px 0 75px;
    }

    .core-purpose-wrapper.fun-factor-wrapper {
        padding-top: 80px !important;
        padding-bottom: 110px !important;
    }

    .food-menu-wrapper {
        padding: 80px 0;
    }

    /* Updated 06-05-2021 starts here */
    .fop-slider .location-slider-container .slick-prev,
    .fop-slider .location-slider-container .slick-next,
    .career-we-care .slick-prev,
    .career-we-care .slick-next,
    .teacher-container .slick-prev,
    .teacher-container .slick-next,
    body .program-benefits-slider .slick-prev,
    body .program-benefits-slider .slick-next {
        width: 50px !important;
        height: 50px !important;
        background-size: 12px !important;
    }

    body .virtual-location h3 {
        max-width: 65%;
        padding: 0;
        position: relative;
    }

    .virtual-location h3:before {
        content: "Press and Drag to Move Around";
    }

    .virtual-location svg {
        width: 45px;
    }

    .virtual-location-item h3 span {
        display: none;
    }

    .virtual-location-wrapper .page-center {
        text-align: center;
        padding: 0;
    }

    .virtual-location-wrapper .main-title-size,
    body .virtual-location-wrapper>.page-center>.middle-size3743 {
        padding-left: 33px;
        padding-right: 33px;
    }

    section.our-video-wrapper.virtual-location-wrapper {
        padding-bottom: 0 !important;
    }

    .virtual-location-wrapper .video-wrapper {
        border-radius: 0;
        margin-top: 20px;
    }

    /* Updated 06-05-2021 starts here */

    /* Updated 14-12-2022 starts here */
    .find-location-temp .locations-center ul.locations-list-lg {
        display: none;
    }

    .find-location-temp .locations-center ul.locations-list-sm {
        display: flex;
        border-radius: 20px;
        height: 48px;
        padding: 0 15px;
    }

    .find-location-temp .locations-center ul.locations-list-sm li.active {
        width: unset;
        padding: 4px 12px;
    }

    .find-location-temp .locations-center ul li a {
        font-size: 14px;
    }

    .find-location-banner.location-finder-sect:before,
    .find-location-banner.location-finder-sect::after,
    .find-location-banner-top-graphics,.school-enrollment-banner.enrollment-header .find-location-banner-bottom-graphics {
        display: none;
    }

    .find-location-banner-bottom-graphics {
        bottom: -10px;
        left: unset;
        right: 45px;
        background: url(../images/bg-banner-bottom-sm.png) no-repeat;
        background-size: 100%;
        max-width: 168px;
        width: 100%;
        min-height: 189px;
        display: none;
    }

    .find-location-banner.location-finder-sect {
        background-position: 158.5% 209%;

    }

    .find-location-temp h2.locate-head {
        font-size: 33px !important;
        padding: 50px 0 30px;
    }

    .find-location-temp .box {
        max-width: 390px;
        min-height: inherit;
        padding: 36px 30px 36px;
        border-radius: 20px;
    }

    .find-location-temp .box h3 {
        font-size: 24px;
        line-height: 26px;
        min-height: inherit;
        margin-bottom: 5px;
    }

    .find-location-temp .box span {
        display: inline;
    }

    /* .locations-center {
        margin: 0 30px;
    } */

    .find-location-temp .locate-head:first-child {
        padding: 35px 0 30px;
    }

    .find-location-temp .locate-head {
        padding: 70px 0 30px;
    }

    .search-list-wrap .arrow-location {
        height: 40px;
        width: 40px;
    }

    .search-list-wrap h2 a {
        font-size: 20px !important;
    }

    .search-list-wrap ul li {
        padding: 20px 0 25px 25px;
    }

    .nearby-loc-slide {
        margin: 1vw 1vw;
    }

    .search-location-box-list li {
        flex-basis: 100%;
    }

    .search-list-wrap ul li {
        border-radius: 20px;
    }

    .search-location-box-list li {
        margin-bottom: 30px;
    }

}

@media screen and (max-width:650px) {
    .single-story-container .main-div-size {
        padding: 6vw 0;
    }

    .single-story-container .main-div-size,
    .single-story-container .main-div-size h6,
    .single-story-container .main-div-size p,
    .single-story-container .main-div-size a,
    .single-story-container .main-div-size ol,
    .single-story-container .main-div-size ul,
    .single-story-container .main-div-size>span {
        font-size: 16px;
        line-height: 23px;
    }

    .single-story-container .main-div-size h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .single-story-container .main-div-size h4 {
        font-size: 20px;
        line-height: 27px;
    }

    .single-story-container .main-div-size h3 {
        font-size: 22px;
        line-height: 29px;
    }

    .single-story-container .main-div-size h2 {
        font-size: 24px;
        line-height: 31px;
    }

    .single-story-container .main-div-size h1 {
        font-size: 26px;
        line-height: 33px;
    }

    .game-career .imgGreenCircle {
        display: none;
    }

    .application-exit-content {
        width: 86vw;
        padding-top: 55px;
        padding-bottom: 55px;
        border-radius: 25px;
    }

    .application-exit-content .middle-size3743 {
        padding-bottom: 15px;
        max-width: 72.5vw;
    }

    .application-exit-content .main-p-size {
        max-width: 72.5vw;
        margin-bottom: 30px
    }

    .application-exit-content .join-us-content .btn-common {
        max-width: 240px;
    }

    .application-exit-content .application-exit-close {
        right: 25px;
        top: 25px;
        width: 22px;
        height: 22px;
    }

    body .success-hero.career-hero .ttovalcopy20 {
        /* width: 14.66vw;
        right: 16vw;
        bottom: 10.66vw;
        top: auto; */
        width: 55px;
        right: 62px;
        bottom: 40px;
        top: auto;
    }

    .success-hero.yellow-gradient {
        min-height: 752px;
    }

    .success-hero.yellow-gradient.success-contact {
        min-height: inherit;
        padding-top: 37vw;
        padding-bottom: 32vw;
    }

    .success-hero.career-hero .ttovalcopy21 {
        /* width: 14vw;
        bottom: 5.33vw; */
        width: 58px;
        bottom: 25px;
    }

    .success-hero.career-hero .ttovalcopy22 {
        display: none;
    }

    .success-hero.hero-half .burst-white {
        width: 678px !important;
        left: -364px !important;
        bottom: -15px !important;
    }

    .success-hero.hero-half .itgraphiclinescopy6 {
        /* width: 107.46vw;
        right: -80.5%;
        bottom: 0;
        top: auto; */
        width: 403px;
        right: -330px;
        bottom: 0;
        top: auto;
    }

    .success-hero.hero-half .ttCwhitecopy {
        /* max-width: 11.2vw;
        right: 10.13vw;
        top: 16vw; */
        max-width: 42px;
        right: 40px;
        top: 60px;
    }

    .success-hero.hero-half .ttAwhitecopy {
        /* max-width: 11.2vw;
        top: 37.86vw;
        left: 6.4vw; */
        max-width: 42px;
        top: 140px;
        left: 23px;
    }

    .success-hero.hero-half img.cheer-img {
        /* max-width: 41.06vw; */
        max-width: 154px;
    }

    .success-hero .hero-title-size {
        font-size: 33px !important;
        line-height: 38px !important;
        /* margin-top: 6.66vw;
        margin-bottom: 6.66vw; */
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .success-hero .main-p-size {
        /* margin-bottom: 9.33vw; */
        /* max-width: 290px; */
        max-width: 77.33vw;
        margin-bottom: 20px;
    }

    .success-hero .join-us-content .btn-common {
        max-width: 255px !important;
        max-height: 50px !important;
    }

    .career-hero .itgraphiclinescopy5 {
        width: 49vw !important;
        left: -30vw !important;
        bottom: -12.8vw !important;
    }

    body .career-hero .ttovalcopy16 {
        bottom: 1.8vw !important;
        left: 12vw !important;
        width: 7.4vw !important;
    }

    .hero-half .burst-white {
        bottom: -36vw !important;
        right: -43vw !important;
        width: 115.7vw !important;
    }

    .hero-half .ttovalcopy7 {
        width: 7.2vw !important;
        bottom: 7vw !important;
    }

    .hero-half .ttgraphicsarrowdottedcopy {
        right: 5vw !important;
        bottom: -8.5vw !important;
        width: 22vw !important;
    }

    .hero-half .tt1whitecopy {
        width: 3.73vw !important;
        bottom: 0.5vw !important;
        right: 31vw !important;
    }

    .hero-half .tt2whitecopy {
        width: 4.5vw !important;
        right: 13vw !important;
        bottom: 12vw !important;
    }

    .hero-half .tt3whitecopy {
        width: 5vw !important;
        bottom: 0 !important;
        right: 4vw !important;
    }

    .hero-half .glow2whitecopy {
        width: 2.9vw !important;
        bottom: 17.5vw !important;
        right: 15vw !important;
    }

    .career-hero .hero-title-size {
        padding: 0 !important;
        /* padding-top: 48px !important; */
    }

    .career-hero.contact-hero .hero-title-size {
        padding-bottom: 30px !important;
    }

    .join-us-career>p,
    .join-us-career h1 {
        max-width: 75.2vw !important;
    }

    .career-we-care>h1 {
        max-width: 57vw !important;
        padding: 0 !important;
    }

    .join-us-career>p {
        padding-bottom: 9.33vw !important;
    }

    .btn-common {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    .location-slide {
        height: 90vw !important;
    }

    .we-care-slider {
        max-width: 82vw !important;
    }

    .career-we-care .ovalcopy {
        width: 7vw;
        right: 10%;
        bottom: 21.5vw;
    }

    .career-we-care .graphlinescopy {
        width: 34.5vw;
        right: -5.7%;
    }

    .we-care-slider .slick-dots {
        padding-top: 9.3vw !important;
    }

    .teachers-profiles h1 {
        max-width: 74vw;
        margin: auto;
        margin-bottom: 12px;
    }

    .teacher-container .slick-list {
        padding: 33px 0 0 !important;
    }

    .teachers-profiles {
        padding: 16vw 0 !important;
    }

    .teachers-profiles .books {
        width: 29vw;
        left: -6%;
        bottom: 1vw;
    }

    .teachers-profiles .ambassador {
        width: 26vw;
        right: -7.5%;
        bottom: -3.5vw;
    }

    .we-diverse-career>h1,
    .we-diverse-career h2,
    .we-diverse-career .learn-more-wrapper {
        /* max-width: 72vw !important; */
        max-width: 82vw !important;
        margin: auto !important;
        padding: 0 !important;
    }

    .we-diverse-career ul {
        max-width: 72vw !important;
        padding: 0 !important;
        padding-left: 6vw !important;
        margin: 0 !important;
    }

    .we-diverse-career .ovalcopy {
        width: 7vw;
        right: 10%;
        top: 38vw;
    }

    .we-diverse-career .graphlinescopy {
        width: 35vw;
        right: -6%;
        top: 31vw;
    }

    .we-diverse-career>h1,
    .we-diverse-career>h2 {
        margin-bottom: 12px !important;
    }

    .we-diverse-career .btn-common {
        margin-top: 22px;
    }

    .job-details {
        font-size: 16px !important;
        line-height: 23px !important;
    }

    .job-details-item p,
    .job-details-item li {
        font-size: 16px !important;
        line-height: 23px !important;
        margin-bottom: 8.5vw;
    }

    .job-details-item li:not(:last-child) {
        margin-bottom: 0;
    }

    .job-details-item h1,
    .job-details-item h2,
    .job-details-item h3,
    .job-details-item h4,
    .job-details-item h5,
    .job-details-item h6 {
        /* line-height: 16px !important; */
        line-height: 28px !important;
        font-size: 20px !important;
        margin-bottom: 2.7vw;
    }

    .job-details-content .btn-common {
        max-width: 47vw !important;
    }

    .job-details-list .btn-common {
        position: relative;
        margin-bottom: 8.5vw;
    }

    .job-details-item ul li,
    .job-details-item ol li {
        margin-left: 0;
    }

    .game-career {
        padding: 12vw 0 !important;
    }

    .game-flow {
        max-width: 85vw !important;
        margin: auto !important;
    }

    .featured-openings {
        padding: 17vw 0;
    }

    .featured-openings h1 {
        max-width: 71vw;
        margin: auto;
        margin-bottom: 20px;
    }

    .featured-openings .opening-list,
    .available-positions .opening-list {
        max-width: 82vw;
    }

    .featured-openings .opening-item,
    .available-positions .opening-item {
        max-width: 308px;
        margin: auto;
        height: auto;
        padding: 7vw 5.8vw;
        border-radius: 6.6vw;
        margin-bottom: 15px;
        font-size: 24px !important;
        line-height: 28px !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .featured-openings .opening-item a,
    .available-positions .opening-item a {
        margin-top: 5vw;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .featured-openings .btn-common {
        margin-top: 30px;
    }

    .career-footer .main-footer {
        padding-top: 40px !important;
    }

    .job-details {
        padding: 10vw 0 17vw;
    }

    .job-details-content {
        max-width: 82vw;
    }

    .job-details-list {
        margin-top: 10vw;
    }

    .job-details-list h1 {
        margin-bottom: 6vw;
    }

    .job-type-item {
        flex-basis: 49%;
        width: 49%;
    }

    .learn-more-wrapper p,
    .neighbourhood-time .learn-more-wrapper p {
        margin-bottom: 15px;
    }

    .services-offered .sub-content {
        max-width: 311px;
        padding: 0 0 15px;
    }

    .core-purpose-wrapper .privacy-content {
        max-width: 100%;
    }

    .hexa-img {
        width: 60vw;
        height: 60vw;
    }

    .badge-slide span {
        font-size: 24px;
        line-height: 28px;
    }

    .badge-slider .slick-prev {
        left: -12px !important;
    }

    .badge-slider .slick-next {
        right: -12px !important;
    }

    .calender-event h5 {
        font-size: 21px;
        line-height: 23px;
    }

    .calender-event .event-desc {
        font-size: 18px;
        line-height: 26px;
    }

    .calender-event {
        padding: 5vw;
        flex: 0 0 37vw;
        max-width: 37vw;
        min-height: 37vw;
        margin: 2vw;
    }

    .newimg {
        margin: 0 auto !important;
    }

    .field-trips-cols h2 {
        padding-bottom: 50px !important;
    }

    .core-purpose-wrapper.privacy-wrapper {
        padding-bottom: 130px;
    }

    .o2bkids-difference-content article {
        max-width: 100%;
    }

    .after-school-remember>h1 {
        margin-top: 62px !important;
    }

    .after-school-remember .btn-common {
        margin-top: 37px !important;
    }

    .covid19-safety-procedures p {
        font-size: 20px !important;
        line-height: 29px !important;
    }

    .met.faq-wrapper {
        padding: 70px 0 130px 0 !important;
    }

    .sliderWrapper,
    .sliderWrapper .slick-current {
        transform: none;
    }

    .sliderWrapper .slick-arrow {
        width: 45px;
        height: 45px;
        background-size: 12px;
    }

    .sliderWrapper li {
        margin: 0 60px;
    }

    .sliderWrapper .slick-next {
        right: 34px;
    }

    .sliderWrapper .slick-prev {
        left: 34px;
    }

    .slide-list span {
        max-width: 100%;
        min-height: 166px;
    }

    .play-ground-kids .common-wrapper {
        padding: 50px 34px 140px;
    }

    .our-work-content-slider {
        max-width: 100%;
    }

    .layer-box {
        position: relative;
    }

    .layer-box::after {
        content: "";
        background: url(../images/imgArrow3D.png) no-repeat center center;
        width: 67px;
        height: 26px;
        position: absolute;
        bottom: -31px;
        left: 0;
        right: 0;
        transform: rotate(90deg) scaleY(-1);
        margin: auto;
        background-size: cover;
    }

    .layer-box:last-child {
        margin: 0;
    }

    .layer-box:last-child::after {
        content: none;
    }

    .instruction-list p {
        height: 0;
        overflow: hidden;
    }

    .instruction-list .seemorebtn {
        display: block;
    }

    .instruction-wrapper .slick-arrow {
        top: 30% !important;
    }

    .instruction-wrapper .instruction-list:first-child .sketch {
        width: 9vw !important;
    }

    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        width: 100%;
    }

    .search-location-list .locationList li {
        width: 100% !important;
    }

    .locationList li h2 {
        font-size: 16px;
        line-height: 23px;
    }

    body .our-core-wrapper h2 img {
        width: 12vw !important;
    }

    .food-menu-grid {
        margin: 30px 15px;
    }

    .testimonial-wrapper,
    .reviews-slider,
    .food-menu-slider {
        padding: 0;
    }

    .reviews-slider .slick-arrow {
        top: 28% !important;
    }

    .food-menu-slider .slick-arrow {
        top: 50% !important;
    }

    .reviews-slider .slick-prev,
    .food-menu-slider .slick-prev {
        left: -25px;
    }

    .reviews-slider .slick-next,
    .food-menu-slider .slick-next {
        right: -25px;
    }

    .food-menu-grid {
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);
    }

    .play-venue.intelligence {
        padding: 25vw 0 35vw;
    }

    .progress-box {
        padding: 40px 48px 44px;
        border-radius: 40px;
    }

    .progress-box h5 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 16px;
    }

    .progressbar-status h6 {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 12px;
    }

    .progress {
        height: 28px;
        border-radius: 28px;
        margin-bottom: 24px;
    }

    .progress-bar {
        font-size: 14px;
        line-height: 20px;
        border-radius: 28px;
    }

    .main-class-pic {
        width: 230px !important;
        height: 230px !important;
    }

    .career-hero {
        min-height: 375px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-classes .main-class-pic {
        margin-top: -120px;
    }

    .classes-detail-hero .btn-hero-back {
        font-size: 16px;
        line-height: 23px;
    }

    .bday.career-hero .hero-title-size {
        padding: 83px 0 0 0 !important;
    }

    .classes-detail-hero .btn-hero-back {
        top: -200px;
    }

    .quotes-text span {
        font-size: 24px;
        line-height: 28px;
    }

    .special-events .arrow-title {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    .calender-wrapper .arrow-title:before,
    .gymnastics-skills .common-wrapper h2.arrow-title:before {
        background-size: 17vw;
        width: 26vw;
        height: 8vw;
    }

    .classes-slider-wrapper .asgroup {
        left: 87vw;
        width: 42.281vw;
        bottom: 80vw;
    }

    .daily-schedule-accordian,
    .accordion-wrapper-met {
        max-width: 100vw !important;
        padding: 0 20px;
    }

    

    .find-perfect-class h2 {
        max-width: 250px;
        width: 100%;
        margin: 0 auto;
    }

    .food-menu-slider {
        max-width: 340px;
        width: 100%;
        margin: 0 auto;
    }

    .food-menu-grid {
        border-radius: 40px;
    }

    .location-finder-sect .how-to-join h2 {
        /* max-width: 300px!important; */
        width: 100%;
        margin: 0 auto;
    }

    .location-finder-sect .how-to-join {
        margin: 90px auto 0 !important;
    }

    .main-footer.no-search {
        padding-top: 40px !important;
    }

    .selectDrop input[type="text"],
    .inputZipHolder input[type="text"],
    .inputZipHolder input[type="submit"],
    .thisselect .how-to-join #program,
    .mainform-wrap select,
    .mainform-wrap .location-search-form .-choose-age-submit .submit-form {
        border-radius: 16px !important;
        height: 54px;
    }

    .locationList .search-location-list li {
        width: 100% !important;
    }

    .locationList .arrow-location {
        max-width: 40px;
        max-height: 40px;
        background-size: 10px;
    }

    .address-wrapper .address-list:last-child {
        margin-bottom: 0;
    }

    .location-review-wrapper {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .core-purpose-wrapper.fun-factor-wrapper,
    .services-offered,
    .about-this-location,
    .location-review-wrapper,
    .our-video-wrapper,
    .teachers-profiles,
    .food-menu-wrapper,
    .tuition-and-fees-wrapper,
    .join-our-family .how-to-join {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .tuition-and-fees-wrapper {
        padding-top: 70px !important;
    }

    .our-video-wrapper {
        margin-top: -50px;
    }

    .location-review-wrapper {
        padding-bottom: 130px !important;
    }

    .services-offered {
        padding-bottom: 120px !important;
    }

    .class-rules-wrapper .common-wrapper h3 {
        padding-bottom: 25px;
    }

    .bday.career-hero .hero-title-size {
        padding-top: 0px;
    }

    .career-hero.bday {
        min-height: 375px;
    }

    .bday.career-hero h2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-list-wrap input[type=number] {
        font-size: 19px;
        width: 100%;
        font-weight: 500;
        height: 58px;
        border-radius: 20px;
        border: none;
        padding: 0 30px;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
        margin-right: 20px;
        -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);

    }

    .search-list-wrap input[type=submit] {
        background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/search.png) no-repeat center center;
        background-size: 25px;
        max-width: 65px;
        width: 100%;
        font-weight: 500;
        height: 55px;
        border-radius: 20px;
        border: none;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
        text-indent: -9999px;
        cursor: pointer;
    }

    .search-input-wrap {
        margin-right: 15px;
    }

    .search-list-wrap ul {
        padding: 0 20px 0 0;
    }

    .nearby-location-slider {
        max-width: 308px;
        padding: 0;
    }

    .nearby-loc-slide {
        padding: 4vw;
        margin: 1vw;
    }

    .nearby-locations-wrapper h1 {
        color: #47088b;
        font-size: 33px;
        text-align: center;
        line-height: 25px;
        padding-bottom: 28px;
    }

    .nearby-location-slider .slick-prev {
        height: 51px;
        width: 51px;
        background-size: 13px;
        left: -19px;
    }

    .nearby-location-slider .slick-next {
        height: 51px;
        width: 51px;
        background-size: 13px;
        right: -19px;
    }

    .nearby-location-slider h4 {
        color: #47088b;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        padding: 35px 0 10px;
    }

    .nearby-location-slider h5 {
        color: #382f2d;
        font-size: 14px;
        font-weight: 500;
        line-height: 26px;
        text-align: center;
    }
    .infant-model-demonstration .child-center {
        max-width: 78.7vw!important;
    }
    .daily-shedule-wrapper.bday.change  {
        padding: 80px 0 75px !important;
    }
    .enrollment-header h1.hero-title-size{
        font-size: 45px !important;
        line-height: 48px !important;
    }
    .enrollment-header .find-location-banner-bottom-graphics{
        display: none;
    }

}

@media screen and (max-width:599px) {
    .membership-program-items .game-icon {
        height: 200px !important;
        margin: 0 6px !important;
    }

    .membership-program-items {
        max-width: 200px !important;
        width: 100% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .location-profile-classes-list .main-class-pic {
        width: 200px !important;
        height: 200px !important;
        margin: 0 !important;
    }

    .membership-program-items .slick-arrow {
        top: 50% !important;
    }

    .membership-program-items .slick-prev {
        left: -65px !important;
    }

    .membership-program-items .slick-next {
        right: -65px !important;
    }

    .play-venue.intelligence {
        padding: 30vw 0 40vw;
    }

    .mainform-wrap select {
        padding: 4vw 2.604vw 4vw 2.45vw;
        height: 3.9vw;
    }

    .progress-grid-wrapper {
        display: block;
        margin: 0 auto;
        max-width: 311px;
        width: 100%;
        position: relative;
    }

    .progress-grid-wrapper .slick-next,
    .calenter-event-wrapper .slick-next {
        background: #66C700 url('../images/iconSlideNext.png') no-repeat center center;
        right: -80px;
    }

    .progress-grid-wrapper .slick-next {
        right: -20px;
    }

    .progress-grid-wrapper .slick-prev,
    .calenter-event-wrapper .slick-prev {
        background: #66C700 url('../images/iconSlidePrev.png') no-repeat center center;
        left: -80px;
    }

    .progress-grid-wrapper .slick-prev {
        left: -20px;
    }

    .progress-grid-wrapper .slick-arrow,
    .calenter-event-wrapper .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        height: 61px;
        width: 61px;
        background-size: 18px;
        border-radius: 100%;
        text-indent: -999999px;
        z-index: 5;
    }

    .calenter-event-wrapper {
        display: block;
        max-width: 250px;
        width: 100%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .calender-event {
        padding: 30px;
        border-radius: 40px;
        height: 230px;
        margin: 0 10px 10px;
        min-width: 230px;
    }

    .about-classes .left-circle,
    .class-rules-wrapper .left-circle {
        display: none;
    }

    .location-finder-sect .how-to-join {
        margin: 90px auto 0 !important;
        padding-top: 60px !important;
        padding-bottom: 70px !important;
    }

    .gymnastics-skills .btn-common {
        margin-top: 60px;
    }

    .benefits-wrapper article {
        margin: 10px auto 50px;
    }

    .benefits-wrapper .middle-size3743 {
        padding: 3vw 0;
    }

    .special-events article {
        margin: 0 auto 40px;
    }

    .find-location-banner-bottom-graphics {
        max-width: 21.875vw;
        min-height: 24.609vw;
        bottom: -1.302vw;
        right: 5.859vw;
    }
}


@media screen and (max-width:425px) {
    body .our-core-wrapper h2 img {
        width: 15vw !important;
    }

    .btn-schedule:before {
        background: url(../images/green-arrow.png) center center/12vw no-repeat;
        width: 17vw;
        height: 18vw;
        top: -14vw;
        left: -16vw;
    }

    .manifesto-wrapper,
    .common-pad {
        padding: 24vw 0 38vw;
    }

    .location-wrap .location-content {
        padding: 30px 25px 25px;
    }

    .find-location-temp .box {
        max-width: 100%;
    }

    .search-list-wrap h2 a {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .search-list-wrap h4 {
        font-weight: 500;
        font-size: 14px !important;
        line-height: 30px !important;
    }

    .search-list-wrap ul li {
        padding: 15px 0 15px 20px;
    }

    .search-list-wrap .arrow-location {
        height: 35px;
        max-width: 35px;
        width: 35px;
        min-width: 35px;
        background-size: 10px;
        border-radius: 100%;
        margin-right: 15px;
    }

    .search-list-wrap input[type=number] {
        font-size: 16px;
        width: 100%;
        font-weight: 500;
        height: 50px;
        border-radius: 20px;
        border: none;
        padding: 0 30px;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
        margin-right: 8px;
        cursor: pointer;
        -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
        -moz-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    }

    .search-list-wrap input[type=submit] {
        background: #66c700 url(//o2bkids.com/wp-content/themes/O2B/./images/search.png) no-repeat center;
        max-width: 54px;
        background-size: 22px;
        width: 100%;
        font-weight: 500;
        height: 50px;
        border-radius: 18px;
        cursor: pointer;
    }

    .find-location-banner .how-to-join .main-title-size {
        font-size: 30px !important;
        line-height: 35px !important;
    }

}

@media screen and (max-width:406px) {
    .page-template-Template-Company-Overview .need-arrow:before {
        top: -2vw;
        left: 8vw;
    }

    body .our-core-wrapper h2 img {
        display: block;
        left: -65px !important;
        width: 14vw !important;
    }

    .calenter-event-wrapper .slick-arrow {
        height: 55px;
        width: 55px;
        background-size: 14px;
    }

    .calenter-event-wrapper .slick-next {
        right: -55px;
    }

    .calenter-event-wrapper .slick-prev {
        left: -55px;
    }

    .gymnastics-skills .common-wrapper h2.arrow-title {
        max-width: 200px;
        width: 100%;
        margin: 0 auto;
    }

    body .virtual-location h3 {
        font-size: 20px !important;
        max-width: 85%;
    }

    .virtual-location svg {
        height: 40px;
    }

    .virtual-location-wrapper .video-wrapper {
        height: 90vw;
    }
}

@media screen and (max-width:320px) {
    body .virtual-location h3 {
        font-size: 18px !important;
        max-width: 85%;
        line-height: 18px !important;
    }

    .virtual-location svg {
        height: 35px;
    }
}


/*--------------------Career forms media---------------------*/



@media screen and (max-width:1500px) {
    .career-center {
        padding: 0 60px;
    }

    .nearby-loc-box h3 {
        font-weight: 400;
        font-size: 2vw;
        letter-spacing: 0em;
        line-height: 2.46vw;
        text-align: center;
        color: #231f20;
        font-weight: 700;
        min-height: 5vw;
        margin-bottom: 1.66vw;
    }

    .nearby-loc-box p {
        font-size: 1.4vw;
        letter-spacing: 0em;
        line-height: 2.13vw;
        padding-bottom: 3vw;
    }

    .nearby-loc-box a {
        font-weight: 700;
        font-size: 1.93vw;
        letter-spacing: 0em;
        line-height: 2.86vw;
        text-align: center;
        color: #790ed2;
        position: relative;
    }

    .nearby-loc-box {
        min-height: 20vw;
    }

    .nearby-loc-box a:after {
        content: "";
        position: absolute;
        right: -2.35vw;
        top: 7px;
        background: url(//o2bkids.com/wp-content/themes/O2B/css/../images/right_icon.png) no-repeat;
        background-size: 100%;
        width: 0.9vw;
        height: 4.05vw;
    }
}

@media screen and (max-width:989px) {
    .nearby-loc-box h3 {
        font-weight: 400;
        font-size: 2.22vw;
        letter-spacing: 0em;
        line-height: 3.43vw;
        text-align: center;
        color: #231f20;
        font-weight: 700;
        min-height: 5.25vw;
        margin-bottom: 1.51vw;
    }

    .nearby-loc-box p {
        font-weight: 500;
        font-size: 1.82vw;
        letter-spacing: 0em;
        line-height: 2.93vw;
        text-align: center;
        color: #000;
        padding-bottom: 3.03vw;
    }

    .nearby-loc-box a {
        font-weight: 700;
        font-size: 1.92vw;
        letter-spacing: 0em;
        line-height: 3.89vw;
        text-align: center;
        color: #790ed2;
        position: relative;
    }

    .nearby-loc-box {
        min-height: 22.5vw;
    }

}

@media screen and (min-width:1025px) and (max-width:1435px) {
    .career-center {
        max-width: 100vw;
    }

    .career-unemployments.top-margin {
        margin-top: 2.787vw;
    }

    .career-input-holder .custom-select input[type="text"],
    .select-text,
    .custom-multi-select input[type="text"],
    .select-multi-text {
        padding: 0 2.091vw 0;
    }

    .career-header .career-center {
        min-height: 8.780vw;
    }

    .header-tag {
        font-size: 1.533vw;
    }

    .step-holder li em::after {
        width: 9.059vw;
    }

    .step-holder li span {
        font-size: 1.254vw;
    }

    .step-holder {
        margin: 8.194vw 0 0;
    }

    .common-career-wrapper h1,
    .common-career-wrapper h2.career-subtitle {
        font-size: 5vw;
        margin: 6.250vw 0 1.389vw;
    }

    .common-career-wrapper h2 {
        font-size: 2.578vw;
        margin-bottom: 2.091vw;
    }

    .career-input-holder {
        max-width: 31.6vw;
    }

    .form-row>label,
    .career-input-holder>label,
    .checkbox-row>label,
    .quarter-width label,
    .checkbox-row-check,
    .checkbox-row-detail>label {
        font-size: 1.736vw;
        padding-bottom: 1.742vw;
    }

    .checkbox-holder label {
        font-size: 1.533vw;
    }

    .form-row,
    .checkbox-row,
    .checkbox-row-check,
    .checkbox-row-detail {
        margin-bottom: 4.181vw;
    }

    .form-row .flex,
    .career-input-fullwidth,
    .checkbox-vertical-holder .checkbox-holder {
        margin-bottom: 2.787vw;
    }

    .career-input-holder input[type="text"],
    .career-input-holder input[type="password"],
    .career-input-holder input[type="email"],
    .career-input-holder input[type="number"],
    .career-input-holder .custom-select input[type="text"],
    .career-input-holder input[type="datable"],
    .select-text,
    .custom-multi-select input[type="text"] {
        font-size: 1.528vw;
        height: 4.375vw;
    }

    .select-multi-text {
        font-size: 1.528vw;
    }

    .career-input-fullwidth textarea {
        font-size: 1.528vw;
    }

    .input-career-search::before,
    .input-multi-search::before {
        width: 1.597vw;
        height: 0.903vw;
    }

    .checkbox,
    .radio {
        width: 2.569vw;
        height: 2.569vw;
        border-radius: 0.557vw;
        flex: 0 0 2.569vw;
    }

    .checkbox .checkmark,
    .radio .checkmark {
        width: 1.254vw;
        height: 1.324vw;
    }

    .btn-career {
        font-size: 1.250vw;
        line-height: 4.861vw;
        width: 11.667vw;
        height: 4.861vw;
    }

    .career-next {
        padding: 0 3.972vw 0 3.136vw;
    }

    .career-prev {
        padding: 0 3.136vw 0 3.972vw;
    }

    .career-next,
    .career-prev {
        background-size: 1.115vw 1.742vw;
    }

    .submit-application {
        max-width: 23.484vw !important;
        width: 100%;
    }

    .checkbox-holder:not(:last-child),
    .checkbox-vertical-holder:not(:last-child) {
        margin-right: 2.439vw;
    }

    #form-3 .week-days .checkbox-holder:not(:last-child) {
        margin-right: 4.878vw;
    }

    #form-3 .custom-select,
    #form-3 .custom-multi-select {
        max-width: 23.693vw;
    }

    .half-width {
        max-width: inherit;
        flex: 1;
    }

    .quarter-width {
        max-width: inherit;
        flex: 1 1 50%;
    }

    .unemployment {
        font-size: 1.533vw;
        margin-bottom: 4.181vw;
    }

    .file-upload {
        font-size: 1.533vw;
        line-height: 4.808vw;
        max-width: 22.787vw;
        height: 5.157vw;
        border-radius: 1.394vw;
        padding: 0 0 0 6.969vw;
    }

    .file-upload::before {
        width: 2.091vw;
        height: 2.091vw;
        top: 1.394vw;
        left: 3.902vw;
    }

    .required-statement .half-width .quarter-width,
    .final-fconfirm .half-width .quarter-width {
        max-width: 23.693vw;
    }

    .review-and-sign h2 {
        font-size: 2.578vw;
    }

    .review-and-sign h2 a,
    .edit-wrapper h4,
    .edit-wrapper article h4 {
        font-size: 1.742vw;
    }

    .edit-wrapper {
        margin-bottom: 3.833vw;
    }

    .edit-wrapper ul {
        margin-bottom: 3.136vw;
    }

    .personal-info li {
        max-width: 19.094vw;
    }

    .edit-wrapper li span,
    .edit-wrapper article p,
    .edit-wrapper li strong,
    .final-fconfirm p,
    .edit-wrapper li em {
        font-size: 1.533vw;
    }

    .personal-info li:not(:last-child) {
        margin-right: 6.969vw;
    }

    .other-education {
        margin-top: 2.091vw;
    }

    .required-statement-edit article {
        margin-bottom: 3.484vw;
    }

    #form-3 .career-input-holder .custom-select,
    #form-3 .career-multi-holder .custom-multi-select {
        /* max-width: 23.693vw!important; */
        max-width: 50% !important;
    }

    .doc-details span {
        font-size: 1.533vw;
        margin-top: 3.206vw;
        padding: 0 2.787vw 0 2.648vw;
    }

    .doc-details span::before {
        width: 1.672vw;
        height: 2.091vw;
        background-size: cover;
    }

    .doc-details span em {
        width: 2.091vw;
        height: 2.091vw;
    }

    .career-input-holder .custom-select ul,
    .custom-multi-select ul {
        max-height: 19.164vw;
    }

    .doc-details span:not(:last-child) {
        margin-right: 5.017vw;
    }

    .error_required {
        font-size: 1.254vw;
        bottom: -2.160vw;
    }

    .references ul:not(:last-child) {
        margin-right: 10.453vw;
    }

    .career-input-holder .custom-select .select-text {
        height: 4.390vw;
        line-height: 4.181vw;
    }

    .custom-multi-select .select-multi-text {
        min-height: 4.390vw;
        height: auto;
        line-height: 4.181vw;
    }

    .career-unemployment-content {
        padding-bottom: 4.878vw;
    }

    .career-unemployments .flex {
        margin: 0;
    }

    .education li h4 {
        margin-bottom: 1.045vw;
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .career-center {
        max-width: 140.137vw;
        padding: 0 40px;
    }

    .career-unemployments.top-margin {
        margin-top: 2.787vw;
    }

    .career-header .career-center {
        min-height: 12.305vw;
    }

    .header-tag {
        font-size: 2.148vw;
    }

    .career-input-holder .custom-select input[type="text"],
    .select-text,
    .custom-multi-select input[type="text"],
    .select-multi-text {
        padding: 0 2.091vw 0;
    }

    .step-holder li em::after {
        width: 10.695vw;
    }

    .step-holder li span {
        font-size: 1.758vw;
    }

    .step-holder {
        margin: 8.194vw 0 0;
    }

    .common-career-wrapper h1,
    .common-career-wrapper h2.career-subtitle {
        font-size: 5vw;
        margin: 6.250vw 0 1.389vw;
    }

    .common-career-wrapper h2 {
        font-size: 3vw;
        margin-bottom: 2.930vw;
    }

    .career-input-holder {
        max-width: 30.6vw;
    }

    .form-row>label,
    .career-input-holder>label,
    .checkbox-row>label,
    .quarter-width label,
    .checkbox-row-check>label,
    .checkbox-row-detail>label {
        font-size: 1.736vw;
        padding-bottom: 1.742vw;
    }

    .checkbox-holder label {
        font-size: 1.533vw;
    }

    .form-row,
    .checkbox-row,
    .checkbox-row-detail {
        margin-bottom: 4.181vw;
    }

    .form-row .flex,
    .career-input-fullwidth,
    .checkbox-vertical-holder .checkbox-holder {
        margin-bottom: 2.787vw;
    }

    .career-input-holder input[type="text"],
    .career-input-holder input[type="password"],
    .career-input-holder input[type="email"],
    .career-input-holder input[type="number"],
    .career-input-holder input[type="datable"] {
        font-size: 1.528vw;
        height: 5.500vw;
    }

    .career-input-fullwidth textarea {
        font-size: 1.528vw;
    }

    .input-career-search::before,
    .input-multi-search::before {
        width: 1.597vw;
        height: 0.903vw;
    }

    .checkbox,
    .radio {
        width: 2.569vw;
        height: 2.569vw;
        border-radius: 0.557vw;
        flex: 0 0 2.569vw;
    }

    .checkbox .checkmark,
    .radio .checkmark {
        width: 1.254vw;
        height: 1.324vw;
    }

    .btn-career {
        font-size: 1.250vw;
        line-height: 4.861vw;
        width: 11.667vw;
        height: 4.861vw;
    }

    .career-next,
    .career-prev {
        background-size: 1.300vw 2.100vw;
    }

    .career-next {
        padding: 0 3.972vw 0 3.136vw;
    }

    .career-prev {
        padding: 0 3.136vw 0 3.972vw;
    }

    .submit-application {
        max-width: 32.910vw !important;
        width: 100%;
    }

    .checkbox-holder:not(:last-child),
    .checkbox-vertical-holder:not(:last-child) {
        margin-right: 2vw;
    }

    #form-3 .week-days .checkbox-holder:not(:last-child) {
        margin-right: 3vw;
    }

    #form-3 .custom-select,
    #form-3 .custom-multi-select {
        max-width: 23.693vw;
    }

    .half-width {
        max-width: inherit;
        flex: 1;
    }

    .quarter-width {
        max-width: inherit;
        flex: 1 1 50%;
    }

    .unemployment {
        font-size: 2.148vw;
        margin-bottom: 5.859vw;
    }

    .file-upload {
        font-size: 2.148vw;
        line-height: 6.738vw;
        max-width: 31.934vw;
        height: 7.227vw;
        border-radius: 1.953vw;
        padding: 0 0 0 9.766vw;
    }

    .file-upload::before {
        width: 2.930vw;
        height: 2.930vw;
        top: 1.953vw;
        left: 5.469vw;
    }

    .required-statement .half-width .quarter-width,
    .final-fconfirm .half-width .quarter-width {
        max-width: 33.203vw;
    }

    .review-and-sign h2 {
        font-size: 3.613vw;
    }

    .review-and-sign h2 a,
    .edit-wrapper h4,
    .edit-wrapper article h4 {
        font-size: 2.441vw;
    }

    .edit-wrapper {
        margin-bottom: 5.371vw;
    }

    .edit-wrapper ul {
        margin-bottom: 4.395vw;
    }

    .personal-info li {
        max-width: 19.094vw;
    }

    .edit-wrapper li span,
    .edit-wrapper article p,
    .edit-wrapper li strong,
    .final-fconfirm p,
    .edit-wrapper li em {
        font-size: 2.148vw;
    }

    .personal-info li:not(:last-child) {
        margin-right: 6.766vw;
    }

    .other-education {
        margin-top: 2.091vw;
    }

    .required-statement-edit article {
        margin-bottom: 4.883vw;
    }

    .career-input-holder .custom-select input[type="text"],
    .select-text,
    .custom-multi-select input[type="text"],
    .select-multi-text {
        font-size: 1.533vw !important;
    }

    #form-3 .career-input-holder .custom-select,
    #form-3 .career-multi-holder .custom-multi-select {
        /* max-width: 33.203vw!important; */
        max-width: 50% !important;
    }

    .doc-details span {
        font-size: 1.533vw;
        margin-top: 3.206vw;
        padding: 0 3.787vw 0 3.648vw;
        line-height: 2vw;
    }

    .doc-details span em {
        background-size: contain;
        width: 2.091vw;
        height: 2.091vw;
    }

    .career-input-holder .custom-select ul,
    .custom-multi-select ul {
        max-height: 19.164vw;
    }

    .doc-details span:not(:last-child) {
        margin-right: 5.017vw;
    }

    .doc-details span::before {
        background-size: cover;
        width: 1.672vw;
        height: 2.091vw;
    }

    .error_required {
        font-size: 2.160vw;
        bottom: -3.027vw;
    }

    .references ul:not(:last-child) {
        margin-right: 10.453vw;
    }

    .career-input-holder .custom-select .select-text {
        height: 5.500vw;
        line-height: 5.4vw;
    }

    .custom-multi-select .select-multi-text {
        min-height: 5.500vw;
        height: auto;
        line-height: 5.4vw;
    }

    .career-unemployment-content {
        padding-bottom: 4.878vw;
    }

    .education li h4 {
        margin-bottom: 1.045vw;
    }
}

@media screen and (max-width:768px) {
    .locations-list-wrapper.location-new-menu.locationSticky {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        background: #FFF;
        z-index: 5;
    }

    .find-location-temp .box p {
        display: none;
    }

    .locations-center #scroll-menu {
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15);
        -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15);
        -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,.15);
        height: 49px;
    }
    .find-location-temp .locations-center ul {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .find-location-banner.location-finder-sect {
        border-radius: 0;
    }

    .locations-list-wrapper {
        margin: 0px 0 0;
    }

    .find-location-temp .locations-center ul.locations-list-sm {
        width: 100%;
        border-radius: 0;
        justify-content: center;
    }
    .locations-center {
        padding-left: 0px;
        padding-right: 0px;
    }
    .find-location-main-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }


    .custom-multi-select .select-multi-text {
        min-height: 54px;
        height: auto;
    }

    .custom-multi-select .input-multi-search:before {
        top: 23px !important;
        content: '' !important;
    }

    .multi-select-text {
        height: 36px;
    }

    .multi-select-close {
        width: 16px;
        height: 16px;
    }

    .career-header .career-center {
        min-height: 85px;
    }

    .career-unemployments.top-margin {
        margin-top: 20px;
    }

    .career-input-holder .custom-select input[type="text"],
    .career-input-holder .custom-select li,
    .select-text,
    .custom-multi-select input[type="text"],
    .custom-multi-select li,
    .select-multi-text {
        font-size: 16px !important;
    }

    .career-input-holder .custom-select input[type="text"],
    .select-text,
    .custom-multi-select input[type="text"],
    .select-multi-text {
        padding-left: 30px;
    }

    .career-input-holder .custom-select ul {
        padding-top: 20px;
        padding-left: 17px;
    }

    .custom-multi-select ul {
        padding-top: 40px;
    }

    .mob-hide {
        display: none;
    }

    .desk-hide {
        display: block;
    }

    .career-header .career-center img {
        max-width: 70%;
    }

    .step-holder {
        display: none;
    }

    .header-tag {
        display: none;
    }

    .form-row>.flex,
    .checkbox-row>.flex,
    .half-width .flex,
    .edit-wrapper ul.flex,
    .education.flex,
    .checkbox-row-detail>.flex {
        flex-direction: column;
    }

    .question-check .flex {
        flex-direction: row;
    }

    .career-input-holder:not(:last-child),
    .career-input-holder:last-child,
    .checkbox-row,
    .checkbox-vertical-holder .checkbox-holder,
    .career-textarea-holder {
        margin: 0 0 30px;
    }

    .common-career-wrapper h1,
    .common-career-wrapper h2.career-subtitle {
        font-size: 40px;
        margin: 40px 0 20px;
        line-height: 48px;
    }

    .common-career-wrapper h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .common-career-wrapper h1 {
        margin-top: 70px;
        margin-bottom: 40px;
    }

    .career-input-holder,
    .career-multi-holder {
        max-width: 100%;
    }

    .form-row>label,
    .career-input-holder>label,
    .checkbox-row>label,
    .checkbox-holder label,
    .quarter-width label,
    .checkbox-row-detail>label {
        font-size: 16px;
        padding-bottom: 12px;
    }

    .checkbox-holder label,
    .unemployment {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .career-input-holder input[type="text"],
    .career-input-holder input[type="password"],
    .career-input-holder input[type="email"],
    .career-input-holder input[type="number"],
    .career-input-holder input[type="datable"] {
        font-size: 16px;
        height: 54px;
    }

    .career-input-fullwidth textarea {
        font-size: 16px;
    }

    .checkbox,
    .radio {
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
    }

    .checkbox .checkmark,
    .radio .checkmark {
        width: 14px;
        height: 15px;
    }

    .career-next,
    .career-prev {
        background-size: 14px 22px;
    }

    .btn-career {
        font-size: 18px;
        line-height: 54px;
        width: 125px;
        height: 54px;
    }

    .btn-submit {
        padding-right: 106px !important;
        padding-left: 20px !important;
    }

    .career-next {
        padding: 0 0 0 32px;
    }

    .career-prev {
        padding: 0 32px 0 0;
    }

    #form-3 .custom-select,
    #form-3 .custom-multi-select {
        max-width: 100%;
    }

    .week-days .flex {
        flex-flow: column wrap;
        flex-direction: row;
    }

    #form-3 .week-days .checkbox-holder {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .week-days .flex .checkbox-holder {
        max-width: 150px;
        width: 100%;
    }

    .form-row {
        margin-bottom: 40px;
    }

    .form-row .flex,
    .checkbox-row>.flex,
    .career-input-fullwidth,
    .checkbox-row-detail .flex {
        margin-bottom: 0;
    }

    .quarter-width {
        flex: 1;
    }

    .quarter-width:not(:last-child) {
        margin-right: 0;
    }

    .quarter-width {
        margin-bottom: 20px;
    }

    .file-upload {
        font-size: 16px;
        line-height: 53px;
        max-width: 206px;
        height: 58px;
        padding: 0 0 0 64px;
    }

    .doc-details {
        margin-bottom: 30px;
    }

    .checkbox-vertical-holder .checkbox-holder {
        margin-bottom: 25px;
    }

    .file-upload::before {
        width: 25px;
        height: 25px;
        top: 14px;
        left: 25px;
    }

    .required-statement {
        margin-bottom: 0;
    }

    .checkbox,
    .checkbox-holder label {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .form-row,
    .checkbox-row-detail,
    .quarter-width:last-child {
        margin-bottom: 0;
    }

    .required-statement .half-width .quarter-width,
    .final-fconfirm .half-width .quarter-width {
        max-width: 100%;
    }

    .review-and-sign h2 {
        font-size: 24px;
        line-height: 25px;
    }

    .review-and-sign h2 a {
        font-size: 16px;
    }

    .edit-wrapper h4,
    .edit-wrapper article h4 {
        font-size: 18px;
    }

    .edit-wrapper article h4,
    .other-education h4 {
        margin-bottom: 0;
    }

    .review-and-sign h2 a {
        padding-left: 8px;
    }

    .edit-wrapper article p {
        padding-top: 0;
    }

    .edit-wrapper {
        margin-bottom: 25px;
    }

    .edit-wrapper ul {
        margin-bottom: 20px;
    }

    .edit-wrapper li span,
    .edit-wrapper article p,
    .edit-wrapper li strong,
    .final-fconfirm p,
    .edit-wrapper li em {
        font-size: 16px;
    }

    .personal-info li:not(:last-child) {
        margin-right: 0;
    }

    .other-education {
        margin-top: 0;
    }

    .required-statement-edit article {
        margin-bottom: 4.883vw;
    }

    .checkbox-vertical-holder,
    .checkbox-vertical-holder:not(:last-child) {
        margin-right: 0;
    }

    #form-3 .week-days .checkbox-holder:not(:last-child) {
        margin-right: 65px;
    }

    #form-3 .week-days .checkbox-holder:nth-of-type(3n+3) {
        margin-right: 0;
    }

    .week-days {
        margin-bottom: 0;
    }

    #form-3 .career-input-holder .custom-select,
    #form-3 .career-multi-holder .custom-multi-select {
        max-width: 100% !important;
    }

    .career-unemployment-content .discribe-input {
        position: static;
        padding-right: 0;
    }

    .career-unemployments {
        position: relative;
        border-bottom: 1px solid #9f9f9f;
    }

    .career-unemployment-content .discribe-input .btn-delete {
        top: 42px;
        right: 0;
    }

    .career-unemployment-content .career-unemployments {
        padding-bottom: 20px;
    }

    .career-unemployment-content .career-unemployments:not(:first-child) {
        padding-top: 44px;
    }

    .btn-delete {
        width: 30px;
        height: 30px;
    }

    .doc-details {
        margin-bottom: 30px !important;
    }

    .final-fconfirm p {
        margin-top: 30px;
    }

    .references ul,
    .references ul:not(:last-child) {
        margin-right: 0;
    }

    .doc-details span {
        font-size: 18px;
        margin-top: 30px;
        padding: 0 40px 0 38px;
    }

    .availability li,
    .personal-info li {
        max-width: 100%;
        line-height: 25px;
        margin-bottom: 25px;
    }

    .education ul,
    .edit-wrapper ul {
        margin-bottom: 0;
    }

    .edit-wrapper li {
        line-height: inherit;
        margin-bottom: 25px;
    }

    .edit-wrapper li span {
        line-height: 25px;
    }

    .availability li h4 {
        margin-bottom: 0;
    }

    .other-education {
        margin-top: 0;
    }

    .career-input-holder .custom-select ul {
        max-height: 255px;
        display: none !important;
    }

    .custom-multi-select ul {
        max-height: 255px;
    }

    .week-days .error_required {
        bottom: 0;
    }

    .doc-details span:not(:last-child) {
        margin-right: 25px;
    }

    .error_required {
        font-size: 16px;
        bottom: -27px;
    }

    .career-input-holder .custom-select .select-text {
        display: none;
    }

    .career-input-holder .custom-select .input-career-search,
    .custom-multi-select .input-multi-search {
        padding: 0;
    }

    .input-career-search::before {
        content: none !important;
    }

    .career-input-holder .custom-select select {
        font-family: 'Goldplay';
        font-weight: 500;
        font-size: 16px;
        background: url(../images/iconFormDrop.png) no-repeat 96.6% 21px;
        background-size: 23px 13px;
        padding: 0 60px 0 30px;
        height: 54px;
        line-height: 56px;
        display: block;
    }

    .career-input-holder .custom-select select:focus,
    .custom-multi-select select:focus {
        outline: none;
    }

    .attest-accuracy .error_required {
        bottom: -22px;
    }

    .nearby-location-slider {
        max-width: 55%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .bannerbox-center h1 {
        max-width: 500px;
        margin: 0 auto;

    }

    .contact-wrapper .input-field select {
        background-size: 18px !important;
    }

    /* --------------search detail location--------------------- */

    /* 
    .nearby-loc-slide {
        margin: 0 20px 0px 0;
    } */
}

@media screen and (max-width:767px) {
    .nearby-loc-box h3 {
        font-size: 25px;
        letter-spacing: 0em;
        line-height: 32px;
        text-align: center;
        color: #231f20;
        font-weight: 700;
        min-height: unset;
        margin-bottom: 15px;
    }

    .nearby-loc-box p {
        font-weight: 500;
        font-size: 18px;
        letter-spacing: 0em;
        line-height: 20px;
        text-align: center;
        color: #000;
        padding-bottom: 15px;
    }

    .nearby-loc-box a {
        font-weight: 700;
        font-size: 18px;
        line-height: 33px;
        position: relative;
    }

    .nearby-loc-box a:after {
        content: "";
        position: absolute;
        right: -40px;
        top: 5px;
        width: 11px;
        height: 18px;
    }

    .nearby-locations-wrapper .nearby-location-slider .slick-prev {
        width: 45px;
        height: 45px;
        background-size: 11px;
        left: -13px;
    }

    .nearby-locations-wrapper .nearby-location-slider .slick-next {
        width: 45px;
        height: 45px;
        background-size: 11px;
        right: -13px;
    }

    .nearby-locations-wrapper {
        padding: 60px 0 60px;
    }

    .nearby-loc-box a:after {
        content: "";
        position: absolute;
        right: -24px;
        top: 5px;
        width: 9px;
        height: 18px;
    }

    .nearby-loc-slide {
        margin: 15px;
        max-width: none;
    }

    .nearby-locations-wrapper .nearby-loc-slide {
        padding: 36px 30px 24px;
    }

    .nearby-locations-wrapper .nearby-loc-slide {
        padding: 20px 15px 24px;
    }

    .contact-wrapper-new .input-field select {
        background-size: 17px !important;
    }

    .contact-wrapper-new .input-field select.childNameAge {
        background-size: 17px !important;
        background-position: 83%;
    }

    .mission-new-academy .need-arrow:before {
        background-size: contain !important;
    }
}

@media screen and (max-width:640px) {
    .week-days .flex .checkbox-holder {
        max-width: 143px;
        width: 100%;
    }

    #form-3 .week-days .checkbox-holder:not(:last-child),
    #form-3 .week-days .checkbox-holder:nth-of-type(2n+2) {
        margin-right: 0px;
    }

    #form-3 .week-days .checkbox-holder:nth-of-type(2n+2) {
        margin-right: 0;
    }

    h3.contact-label {
        font-size: 19px;
        margin-bottom: 15px;

        text-align: left;
    }

    .new-academy-body .search-location-list-new {
        padding: 29px 33px 80px 33px !important;
    }

    .c_add-child.contact-add-child {
        font-size: 18px;

        margin-bottom: 35px;
    }
    .contact-wrapper-new .c_divider {
        padding-top: 35px;
    }
    .c_add-child.contact-add-child::after {
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin-top: 3px;
        font-size: 18px;
    }

    .contact-wrapper-new .removeChild::after {
        margin-left: 5px;
        margin-top: 14px;
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 18px;

    }

    .contact-wrapper-new {
        padding: 0 15px;
    }

    .contact-wrapper-new.row .row {
        margin-right: 0;
        margin-left: 0;
    }

    .banner-box {
        max-width: 272px;
        margin-bottom: 24px;
    }

    .banner-box .banner-left, .banner-box .banner-right {
        padding: 0;
    }

    .new-academy .bannerbox-center {
        padding: 51px 15px;
    }

    .new-academy .banner-box .row {
        max-width: 227px;
        width: 100%;
        border-radius: 19.63px;
        padding: 20px 14px
    }

    .bannerbox-center h1 {
        font-size: 33px;
        line-height: 38px;
        margin: 0 auto;
        margin-top: 24px;
        max-width: 300px;
        width: 100%;
        z-index: 10;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mission-new-academy {
        padding: 150px 0 120px;
    }

    .banner-box .banner-center img {
        max-width: 24.54px;
        object-fit: contain;
    }

    .banner-box .banner-left img {
        max-width: 100%;
        padding-right: 4px;
    }

    .mission-new-academy {
        padding-top: 78px !important;
        padding-bottom: 65px !important;
    }

    .mission-new-academy .need-arrow:before {
        background-size: contain;
    }

    .banner-box .banner-right img {
        max-width: 71px;
    }

    .new-academy .itgraphiclinescopy5 {
        left: 13vw !important;
        bottom: 1.3vw !important;
        width: 20vw !important;
    }

    .new-academy .ttovalcopy7 {
        bottom: 14vw !important;

    }

    body .new-academy .ttovalcopy16 {
        bottom: 5.8vw !important;
        left: 24.5vw !important;

    }

    .new-academy.hero-half .burst-white {
        bottom: -47vw !important;
        right: -17vw !important;
        width: 102.7vw !important;

    }

    .new-academy.hero-half .ttgraphicsarrowdottedcopy {
        bottom: 7vw !important;
    }

    .new-academy.hero-half .tt3whitecopy {
        bottom: 9.7vw !important;
    }

    .new-academy.hero-half .tt2whitecopy {
        bottom: 17vw !important;
    }

    .new-academy.hero-half .tt1whitecopy {
        bottom: 10vw !important;

    }

    .mission-new-academy .need-arrow:before {
        height: 56px;
        width: 37.33px;
        left: -10% !important;
    }

    .new-academy-body .results-location .row {
        flex-direction: column-reverse !important;
    }
    .contact-wrapper .contact-wrapper-new .column {
        padding-left: 5px;
        padding-right: 5px;
    }
    .contact-wrapper-new h3.contact-label{
        padding-left: 5px;
    }
    .c_add-child.contact-add-child{
        margin-left: 5px;
    }
    .find-location-temp h2.enrollment-title{
        font-size: 25px !important;
        margin-bottom: 25px;
        line-height: 30px !important;
    }
    .enrollment-body .locations-center{
        max-width: 83vw;
    }
}

@media screen and (max-width: 575px) {
    .txt_location {
        margin-right: 30px;
    }

    .program-benefits-slider {
        max-width: 240px !important;
    }

    .program-benefits-slider .slick-dots {
        display: none !important;
    }

    .virtual-location-wrapper .video-wrapper {
        height: 70vw;
        margin-top: 20px;
    }

    .search-list-wrap h1 {
        text-align: center;
        font-size: 25px;
        padding-bottom: 15px;
        line-height: 30px;
        margin-right: 30px;
        margin-top: 40px;
    }

    .search-location-list-new {
        padding: 29px 33px 80px 33px !important;
    }

    .search-locations-box-block .arrow-dooted-bg {
        top: -11px;
        left: 90%;
        right: -52px;
        width: 82px;
        transform: rotate(104deg);
    }

    .search-locations-box-block .letter-c {
        right: 8px;
        top: 64px;
        width: 100%;
        max-width: 22px;
    }

    .search-locations-box-block .graphic-lines-bg {
        bottom: 1px;
        right: -10px;
        z-index: -4;
        left: 85%;
        width: 90px;
        transform: rotate(181deg);
    }

    .search-locations-box-block {
        padding: 65px 18px 20px;
        position: relative;
        z-index: 5;
    }

    .search-locations-box-wrapper {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .search-locations-box-wrapper h1 {
        font-size: 40px !important;
        line-height: 69px !important;
    }

    .nearby-loc-img img {
        width: 100%;
    }

    .search-location-box-list li {
        max-width: 90%;
        width: 100%;
    }

    .search-location-box-list {
        padding: 0px 0px;
    }

    .nearby-location-slider {
        max-width: 85%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .nearby-location-slider .slick-next {
        height: 40px;
        width: 40px;
        background-size: 12px;
        right: -19px;
    }

    .nearby-location-slider .slick-prev {
        height: 40px;
        width: 40px;
        background-size: 12px;
        left: -19px;
    }

    .find-location-banner .how-to-join .main-title-size {
        font-size: 46px !important;
        line-height: 44px !important;
        font-weight: 900;
        max-width: 420px !important;
        width: 100%;
        margin: 0 auto;
    }

    .search-location-box-list {
        margin: 25px 0;
    }

    .search-location-box h4 {
        color: #47088b;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        padding: 25px 0 15px;
        max-width: 245px;
    }

    .sliderLocation {
        padding: 0 0 0px;
    }

    .search-list-wrap {
        margin-top: 95px;
    }
}


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

    #form-3 .week-days .checkbox-holder:not(:last-child),
    #form-3 .week-days .checkbox-holder:nth-of-type(2n+2) {
        margin-right: 2px;
    }

    #form-3 .week-days .checkbox-holder label {
        padding: 0 0 0 12px;
    }
}
@media screen and (max-width:767px) {
    .contact-wrapper-new h3.contact-label {
        margin-top: 35px;
        padding-left: 5px;
    }
    .c_add-child.contact-add-child {
        margin-bottom: 0;
    }
    .contact-wrapper-new .c_divider {
        padding-top: 35px;
    }

}
@media screen and (min-width:1364px) and (max-width:1690px){
    .contact-wrapper-new .removeChild:after{
        margin-top: 8px !important;

    }
}
@media screen and (min-width:1148px) and (max-width:1364px){
    .contact-wrapper-new .removeChild:after{
        margin-top: 8px !important;

    }
}
@media screen and (min-width:901px) and (max-width:1148px){
    .contact-wrapper-new .removeChild:after{
        margin-top: 0 !important;
        width: 30px;
        height: 30px;
        line-height: 30px;

    }
}
@media screen and (min-width:641px) and (max-width:901px){
    .contact-wrapper-new .removeChild:after{
        margin-top: 10px !important;

    }
}
.thirdcount {
    position: relative;
    top: 3vw;
}

@media screen and (max-width:400px) {
    .infant-model-demonstration .child-center {
        max-width: 84.7vw!important;
    }
    .daily-shedule-wrapper.bday.change  {
        padding: 80px 0 100px !important;
    }

}

@media screen and (max-width:650px) {
    .single-locations .location-profile.landing-hero-full{
        margin-top: 60px;
        }

}
@media screen and (max-width:800px) {
    .flip-favor {
        margin-top: -28px;
        padding-top: 80px !important;
        left: -12.5% !important;
        border-radius: 229% / 29% !important;
        width: 125% !important;
    }
    .flip-book{
        padding-top: 73px !important;
    }
    .flip-book .itgraphiclinescopy5{
        width: 78px;
    }
    .flip-book .letterAa{
        width: 40px;
    }
}
.school-data .find-location-temp h2.enrollment-title{
    position: relative;
}
.school-data .find-location-temp h2.enrollment-title::after{
    background: url(../images/imgHeaderArrow.png);
    background-size: contain;
    content: "";
    position: absolute;
    width: 7.5vw;
    height: 8vw;
    bottom: -7.3vw;
    background-repeat: no-repeat;
    right: 1vw;
    background-size: contain;
    rotate: 76deg;
}
@media (max-width: 1700px) and (min-width: 901px) {
    .enrollment-box h2.enrollment-title,.school-data .find-location-temp h2.enrollment-title{
        font-size: 2.9412vw !important;
        line-height: 3vw !important;
    }
    .enrollment-body.enrollment-box .locations-center,.enrollment-body.enrollment-box .find-location-temp .row{
        max-width: 76.5882vw;
      }
      .enrollment-body.enrollment-box .find-location-temp .row{
          gap: 2.4118vw 3.1765vw;
      }
      .enrollment-body.enrollment-box .find-location-temp .box{
        max-width: 23.4118vw;
      }
      .enrollment-body.enrollment-box .find-location-temp .box h4{
        font-size: 1.4706vw;
        line-height: normal;
      }
      .school-data-row .box{
        border-radius: 2.3529vw;
        padding: 2.2941vw 2.6471vw;
        max-width: 36.8235vw;
    }
    .school-data-row{
        gap: 3.1765vw;
        max-width: 76.8235vw;
    }
    .school-data-row .box h5 {
        margin-bottom: 0.9412vw;
        font-size: 1.6471vw;
        line-height: 1.6471vw;
      }
      .school-data-row .box p, .school-data-row .box p a{
        font-size: 1.2941vw;
        line-height: 2.3529vw;
      }
      .school-enrollment-banner.enrollment-header .find-location-banner-bottom-graphics{
        left: 17.6471vw;
      }
      .school-data .find-location-temp h2.enrollment-title{
        margin-bottom: 5vw;
      }
}
@media screen and (max-width: 900px) {
    .focus-flip{
        padding-top: 163px !important;
    }
    .school-data .halfovalpurp1{
        bottom: -4vw;
    }
    .enrollment-body .find-location-temp .row,.enrollment-body.enrollment-box .find-location-temp .row{
        gap: 20px;
    }
    .enrollment-body .find-location-temp .box,.enrollment-body.enrollment-box .find-location-temp .box{
        padding: 40px;
        min-height: auto;
    }
    .enrollment-body .box h4,.enrollment-body.enrollment-box .find-location-temp .box h4 {
        font-size: 21px;
        line-height: 24px;
      }
      .enrollment-body .find-location-temp .box img,.enrollment-body.enrollment-box .find-location-temp .box img {
        width: 37px;
        padding-bottom: 20px;
      }
      .enrollment-body.membership-progams-list.featured-classes{
        padding-top: 60px !important;
  padding-bottom: 60px !important;
      }
      .school-data-row{
        padding-left: 33px !important;
        padding-right: 33px  !important;
        gap: 20px;
      }
      .school-data-row{
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
      }
      .enrollment-header h1.hero-title-size{
        font-size: 45px !important;
       line-height: 45px !important;
      }
      .school-data .find-location-temp h2.enrollment-title{
        font-size: 27px !important;
    line-height: 30px !important;
    margin-bottom: 30px;
      }
      .school-data-row .box h5{
        font-size: 24px !important;
    line-height: 28px !important;
      }
      .school-data-row .box p, .school-data-row .box p a{
        font-size: 18px;
        line-height: 32px;
      }
      .find-location-temp h2.enrollment-title{
        z-index: 2;
        position: relative;
        padding: 0 33px;
      }
      .enrollment-parent .enrollment-box:nth-last-child(1) .locations-center {
        padding-bottom: 0;
      }

      .school-data-row .box{
        border-radius: 14px;
      padding: 40px 20px;
      }
      .enrollment-body .find-location-temp .row, .enrollment-body.enrollment-box .find-location-temp .row{
        padding: 0 33px;
      }
      .school-enrollment-banner.enrollment-header .find-location-banner-bottom-graphics{
        width: 22.198px;
        height: 26.364px;
        left: 300px;
         bottom: 51px;
      }
      .enrollment-body.enrollment-box .locations-center {
        max-width: 98vw;
      }
      .school-enrollment-banner.enrollment-header .find-location-banner-bottom-graphics{
        left: 14vw;
      }
      .school-data-row .box p{
        padding-bottom: 19px;
      }
}
@media screen and (max-width: 640px) {
    .enrollment-box:nth-child(2n) .circlesgreencopy3{
        left: 0;
      }
      .enrollment-body.enrollment-box .locations-center {
        max-width: 100%;
      }
      .school-data .halfovalpurp1{
        display: block;
        right: 0;
        bottom: -6vw;
      }
      .find-location-temp h2.enrollment-title{
        padding: 0;
      }
      .school-data .find-location-temp h2.enrollment-title::after {
        width: 13.5vw;
      }
      .enrollment-box .find-location-temp h2.enrollment-title{
        padding: 0 33px;
      }
}