/*header*/
.page-header-section {
    position: relative;
    padding-top: 80px;
    min-height: 20vh;
    background-color: #005b8e;
    background-size: cover;
    background-position: center 0px;
    display: flex;
    align-items: center;
    margin-top:60px;
}
 .page-header-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(45,52,56,0.7);*/
    top: 0px;
    left: 0px;
    z-index: 0;
}
.page-header-section > .inner-row {
    padding-top: 60px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
    align-items: flex-end;
    height: 100%;
}
.page-header-section > .inner-row > .title-col h1 {
    display: block;
    max-width: 460px;
    margin: 0px auto 20px;
    color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 1.1;
}
.page-header-section > .inner-row > .title-col h1 > span {
    color: #bebebe;
    font-size: 32px;
    font-family: 'Myriad Pro Light';
    display: block;
}

.body-title-holder {
    text-align: center;
}

/*tabs*/
.tabs-section {
    display: flex;
    min-height: 100px;
    background-color: #fff;
    margin-bottom: 30px;
    box-shadow: rgba(0,0,0,0.1) 0px 1px 10px;
}
.tabs-section > .inner-row > ul {
    display: flex;
    width: 100%;
    padding: 0px;
    flex-direction: row;
    flex-wrap: nowrap;
}
.tabs-section > .inner-row > ul > li {
    list-style-type: none;
    width: 100%;
}
.tabs-section > .inner-row > ul > li > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    color: #5d676c;
    line-height: 1;
    border-bottom: solid 3px rgba(249,197,30, 0);
    background-color: rgba(93, 103, 108, 0);
    transition: all ease 0.3s;
}
.tabs-section > .inner-row > ul > li > a.active {
    color: #2d3438;
    border-bottom: solid 3px rgba(249,197,30, 1);
    background-color: rgba(93, 103, 108, 0.1);
    transition: all ease 0.3s;
}
.tabs-section > .inner-row > ul > li > a > span {
    display: block;
    font-size: 12px;
    color: #5d676c;
}

.body-title-holder > h2 {
    color: #2d3438;
    font-size: 28px;
    margin-bottom: 20px;
    font-family: 'Myriad Pro Light';
}
.static-description-row h3 {
    font-size: 22px;
    font-family: 'Myriad Pro Light';
}
.body-title-holder > h2 > span {
    color: #5d676c;
    font-size: 19px;
}
.body-title-holder > h2 > strong {
    font-weight: 500;
}
.static-description-row h2,
.static-description-row h3 {
    margin-bottom: 5px;
}


/*about us*/
.custom-col {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
video {
    display:block;
    max-width: 480px;
    margin: 0px auto;
}

/*testimonials*/
.testimonials-row{
    padding-top:20px;
}
.testimonial-box {
    display: flex;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    flex-direction: column;
    min-height: calc(100% - 10px);
}
.photo-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    position:relative;
}
.photo-holder > div{
    position:absolute;
    top:-50px;
    background-color:#eee;
    width:90px;
    height:90px;
    border-radius:8px;
    border:solid 2px #fff;
    box-shadow:rgba(0,0,0,0.15) 0px 1px 5px;
    background-size:cover;
    background-position:center;
}
.letter-holder {
    height: 120px;
    font-size: 15px;
    text-align:center;
}
.footer-holder{
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
}
.footer-holder h6 {
    color: #09212d;
    margin: 0px 0px 5px;
    font-family: 'Myriad Pro SemiBold';
}
.footer-holder h6 + span {
    color: #005b8e;
    font-size: 13px;
    line-height: 1.4;
    display: block;
}
.footer-holder .company-name {
    width: 100%;
    font-size: 14px;
    padding:0px 10px;
}
.footer-holder .company-logo {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.authorization-photo-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.authorization-box {
    display: flex;
    background-color: #fff;
    padding: 2;
    margin-bottom: 10px;
    flex-direction: column;
    min-height: calc(100% - 10px);
    border-radius: 5px;
    overflow: hidden;
}
.authorization-photo-holder > div {
    width: 100%;
    height: 180px;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.authorization-photo-holder > div > img {
    height: 150px;
    width: auto;
}
.authorization-box .letter-holder {
    padding: 10px 10px;
}
.authorization-box .letter-holder h5 {
    color: #0f8ed8;
    font-size: 16px;
    border-left: solid 3px rgba(249,197,30,1);
    padding: 0px 10px;
    margin-bottom:10px;
}
.authorization-box .letter-holder h5 > strong {
    color: #09212d;
}
/*    UnderConstruction  page  */
.underconstruction {
    filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 10%));
}
    .underconstruction img {
        border-radius: 40px;
        width: 100%;
        object-fit: cover;
        margin: 0px 10px;
    }
