.hpm-col.banner.school-hero .hpm-banner-content.hpm-content.overlay.center-right,
.hpm-col.banner.studio-hero .hpm-banner-content.hpm-content.overlay.center-right {
    right: 120px;
}

.hpm-row .hpm-col.banner.school-hero .hpm-banner-content .title,
.hpm-row .hpm-col.banner.studio-hero .hpm-banner-content .title { 
    position: relative;
    padding-top: 50px;
}

.hpm-row .hpm-col.banner.school-hero .hpm-banner-content .title:before,
.hpm-row .hpm-col.banner.studio-hero .hpm-banner-content .title:before {
    content: '';
    display: inline-block;
    border-top: 2px solid black;
    width: 20px;
    height: 4px;
    position: absolute;
    top: 10px;
    right: 2px;
}

.hpm-row .hpm-col.banner.school-hero .hpm-banner-content .btn { 
    box-shadow: 5px 5px 0 0 #747474;
    -moz-box-shadow: 5px 5px 0 0 #747474;
    -webkit-box-shadow: 5px 5px 0 0 #747474;
    font-family: 'almoni-neue-bold';
    font-size: 20px;
    letter-spacing: .5px;
}
.hpm-row .hpm-col.banner.school-hero .hpm-banner-content .btn:hover { 
    box-shadow: 1px 1px 0 0 red;
    -moz-box-shadow: 1px 1px 0 0 red;
    -webkit-box-shadow: 1px 1px 0 0 red;
}
.school-menu-row .kt-inside-inner-col { 
    width: 1330px;
    max-width: 96%;
    margin:0 auto;
}
.school-menu-row ul {
    margin: 0 !important;
}
.school-menu-row ul li a {
    padding: 0 40px;
    display: block;
    line-height: 60px;
}
.school-menu-row ul li {
    display: inline-block;
    margin:0 10px;
    font-size: 20px;
    font-family: 'almoni-neue-bold';
}
.school-menu-row {
    height: 60px;
    background: white;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 18%);
    position: relative;
    top: -10px;
}
.school-menu-row ul li.active a,
.school-menu-row ul li a:hover { 
    background: #4C4C4C;
    color: white;
}
.school-menu-row ul { 
    padding-top: 2px;
}
.school-menu-row ul,
.school-menu-row ul li:first-child { 
    margin-right: 0;
    padding-right: 0 !important;
}
.about-row .inner-column-2 {
    max-width: 580px;
}

.about-row h1 {
    font-size: 30px !important;
    line-height: 36px;
    font-family: 'almoni-neue-bold';
}
.bs .about-row p {
    font-size: 21px;
    line-height: 32px;
}

.about-toggle-box { 
    width:100%;
    background: #FFFFFF;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,0.28);
    margin-bottom: 20px;
}
.about-toggle-box .inner { 
    display: none;
    padding: 0 34px 34px !important;
}
.about-toggle-box .inner, .about-toggle-box .inner p {
    font-size: 18px;
    line-height: 24px;
}
.about-toggle-box.active .inner { 
    display: block;
}
.about-toggle-box.active h3:before { 
    content: '\f106';
}
.bs #content .about-toggle-box h3,
.wp-admin .about-toggle-box h3 {
    font-size: 21px;
    font-family: 'almoni-neue-bold';
    line-height: 31px;
    cursor: pointer;
    display: block;
    padding: 17px 71px 17px 0;
    position: relative;
}
.about-toggle-box h3:before {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 27px;
    right: 34px;
    position: absolute;
}

.about-toggle-box .inner ul li {
    margin-bottom: 10px;
}

.about-toggle-box .inner ul {
    padding-right: 20px;
}
.about-toggle-box h4 {
    font-size: 19px;
    font-family: 'almoni-neue-bold';
}