.undercons-text {
    position: absolute;
    top: 11%;
    z-index: 99;
    left: 5%;
}
    .undercons-text p:first-child {
        font-weight: bold;
        font-family: emoji;
    }


.undercons-text h1 {

    color: #005b8e;
    font-weight: bold;
}
    /*help center*/
    .faq-box, .faq-box:link {
        display: flex;
        background-color: #fff;
        padding: 2;
        margin-bottom: 10px;
        flex-direction: column;
        min-height: calc(100% - 10px);
        border-radius: 5px;
        overflow: hidden;
        text-decoration: none;
        color: #fff;
    }
.faq-box .faq-photo-holder {
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    padding:10px;
    align-items: center;
    position: relative;
    background-color: #0f8ed8;
    min-height: 240px;
    transition: all ease 0.3s;
}
.faq-box:hover .faq-photo-holder {
    background-color: #0d5986;
    transition: all ease 0.3s;
}
.faq-title-holder h3 {
    font-size: 20px;
    text-align: center;
    text-shadow:rgba(0,0,0,0.2) 0px 1px 2px;
}
.faq-title-holder h3 span {
    font-size: 13px;
    color: #f9c51e;
}

.faq-photo-holder > img {
    height: 120px;
    width: auto;
    margin-bottom: 20px;
}
.faq-questions-title-holder{
    display:inline-flex;
    flex-wrap:nowrap;
    padding-top:40px;
    align-items:center;
}
.faq-questions-title-holder .anchor-holder > a {
    display: flex;
    width: 40px;
    min-width: 40px;
    font-size:22px;
    line-height:1;
    height: 40px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.faq-questions-title-holder .title-holder{
    width:100%;
    
}
.faq-questions-title-holder .title-holder h3{
    font-size: 32px;
}
.faq-questions-body-holder {
    margin-bottom:40px
}
.faq-questions-body-holder ul{
    margin:0px 0px;
    padding:0px 0px 0px 40px;
}
.faq-questions-body-holder ul li{
    list-style-type:none;
    border-bottom:solid 1px rgba(255,255,255,0.6);
}
.faq-questions-body-holder ul li a, .faq-questions-body-holder ul li a:link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
    min-height: 50px;
    text-align: left;
    font-size: 16px;
    text-decoration: none;
    transition: all ease 0.3s
}
.faq-questions-body-holder ul li a:hover {
    background-color:rgba(255,255,255,0.8);
    transition:all ease 0.3s;
}
.faq-answer {
    display: block;
    padding: 20px 0px 0px 40px;
    text-align: left;
    width: 100%;
    font-size: 16px;
}
.tickets-holder > ul {
    margin: 0px;
    padding: 0px 0px 40px;
}
.tickets-holder > ul > li {
    list-style-type: none;
    background-color: rgba(255,255,255,0.8);
    border: solid 2px rgba(255,255,255,1);
    padding: 0px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.tickets-holder > ul > li > .item-head > a {
    display: block;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 15px 10px 5px;
}
.tickets-holder > ul > li > .item-head > a > .item-title {
    width: calc(100% - 20px);
}
.tickets-holder > ul > li > .item-head > a > .item-title h4 {
    color: #2d3438;
    font-size: 18px;
    margin: 0px;
    font-family: 'Myriad Pro SemiBold';
}
.tickets-holder > ul > li > .item-head > a > .item-title h4 span {
    font-size: 16px;
    color: #5d676c;
    display: block;
}
.tickets-holder > ul > li > .item-head > a > .item-title label {
    margin: 0px;
    font-size: 14px;
    font-family: 'Myriad Pro Light';
}
.tickets-holder > ul > li > .item-head > a > .item-arrow {
    width: 20px;
    min-width: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #d80f6c;
    padding: 0px 0px 15px 0px;
}

.tickets-holder > ul > li > .item-body {
    padding: 0px 10px;
}
.tickets-holder > ul > li > .item-body > ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 10px 0px;
    border-bottom: solid 1px rgba(25,25,25,0.1);
}
.tickets-holder > ul > li > .item-body > ul:last-child {
    border-bottom: none;
}
.tickets-holder > ul > li > .item-body > ul > li {
    list-style-type: none;
    width: 50%;
}
.tickets-holder > ul > li > .item-body > ul > li:first-child {
    font-weight: 600;
}