.mb-image img {
    border: 12px solid white;
}
.about-mb-content {
    text-align: center;
    max-width: 590px;
    color: white;
    font-size: 23px;
}
.about-mb-content h2:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 45px;
    background: white;
    right: 50%;
    transform: translate(50%, 0px);
    top: 10px;
}

.about-mb-content h2 {
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 30px;
    position: relative;
    padding-top: 51px;
    margin-top: 22px;
}
.about-mb-content p {
    line-height: 32px !important;
}
.other-teachers { 
    padding-right: 12%;
}
.other-teachers h3 {
    font-family: 'almoni-neue-bold';
    font-size: 35px !important;
    color: #FFFFFF;
    letter-spacing: 0.5px;
    text-align: right;
    margin-bottom: 40px;
    margin-top: 40px !important;
}
.other-teachers h3:before { 
    content: '';
    width: 3px;
    height: 26px;
    display: inline-block;
    background: white;
    top: 3px;
    position: relative;
    margin-left: 12px;
}
.other-teachers .custom-slider .slick-slide { 
    margin-left: 20px;
}
.other-teachers .custom-slider .slide-item {    
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 18%);
    width: 415px;
    min-height: 680px;
    float: right;
    
}
.other-teachers .custom-slider .slick-list { padding-left: 10%; padding-bottom: 5px;}
.other-teachers .custom-slider .slide-item p.title {
    font-family: 'almoni-neue-bold';
    font-size: 28px;
    margin-bottom: 14px;
}
.other-teachers .custom-slider .slide-item img {
    margin-bottom: 30px;
}
.other-teachers .custom-slider .slide-item p {
    padding: 0 40px;
    padding-bottom: 20px;
    font-size: 18px;
}
#teachres-row>.kt-row-layout-inner {  
    background: linear-gradient(180deg, rgba(110,91,91,1) 82%, rgba(255,255,255,1) 76%);
    background-repeat: none;
}

.success-stories-row h2,
.faq-row h2 { 
    font-family: 'almoni-neue-bold';
    font-size: 40px;
    color: #1D1D1D; 
    margin-bottom: 50px !important;           
}
.success-stories-row h2:before,
.faq-row h2:before,
.about-row h1:before { 
    content: '';
    background: #1D1D1D;
    display: inline-block;
    position: relative;
    right: -17px;
    width: 3px;
    height: 25px;
    top: 1px;
}
.about-row h1:before {
    top: 3px;
}

.success-stories-row .custom-slider .slick-slide {    
   margin-left: 40px;    
}
.success-stories-row .custom-slider .slide-item { text-align: center;}
.success-stories-row .custom-slider .slide-item p.title {
    font-family: 'almoni-neue-bold';
    font-size: 30px;
    letter-spacing: 0.3;
    margin-bottom: 20px;
}
.success-stories-row .custom-slider .slide-item p.title span { 
    display: block;
    margin-top: 6px;
    color: #A8A8A8;
    font-size: 20px;
    font-family: 'almoni-neue';
}
.success-stories-row .custom-slider .slide-item .image { text-align: center;}
.success-stories-row .custom-slider .slide-item .image a { display: inline-block;}
.success-stories-row .custom-slider .slide-item img {
    margin-bottom: 30px;
    border-radius: 50%;
    width: 280px;
    display: inline-block;
}
.success-stories-row .custom-slider .slide-item p {
    padding: 0 20px;
    letter-spacing: 0.4px;
    font-size: 18px;
    line-height: 30px;
}
.success-stories-row .custom-slider .slick-prev:before, 
.success-stories-row .custom-slider .slick-next:before {
    color: black;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 18%);
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    line-height: 74px;
}
.success-stories-row .custom-slider .slick-disabled { display: none !important;}
.success-stories-row .custom-slider .slick-next {
    left: -20px;
}
.success-stories-row .custom-slider .slick-prev {
    right: -20px;
}