/*company profile*/
.profile-anchors-row {
    justify-content: flex-start;
}
.profile-anchors-row > .white-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-anchors-row > .white-box > .icon-holder {
    min-width: 300px;
}
.profile-anchors-row > .white-box > .icon-holder > div{
    width:300px;
    height:215px;
    display:block;
    background-image:url(../assets/annual-plan.png);
}
.profile-anchors-row > .white-box > .anchors-holder {
    width: 100%;
}
.profile-anchors-row > .white-box .anchors{
    padding-top:20px;
    display:flex;
    justify-content:center;
}

/*diplomas*/
.diplomas-list-group{
    padding:0px;
    margin:0px;
}
.diplomas-list-group > li{
    list-style-type:none;
}
.diplomas-list-group .subject-name {
    border-bottom: solid 3px #fff;
    display:flex;
    flex-direction:row;
    align-items:center;
    min-height:60px;
    padding:10px 0px;
    margin-bottom:2px;
}
.diplomas-list-group .subject-name > h3 {
    font-size: 22px;
    font-family: 'Myriad Pro Light';
}
.diplomas-list-group  .subject-diplomas > ul{
    margin:0px;
    padding:0px 0px 0px 10px;
}
.diplomas-list-group .subject-diplomas > ul > li {
    list-style-type: none;
    display: flex;
    min-height: 60px;
    padding: 0px 10px;
    border-left: solid 10px #f9c51e;
    margin-bottom: 2px;
    border-top: solid 1px rgba(255,255,255,0.6);
    background-color: rgba(255,255,255,0);
    transition: all ease 0.3s;
}
.diplomas-list-group .subject-diplomas > ul > li:first-child {
    border-top: solid 0px rgba(255,255,255,0.6);
}
.diplomas-list-group .subject-diplomas > ul > li:hover {
    background-color: rgba(255,255,255,0.6);
    transition: all ease 0.3s;
}
.diplomas-list-group .subject-diplomas > ul > li > a {
    display: inline-flex;
    text-decoration: none;
    color: red;
    height: 100%;
    min-height: 60px;
    width: 100%;
    font-size: 16px;
    color: #09212d;
    align-items: center;
    justify-content:space-between;
}
.diplomas-list-group .subject-diplomas > ul > li > a > span {
    font-size: 12px;
    padding: 0px 0px 0px 20px;
    opacity: 0;
    transition: all ease 0.3s;
}
.diplomas-list-group .subject-diplomas > ul > li:hover > a > span {
    opacity: 1;
    transition: all ease 0.3s;
}

/*contact*/
.contact-branch-heading {
    border-bottom: solid 3px rgba(255, 255, 255, 0.6);
    margin-bottom: 20px;
}
.contact-branch-heading > h2{
    font-family: 'Myriad Pro Light';
    font-size: 32px;
    text-align:center;
}
.map-holder > iframe {
    border: solid 2px white !important;
    width: 100%;
    height: 340px;
}
.contact-body-col h3 {
    color: #94a5af;
}
.contact-body-col h4{
    font-size:18px;
}
.contact-body-col ul{
    margin:0px 0px 30px;
    padding:0px;
}
.contact-body-col ul > li {
    list-style-type: none;
    border-bottom: dashed 1px rgba(255,255,255,0.8);
}
.contact-body-col ul > li > a{
    display:flex;
    min-height:40px;
    align-items:center;
    justify-content:center;
    padding:5px 10px;
    text-decoration:none;
    color:black;
    direction:ltr;
}
span.at::after{
    content:'@';
}