.faq-row .faq-item h3.question:after {
    right: auto;
    left: 25px;
    font-size: 20px;
    font-weight: 300;
}
.faq-row .faq-item h3.question {
    font-size: 18px !important;
    font-family: 'almoni-neue-bold';
    margin-top: 0 !important;
    padding: 17px 0 !important;
    color: #626262;
}

/* studio page  */
.studio-data h1 { 
    font-size: 33px !important;
    line-height: 38px;
    margin-bottom: 22px;
    position: relative;
}
.studio-data h1:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 22px;
    background: #454545;
    right: -17px;
    top: 8px;
}
.studio-data, .studio-data p {
    font-size: 22px;
    line-height: 31px !important;
}
.studio-data li {
    margin-bottom: 9px;
}
.studio-data h2 {
    font-size: 28px;
}

.studio-sidebar { 
    background: #FFFFFF;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,0.28);
    max-width: 490px;
    float: left;
    padding-bottom: 30px;
}
.studio-sidebar .studio-map-img { 
    margin-bottom: 20px;
}
.studio-sidebar  ul.kt-svg-icon-list {
    font-size: 20px;
    padding-right: 40px !important;
}
.studio-sidebar ul.kt-svg-icon-list li {
    margin-bottom: 30px !important;
}
.studio-sidebar ul.kt-svg-icon-list span.kt-svg-icon-list-text {
    text-align: right;
    padding-right: 15px;
    font-size: 24px;
    font-family: 'almoni-neue-bold';
}
.contact-row .form-row {
    max-width: 400px;
    margin: 0 auto;
}
.contact-row h2 {
    margin-bottom: 40px;
    font-family: 'almoni-neue-bold';
}
body:not(.wp-admin) #contact-dialog-wrap { 
    display: none;
}

/* getting to mb school */
.school-nav-header { 
    text-align: center;
}
.school-nav-header h1 {
    font-size: 40px !important;
    font-family: 'almoni-neue-bold';
    color: #1D1D1D;
    margin-bottom: 33px !important;
}
.school-nav-header h1:after { 
    content: '';
    display: block;
    width: 18px;
    height: 3px;
    position: relative;
    bottom: -6px;
    background-color: #454545;    
    right: 50%;
    transform: translate(50%, 0%);
}
.school-nav-header p { 
 font-size: 24px;
 line-height: 31px !important;   
}
.nav-option { 
    background: #FFFFFF;
    box-shadow: 0 2px 11px 0 rgba(0,0,0,0.28);
    padding: 40px;
    height: 100%;
}
.nav-option, 
.nav-option p { 
    font-size: 20px;
    line-height: 30px !important;
}
.nav-option h2 { 
    font-size: 26px;
    line-height: 31px;
    color: #1D1D1D;
    position: relative;
    padding-right: 48px;
    font-family: 'almoni-neue-bold';
    margin-bottom: 30px;
}
.nav-option h2:before {     
    font-family: 'Font Awesome 5 Pro';
    font-size: 27px;
    right: 4px;
    position: absolute;    
}
.nav-option.train h2:before { 
    content: '\f238';
}
.nav-option.trans h2:before { 
    content: '\f207';
}
.nav-option.car h2:before { 
    content: '\f1b9';
}

body:not(.wp-admin) #school-menu-row.sticky {
    position: fixed;
    top: 0px !important;
    z-index: 100;
    background-color: white;
    width: 100%;
    right: 0;
}
body:not(.wp-admin).admin-bar #school-menu-row.sticky { 
    top: 32px !important;
}
body:not(.wp-admin).admin-bar.header-sticky #school-menu-row.sticky {
    top: 92px !important;
}

#school-menu-wrap .kt-row-column-wrap,
#school-menu-wrap .kt-row-layout-inner { position: initial;}

div#contact-dialog-wrap {
    padding: 63px 0 25px;
    float: right;
    width: 100%;
}

div#contact-dialog {
    max-width: 560px;
    width: 90%;
    margin: 0 auto;
}

.success-stories-row .custom-slider .slide-item .image a.fancybox-media { 
    position: relative;
}

.success-stories-row .custom-slider .slide-item .image a.fancybox-media:after {
    content: ' ';
    width: 90px;
    height: 90px;
    /* background: rgb(255 255 255 / 20%); */
    position: absolute;
    border-radius: 50%;
    right: 50%;
    top: 50%;
    color: rgb(255 255 255 / 66%);
    content: '\f04b';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    line-height: 77px;
    -webkit-transform: stranslate(50%,-50%);
    transform: translate(50%,-50%);
    padding-left: 5px;
    transition: all 0.3s;
}
.success-stories-row .custom-slider .slide-item .image a.fancybox-media:hover:after { 
    opacity: 0.4;
}


.other-teachers .custom-slider .slick-prev {
    top: -4px;
    right: auto;
    left: 73px;
}
.other-teachers .custom-slider .slick-next {
    top: -4px;    
    left: 20px;
}
.other-teachers .custom-slider .slick-disabled { 
    display: none !important;
}
.other-teachers .custom-slider .slick-prev:before,
.other-teachers .custom-slider .slick-next:before { 
    color: black;
    width: 44px;
    height: 44px;
    background: #FFFFFF;
    box-shadow: 0 3px 4px 0 rgb(0 0 0 / 18%);
    border-radius: 44px;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    font-size: 32px;
    opacity: 1;
}
.other-teachers .custom-slider .slick-next:before {
    padding-right: 3px;
}
.other-teachers .custom-slider .slick-prev:before {
    padding-left: 3px;
}


@media only screen and (max-width:1650px) { 
	.other-teachers {
        padding-right: 9%;
    }
}

@media only screen and (max-width:1500px) { 
	.other-teachers {
        padding-right: 6%;
    }
}

@media only screen and (max-width:1400px) { 
    #teachres-row>.kt-row-layout-inner>.kt-row-column-wrap {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }
    .other-teachers {
        padding-right: 2%;
        padding-left: 0px !important;
    }
    .hpm-col.banner.school-hero .hpm-banner-content.hpm-content.overlay.center-right {
        right: 3%;
    }

    .other-teachers .custom-slider .slide-item {     
        min-height: 640px;
    }
}

@media only screen and (max-width:1300px) { 
	.nav-options-row .kt-gutter-wider>.wp-block-kadence-column { 
        margin-right: 30px;
    }
    #school-menu-wrap .kt-row-layout-inner {
        margin-bottom: 40px !important;
    }
}

@media only screen and (max-width:1150px) { 
    .school-menu-row ul li a {
        padding: 0 33px;
    }
}

@media only screen and (max-width:1050px) {     
    .nav-options-row .kt-gutter-wider>.wp-block-kadence-column {
        margin-right: 0;
    }
    .nav-option:not(.active) .inner {
        display: none;
    }
    .nav-option { 
        padding: 0 40px;
    }
    .nav-option .inner { padding-top: 20px; padding-bottom: 40px; }
    .nav-option h2 { 
        margin-bottom: 0; 
        padding-right: 65px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .nav-option h2:after {
        content: '\f107';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 300;
        font-size: 36px;
        left: 8px;
        position: absolute;
    }

    div#school-menu-wrap {
        display: none;
    }
    div#about-row {
        margin-top: 40px;
    }
    body.bs .hpm-row .hpm-col.banner.school-hero .hpm-banner-content {
        padding: 30px 24px 30px 15px !important;
        max-width: 500px !important;
    }
}

@media only screen and (max-width:968px) {     
    body.bs .hpm-row .hpm-col.banner.school-hero .hpm-banner-content {
        padding: 30px 50px !important;       
        max-width: 600px !important;
        text-align: center;   
        position: relative;
        bottom: 90px;
        right: 50% !important;
        transform: translate(50%, 0) !important;
        box-shadow: 0 3px 8px 0 rgb(0 0 0 / 20%);
    }
    .hpm-row .hpm-col.banner.school-hero .hpm-banner-content .title:before { 
        right: 50%;
        transform: translate(50%, 0px);
    }
}