/*sidenav*/
.tab-data-holder {
    flex-direction: column;
}
.tab-data-holder .sidenav-holder {
    width: 100%;
    min-width: 280px;
    padding: 0px 3px 3px 3px;
}
.tab-data-holder .sidenav-holder.tablet-view {
    display: block;
}
.tab-data-holder .sidenav-holder.desktop-view {
    display: none;
}
.tab-data-holder .sidenav-holder ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    border: solid 1px #fff;
    box-shadow: rgba(0,0,0,0.20) 0px 1px 3px;
}
.tab-data-holder .sidenav-holder ul > li {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    list-style-type: none;
    border-bottom: solid 1px #ececec;
}
.tab-data-holder .sidenav-holder ul > li:last-child {
    border-bottom: none;
}
.tab-data-holder .sidenav-holder ul > li > a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 50px;
    text-decoration: none;
    color: #576267;
    font-family: 'Myriad Pro Regular';
    font-size: 15px;
    background-color: rgba(24,121,180,0);
    transition: all ease 0.3s;
}
.tab-data-holder .sidenav-holder ul > li > a:hover {
    background-color: #ececec;
    transition: all ease 0.3s;
}
.tab-data-holder .sidenav-holder ul > li > a.active {
    color: #2d3438;
    background-color: rgb(249, 197, 30);
    transition: all ease 0.3s;
}
.tab-data-holder .sidenav-holder ul > li > a > .type-title-holder {
    width: 100%;
    padding: 5px 10px;
}
.tab-data-holder .sidenav-holder ul > li > a > .type-count-holder {
    padding: 5px 10px;
    text-align: center;
    min-width: 60px;
    border-left: solid 2px #eef0f0;
    border-right: none;
    transition: all ease 0.3s;
}
.tab-data-holder .sidenav-holder ul > li > a.active > .type-count-holder {
    border-left: solid 2px #fff;
    border-right: none;
    transition: all ease 0.3s;
}
.tab-data-holder .data-holder {
    width: 100%;
    padding: 40px 0px 0px 0px;
}

/*gallery*/
.subject-items-holder > h3, .gallery-holder h3 {
    color: #2d3438;
    font-size: 18px;
    padding: 0px 0px 0px 15px;
    border-left: solid 3px #f9c51e;
    margin-bottom: 20px;
}
.album-anchor, .album-anchor:link{
    display: flex;
    width: 100%;
    height: 120px;
    border: solid 2px white;
    align-items: flex-end;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    color: #fff;
}
.album-anchor > div {
    background-color: rgba(46, 51, 54, 0.85);
    padding: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50%;
    width: 100%;
    transition:all ease 0.3s;
}
.album-anchor:hover > div {
    height: 75%;
    transition: all ease 0.3s;
}
.album-anchor > div > h4 {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
    line-height:1.1!important;
}
.album-anchor > div > h4 > span {
    display: block;
    font-size: 15px;
    font-family: 'Myriad Pro light';
    color:#eee;
}