@media only screen and (max-width:768px) {  
    .school-nav-header p {
        font-size: 21px;
        line-height: 27px !important;
    }
    .school-nav-header h1 {
        font-size: 36px !important;
    }
    .nav-option h2 {
        font-size: 24px;
        padding-right: 30px;
    }
    .nav-option h2:after { 
        left: -13px;
    }
    .nav-option h2:before { 
        right: -17px;
    }
    .school-nav-header p br { display: none;}

    .studio-data {
        padding: 0 30px;
        top: -40px;
        position: relative;
    }

    .hpm-col.banner.studio-hero .hpm-banner-content.hpm-content.overlay.center-right {
        position: relative;        
        top: -100px;
        background: #FFFFFF;
        box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);
        right: 37px;
    }
    .studio-sidebar { 
        float: none;
        margin: 0 auto;
    }

    div#about-row {
        margin-top: -10px;
    }
    #about-row .wp-block-kadence-column,
    .about-mb-content {
        max-width: 100%;
    }
    #about-row .wp-block-kadence-column,
    #teachres-row .wp-block-kadence-rowlayout.alignnone.about-mb {
        max-width: 100%;
        padding: 0 4%;
    }
    .other-teachers { padding-right: 5%;}
    #teachres-row .wp-block-kadence-rowlayout.alignnone.about-mb { 
        text-align: center;
    }

    .other-teachers .custom-slider .slick-prev {
        top: -10px;        
        left: 70px;
    }
    .other-teachers .custom-slider .slick-next {
        top: -10px;
        left: 15px;
    }


}
@media only screen and (max-width:680px) {   
    body.bs .hpm-row .hpm-col.banner.school-hero .hpm-banner-content { 
        max-width: 90% !important;   
    }
}
@media only screen and (max-width:580px) {   
    body.bs .hpm-row .hpm-col.banner.school-hero .hpm-banner-content { 
        max-width: 87% !important;   
    }
    .bs #hero-slider .hpm-row .hpm-col.banner .hpm-banner-content .title {
        font-size: 27px !important;
        margin-bottom: 16px !important;
        letter-spacing: 0 !important;
        line-height: 31px !important;
    }
    .hpm-row .hpm-col.banner .hpm-banner-content .sub-title {
        font-size: 19px !important;
        margin-bottom: 25px !important;
        letter-spacing: 0.4px !important;
        line-height: 28px !important;
    }
    .hpm-row .hpm-col.banner.school-hero .hpm-banner-content .btn { font-size: 18px;}
    .success-stories-row .custom-slider .slick-slide { margin-left: 0;}
    .contact-row .form-row {
        max-width: 85%;
    }
}

@media only screen and (max-width:480px) {  
.bs #hero-slider .hpm-row .hpm-col.banner .hpm-banner-content .title {
    font-size: 32px !important;   
    line-height: 38px !important;
    padding-right: 30px;
    padding-left: 30px;
}
.about-mb-content p {
    line-height: 29px !important;
    font-size: 19px;
}
#contact-row p {
    padding: 0 20px;
}
body.bs .hpm-row .hpm-col.banner.school-hero .hpm-banner-content { 
    padding-right: 20px !important;
    padding-left: 20px !important;
}
}

@media only screen and (max-width:380px) {  
    .school-nav-header h1 {
        font-size: 34px !important;
    }
    .school-nav-header p {
        font-size: 19px;
    }
    .nav-option h2 {
        font-size: 21px;
    }
    .hpm-row .hpm-col.banner.slide1225_1 .hpm-banner-content .title {
        font-size: 28px;
        margin-bottom: 13px;
        letter-spacing: 0.9px;
        line-height: 35px;
    }
    .studio-data, .studio-data p {
        font-size: 20px;
        line-height: 29px !important;
    }
}