.subject-icon-holder {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.subject-icon-holder > div {
    width: 65px;
    min-width: 65px;
    height: 45px;
    background-size: 65px;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}
.subject-icon-holder > span {
    font-size: 26px;
    color: #bebebe;
    font-family: 'Myriad Pro Light';
    line-height: 38px;
}
.subject-icon-holder > span > span {
    color: #fff;
    font-family: 'Myriad Pro Regular';
}
.subject-icon-holder > p {
    color: #c5c5c5;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Myriad Pro Light';
    text-align: center;
}

/*schedule*/
.subject-items-holder > h3 {
    color: #2d3438;
    font-size: 18px;
    padding: 0px 0px 0px 15px;
    border-left: solid 3px #f9c51e;
    margin-bottom: 20px;
}
.subject-items-holder > ul {
    margin: 0px;
    padding: 0px 0px 40px;
}
.subject-items-holder > ul > li {
    list-style-type: none;
    background-color: rgba(255,255,255,0.8);
    border: solid 2px rgba(255,255,255,1);
    padding: 0px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.subject-items-holder > ul > li > .item-head > a {
    display: block;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 15px 10px 5px;
}
.subject-items-holder > ul > li > .item-head > a > .item-title {
    width: calc(100% - 20px);
}
.subject-items-holder > ul > li > .item-head > a > .item-title h4 {
    color: #2d3438;
    font-size: 18px;
    margin: 0px;
    font-family: 'Myriad Pro SemiBold';
}
.subject-items-holder > ul > li > .item-head > a > .item-title h4 span {
    font-size: 16px;
    color: #5d676c;
    display: block;
}
.subject-items-holder > ul > li > .item-head > a > .item-arrow {
    width: 20px;
    min-width: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #5d676c;
    padding: 0px 0px 15px 0px;
}
.subject-items-holder > ul > li > .item-body > .data-holder {
    padding: 10px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 340px;
    opacity: 1;
    overflow: auto;
}
.subject-items-holder > ul > li > .item-body > .data-holder.animatable {
    transition: all ease 0.3s;
}
.subject-items-holder > ul > li > .item-body > .data-holder.animatable.ng-hide {
    opacity: 0 !important;
    height: 0px !important;
    padding: 0px 10px 0px;
}
.subject-items-holder > ul > li > .item-body > .data-holder .lds-ring {
    width: 40px;
    height: 40px;
}
.subject-items-holder > ul > li > .item-body > .data-holder .lds-ring div {
    width: 24px;
    height: 24px;
    border: 3px solid #fff;
    border-color: #c5caca transparent transparent transparent;
}

table.schedule-table thead tr th {
    padding: 2px;
    border-top: none;
    font-size: 15px;
    border-bottom: 2px solid rgba(119, 147, 169, 0.15);
}
table.schedule-table tbody tr td {
    padding: 5px 2px;
    vertical-align: middle;
    border-top: 1px dashed #dee2e6;
}
table.schedule-table tbody tr td .level-heading {
    font-size: 15px;
    margin-bottom: 0px;
}
table.schedule-table tbody tr td .level-heading span {
    display: block;
    font-size: 13px;
    color: #5d676c;
    line-height: 1.3;
}
table.schedule-table tbody tr td .times {
    font-size: 15px;
    font-family: 'Myriad Pro SemiBold';
}
table.schedule-table tbody tr td .days span {
    font-size: 13px;
    color: #0f8ed8;
}
table.schedule-table tbody tr td .date {
    font-size: 15px;
    font-family: 'Myriad Pro SemiBold';
}
table.schedule-table tbody tr td .days span::after {
    content: ' - ';
}
table.schedule-table tbody tr td .days span:last-child::after {
    content: '';
}
table.schedule-offer-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 15px;
    color: #025b8e;
    font-family: 'Myriad Pro Semibold';
}
table.schedule-offer-holder span {
    display: inline-flex;
    width: 26px;
    height: 26px;
    background-image: url(../assets/gift-icon.svg);
    background-size: contain;
}

/*purchase complete page*/
.purchase-complete-header {
    min-height: 90vh;
    padding: 120px 0px 40px;
    display: flex;
    background-color: #2d3438;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image:url(../assets/chalkboard.jpg);
    position:relative;
}
.purchase-complete-header::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(45, 52, 56, 0.6);
    z-index: 0;
    top: 0px;
    left: 0px;
}
.purchase-complete-header > .inner-row {
    align-items: center;
    position:relative;
    z-index:1;
}
.purchase-complete-header > .inner-row > .message-col > h1 {
    color: white;
    font-size: 36px;
    text-align: center;
    text-shadow: rgba(0,0,0,0.3) 0px 3px 2px;
}
.purchase-complete-header > .inner-row > .message-col > h1 > span {
    display: block;
    font-size: 32px;
    color: rgba(182, 194, 199, 1);
    font-family: 'Myriad Pro Light';
}
.radio-container{
    background-color: rgba(255, 255, 255, 0.80);
    padding: 10px;
    border-radius: 5px;
    border: solid 2px #fff;
}
.radio-container label{
    display:block;
    margin:0px 0px 0px;
}

/*offers*/
.offers-list-group {
    margin: 0px;
    padding: 0px;
}
.offers-list-group > li{
    list-style-type:none;
    margin-bottom:15px;
}
.offers-list-group > li > .offer-box {
    border-bottom:solid 3px #fcfcfc;
    padding:20px 10px 20px;
}
.offers-list-group > li > .offer-box > .head{
    display:block;
    text-decoration:none;
    margin-bottom:20px;
    text-align:center;
}
.offers-list-group > li > .offer-box > .head > h4 {
    font-size: 25px;
}
.offers-list-group > li > .offer-box > .head > h4 > span {
    font-size: 20px;
    color: #5d676c;
    display: block;
}
.offers-list-group > li > .offer-box > .body{
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-wrap:nowrap;
}
.offers-list-group > li > .offer-box > .body .image-holder {
    width: 180px;
    min-width: 180px;
    height: 180px;
    border-radius: 15px;
    background-color: #eee;
    overflow: hidden;
    border: solid 3px rgba(255, 255, 255, 0.5);
    box-shadow: rgba(0,0,0,0.15) 0px 1px 10px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
}
.offers-list-group > li > .offer-box > .body .image-holder > img{
    width: auto;
    height: 100%;
}
.offers-list-group > li > .offer-box > .body .offer-details-holder {
    width:100%;
    display:inherit;
    padding:20px 0px 0px 0px;
    text-align:center;
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .offer-percentage {
    font-size: 70px;
    font-family: 'Myriad Pro SemiBold';
    line-height: 1;
    text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .offer-percentage::after {
    content: '%';
    font-size: 40px;
    font-family: 'Myriad Pro Regular';
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col ul{
    padding:0px;
    margin:0px;
    display:flex;
    flex-wrap:nowrap;
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col ul li{
    list-style-type:none;
    width:50%;

}
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col ul li del{
    font-size:15px;
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col ul li span {
    font-size: 21px;
    font-family: 'Myriad Pro SemiBold';
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col ul li del::after,
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col ul li span::after{
    font-size:smaller;
    margin:0px 5px;
}
.offers-list-group > li > .offer-box > .body .offer-details-holder .price-col .start-content{
    justify-content:center;
}

.terms-data-row{
    direction:ltr;
}
.terms-data-row h3 {
    font-size: 21px;
    line-height: 1.3;
    font-family: 'Myriad Pro Light';
}
.terms-data-row h4 {
    text-transform:capitalize;
    font-size: 19px;
    line-height:1.3;
    margin-bottom:0px;
}
.terms-data-row p {
    font-size: 13px;
    line-height: 1.7;
}
.terms-data-row li {
    font-size: 13px;
    margin-bottom: 10px;
}

.rtl-body .terms-data-row {
    direction: rtl;
    text-align: right;
}

@media only screen and (min-width:426px) {
    .page-header-section > .inner-row {
        padding-top: 100px;
    }
    .subject-icon-holder > div {
        display: block;
    }
    .subject-icon-holder > span {
        padding: 0px 0px 0px 20px;
        border-left: solid 4px #f9c51e;
    }
    .subject-icon-holder > p {
        font-size: 15px;
    }
    .album-anchor, .album-anchor:link{
        height:150px;
    }
}
@media only screen and (min-width:576px) {
    .album-anchor > div > h4 {
        font-size: 18px;
    }
    .body-title-holder > h2 {
        font-size: 32px;
    }
    .static-description-row h3 {
        font-size: 26px;
    }
    .body-title-holder > h2 > span {
        font-size: 21px;
    }
    .letter-holder {
        text-align: left;
    }
    .profile-anchors-row > .white-box {
        flex-direction: row;
    }
    .diplomas-list-group .subject-name > h3 {
        font-size: 25px;
    }
    .diplomas-list-group .subject-diplomas > ul > li > a{
        font-size:16px;
    }

    .tabs-section > .inner-row > ul > li > a {
        font-size: 24px;
    }
    .tabs-section > .inner-row > ul > li > a > span {
        font-size: 14px;
    }
    .album-anchor, .album-anchor:link {
        height: 180px;
    }
}

@media only screen and (min-width:768px) {
    .contact-branch-heading > h2 {
        text-align: left;
    }
    .contact-body-col ul > li > a {
        justify-content: flex-start;
    }
    .contact-body-col h3{
        text-align:left;
    }
    .contact-body-col h4 {
        text-align: left;
    }
    .offers-list-group > li > .offer-box > .head{
        text-align:left;
    }
    .offers-list-group > li > .offer-box > .body{
        flex-direction:row;
        align-items:flex-start;
    }
    .offers-list-group > li > .offer-box > .body .offer-details-holder{
        padding:0px 0px 0px 20px;
        text-align:left;
    }
    .offers-list-group > li > .offer-box > .body .offer-details-holder .price-col .start-content {
        justify-content: flex-start;
    }
}

@media only screen and (min-width:992px) {
    .page-header-section{
        margin-top:0px;
    }
    .page-header-section > .inner-row > .title-col h1 {
        max-width: 600px;
        text-align: left;
        font-size: 42px;
        margin: 0px 0px 15px 0px;
    }
    .body-title-holder{
        text-align:left;
    }
    .subject-icon-holder {
        justify-content: flex-start;
    }
    .subject-icon-holder > p {
        text-align: left;
    }
    .custom-col {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    video {
        max-width: none;
    }
    .profile-anchors-row > .white-box .anchors {
        justify-content: flex-start;
    }
    .tab-data-holder .sidenav-holder.tablet-view {
        display: none;
    }
    .tab-data-holder .sidenav-holder.desktop-view {
        display: block;
    }
    .subject-items-holder > ul > li > .item-footer > .start-content {
        justify-content: flex-start;
    }
    .tab-data-holder {
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .tab-data-holder .sidenav-holder {
        width: 280px;
        min-width: 280px;
        padding: 0px 3px 3px 3px;
    }
    .tab-data-holder .data-holder {
        width: 100%;
        padding: 0px 0px 0px 20px;
    }
    .album-anchor, .album-anchor:link {
        height: 210px;
    }
    .purchase-complete-header > .inner-row > .message-col > h1{
        font-size:42px;
    }
}

@media only screen and (min-width:1120px) {
    .page-header-section > .inner-row > .title-col h1 {
        font-size: 56px;
    }
    .subject-icon-holder > span {
        font-size: 32px;
    }
    .purchase-complete-header > .inner-row > .message-col > h1 {
        font-size: 56px;
    }
    .purchase-complete-header > .inner-row > .message-col > h1 > span{
        font-size: 32px;
    }
}
@media only screen and (min-width:768px) {
    .underconstruction img {
        width: 100%;
        height: 100%;
        margin: 0px 10px;
        object-fit:unset;
    }

    .undercons-text h1 {
        font-size: 42px !important;
    }

    .undercons-text h6 {
        font-size: 27px;
    }

    .undercons-text p:first-child {
        font-size: 70px;
    }
}

@media only screen and (min-width:970px) {
    .undercons-text p:first-child {
        font-size: 96px;
    }

    .undercons-text h6 {
        font-size: 33px;
    }


    .undercons-text h1 {
        font-size: 50px !important;
    }
}
@media only screen and (min-width:1200px) {
    .undercons-text{
        top:5%;
    }
    .underconstruction img {
        height: 800px;
        width: 1200px;
        margin: unset;
        object-fit: unset;
    }

}