body {
    color: #444;
    background-color: #fff
}

a,
a:hover,
a:active,
a:focus {
    color: dimgrey;
    border-color: #000
}

a:hover {
    border-color: #142946
}

h1,
h2,
h3,
h4,
h5 {
    color: #111
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #444
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color: #444
}

dl>dt {
    color: #000;
    font-size: 1.2em;
    margin-bottom: 10px;
}

ul>li:before {
    background-color: #444
}

ul ul>li:before {
    background-color: #e2e2e2
}

table th {
    color: #FFF;
    background-color: #FDCA42
}

table tbody>tr:nth-child(even) {
    background-color: #f1f1f1
}

.default-form label {
    color: #444
}

.default-form label>span {
    color: #142946
}

.default-form input,
.default-form textarea,
.default-form select,
.default-form .selectbox-input .toggle {
    color: dimgrey;
    background-color: #f1f1f1
}

.default-form input.m-type-2,
.default-form textarea.m-type-2,
.default-form select.m-type-2 {
    border-color: #f1f1f1;
    background-color: transparent
}

.default-form input.m-error,
.default-form textarea.m-error,
.default-form select.m-error {
    -moz-box-shadow: inset 0 0 0 3px #ffdfe0;
    -webkit-box-shadow: inset 0 0 0 3px #ffdfe0;
    box-shadow: inset 0 0 0 3px #ffdfe0
}

.default-form .checkbox-input label,
.default-form .radio-input label {
    color: dimgrey
}

.default-form .checkbox-input label:before,
.default-form .radio-input label:before {
    color: #e2e2e2
}

.default-form .checkbox-input.m-checked label:before,
.default-form .radio-input.m-checked label:before {
    color: #FDCA42
}

.default-form .selectbox-input .toggle:after {
    color: #FDCA42
}

.default-form .selectbox-input .fake-selectbox {
    background-color: #f1f1f1
}

.default-form .selectbox-input .fake-selectbox>li:hover {
    color: #FFF;
    background-color: #FDCA42
}

.c-accordion>li {
    border-color: #e2e2e2
}

.c-accordion .accordion-title {
    color: #444
}

.c-accordion .accordion-title:after {
    color: #FDCA42
}

.c-accordion .m-active .accordion-title {
    background-color: #f9f9f9
}

.c-accordion .accordion-title>i:first-child {
    color: #FDCA42
}

.c-accordion .accordion-content {
    border-color: #e2e2e2
}

.c-alert-message.m-warning {
    color: #d40041;
    background-color: #ffdfe0
}

.c-alert-message.m-success {
    color: #499143;
    background-color: #d4fbd3
}

.c-alert-message.m-info {
    color: #265e88;
    background-color: #e1edf9
}

.c-alert-message.m-notification {
    color: #c88435;
    background-color: #fff4cf
}

.c-article.m-post-type-video .article-image:before {
    color: #000
}

.c-article .article-title a {
    border-color: transparent
}

.c-article .article-title a:hover {
    border-color: #444
}

.c-article .article-content {
    background-color: #f1f1f1
}

.x-sub-content {
    box-shadow: 0 0 3px rgba(1, 1, 1, 0.16);
    background: #fff;
    padding: 40px;
}

.c-article .article-content blockquote p {
    color: #444
}

.c-article .article-footer {
    background-color: #f9f9f9;
    border-top: 1px solid #f1f1f1
}

.c-article .article-footer a {
    border-color: transparent
}

.c-article .article-footer a:hover {
    border-color: dimgrey
}

.c-article.m-cropped .content-inner:after {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f1f1f1), to(rgba(241, 241, 241, 0)));
    background-image: -webkit-linear-gradient(bottom, #f1f1f1, rgba(241, 241, 241, 0));
    background-image: -moz-linear-gradient(bottom, #f1f1f1, rgba(241, 241, 241, 0));
    background-image: -o-linear-gradient(bottom, #f1f1f1, rgba(241, 241, 241, 0));
    background-image: linear-gradient(to top, #f1f1f1, rgba(241, 241, 241, 0))
}

.c-button {
    color: #142946;
    border-color: #222
}

.c-button:hover:not(.m-disabled) {
    color: #142946;
    border-color: #222
}

.c-button:active:not(.m-disabled) {
    color: #142946;
    border-color: #222
}

.c-button.m-type-2 {
    color: #FFF;
    background-color: #2dbd4c;
    border-radius: 5px;
    border: none;
}

.c-button.m-type-2:hover,
.c-button.m-type-2:active {
    color: #000 !important;
    background-color: #f8f8f8;
}

.c-carousel .owl-nav {
    color: #FDCA42
}

.c-carousel .owl-nav .m-disabled {
    color: #e2e2e2
}

.c-carousel .owl-dot>span {
    background-color: #e2e2e2
}

.c-carousel .owl-dot.active>span {
    background-color: #FDCA42
}

.c-counter .counter-data {
    color: #FDCA42
}

.c-divider,
.c-divider.m-type-2 {
    border-color: #e2e2e2
}

.c-divider.m-transparent {
    border-color: transparent
}

.c-icon-block>i:first-child {
    color: #FDCA42
}

.c-icon-block h3 {
    color: #444
}

.c-pagination .c-button {
    border-color: #f1f1f1
}

.c-pagination .c-button:hover {
    border-color: #FDCA42
}

.c-pagination .m-active .c-button {
    color: #FFF;
    border-color: #FDCA42;
    background-color: #FDCA42
}

.c-parallax-section {
    border-color: #fff;
    background-color: #444
}

.c-parallax-section .section-inner {
    color: #FFF
}

.c-parallax-section.m-has-overlay .section-inner {
    background-color: #363636;
    background-color: rgba(0, 0, 0, 0.35)
}

.c-parallax-section h1,
.c-parallax-section h2,
.c-parallax-section h3,
.c-parallax-section h4,
.c-parallax-section h5,
.c-parallax-section h6 {
    color: #FFF;
}

.c-parallax-section .c-button {
    color: #FFF
}

.c-parallax-section .c-divider:not(m-transparent) {
    border-color: rgba(255, 255, 255, 0.2)
}

.c-pricing-table .table-title {
    color: #FFF;
    background-color: #bb0000
}

.c-pricing-table .table-content {
    border-color: #e2e2e2
}

.c-pricing-table .table-price {
    color: #000;
    border-color: #e2e2e2
}

.c-pricing-table .table-price>span {
    color: #444
}

.c-pricing-table .table-content ul>li {
    border-color: #f9f9f9
}

.c-progress-bar {
    background-color: #f1f1f1
}

.c-progress-bar>span {
    background-color: #FDCA42
}

.c-progress-bar.m-color-2>span {
    background-color: #363636
}

.c-progress-bar.m-color-3>span {
    background-color: #444
}

.c-search-form .form-fields {
    border-color: #e2e2e2
}

.c-search-form input {
    color: #444
}

.c-search-form button {
    color: #FDCA42
}

.c-service .service-title {
    background-color: #444
}

.c-service .service-icon {
    color: #FFF
}

.c-service .service-title,
.c-service .service-title a {
    color: #FFF;
    border-color: transparent
}

.c-service .service-title a:hover {
    border-color: #FFF
}

.c-service .service-description {
    color: dimgrey
}

.c-service .service-description>div {
    border-color: #e2e2e2
}

.c-service .service-description .c-button {
    color: #FDCA42;
    border-color: #FDCA42
}

.c-service .service-description .c-button:hover {
    border-color: #ffc64a
}

.c-service .service-description .c-button:active {
    border-color: #ffd67d
}

.c-service.m-type-2 .service-description {
    color: #FFF;
    background-color: #FDCA42;
    background-color: rgba(255, 182, 23, 0.95)
}

.c-service.m-type-2 .service-description .c-button {
    color: #FFF;
    border-color: #FFF
}

.c-service.m-type-2 .service-description .c-button:hover {
    border-color: rgba(255, 255, 255, 0.5)
}

.c-service.m-type-2 .service-description .c-button:active {
    border-color: rgba(255, 255, 255, 0.3)
}

.c-slider .slide {
    color: #FFF
}

.c-slider h1,
.c-slider h2,
.c-slider h3,
.c-slider h4 {
    color: #FFF
}

.c-slider .c-button {
    color: #FFF;
    border-color: #FFF
}

.c-slider .c-button:hover:not(.m-disabled) {
    border-color: rgba(255, 255, 255, 0.5)
}

.c-slider .c-button:active:not(.m-disabled) {
    border-color: rgba(255, 255, 255, 0.3)
}

.c-slider .c-button.m-type-2 {
    color: #444;
    border-color: #FFF;
    background-color: #FFF
}

.c-slider .c-button.m-type-2:hover:not(.m-disabled) {
    color: #FFF;
    background-color: transparent
}

.c-slider .c-button.m-type-2:active:not(.m-disabled) {
    color: #FFF;
    background-color: transparent
}

.c-slider h1 a,
.c-slider h2 a {
    color: #FFF
}

.c-slider h1 a:hover,
.c-slider h2 a:hover {
    border-color: #FFF
}

.c-slider h1 strong,
.c-slider h2 strong {
    color: #FDCA42
}

.c-slider .owl-prev,
.c-slider .owl-next {
    color: #FFF
}

.c-slider .slider-indicator {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.2)
}

.c-slider .slider-indicator>span {
    background-color: #FDCA42
}

.c-tabs {
    border-color: #e2e2e2;
}

.c-tabs .tab-list {
	background-color: #1958b5;
	border: 1px solid #154b9a;
	border-radius: 5px 5px 0 0;
}

.c-tabs .tab-list>li {
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid #154b9a;
}

.c-tabs .tab-list>li:first-child {
	border-radius: 5px 0 0 0;
}

.c-tabs .tab-list>li.m-active {
    background-color: #103873;
}

.c-team-member .member-name {
    color: #444
}

.c-team-member .member-role {
    color: dimgrey
}

.c-team-member .member-social>li>a {
    color: #FDCA42
}

.c-team-member .member-social>li>a:hover {
    color: #ffc64a
}

.c-team-member .member-social>li>a:active {
    color: #ffd67d
}

.c-testimonial blockquote:before {
    color: #FDCA42
}

#header {
    color: #fff;
    background-color: #1958b5;
}

.header-menu>ul>li>a {
    color: rgba(255,255,255,0.8);
}

.header-menu>ul>li.m-active>a {
    color: rgba(255, 255, 255, 0.6);
}

.header-menu>ul>li.m-hover>a,
.header-menu>ul>li>a:hover {
    color: rgba(255, 255, 255, 0.6);
}

.header-menu .submenu-toggle {
    color: #fff
}

.header-menu ul>li>ul {
    background-color: #fff;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}

.header-menu ul>li>ul>li>a {
    color: #333;
    font-weight: 500
}

.header-menu ul>li>ul>li.m-hover>a,
.header-menu ul>li>ul>li>a:hover {
    color: #fff;
    background-color: #363636
}

.header-search:before {
    background-color: #333
}

.header-search>form {
    background-color: #fff;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}

.header-search .search-submit {
    color: #FDCA42
}

.header-search .search-toggle {
    color: #FDCA42
}

.header-navigation-toggle {
    color: #fff;
}

.page-title-top {
    color: #fff;
    background-color: #363636;
    background-image: url("../../images/driving-instructor-header.jpg")
}

.page-title-top.back-two-reality {
    background-image: url("../../images/backe.jpg")
}

.page-title-top-inner {
    background-color: #363636;
    background-color: rgba(0, 0, 0, 0.3)
}

.page-title-bottom-inner {
    color: #444;
    background-color: #fff
}

.page-title-breadcrumbs {
    color: dimgrey;
    background-color: #f9f9f9;
    border-color: #f1f1f1
}

.page-title-breadcrumbs ul>li:before {
    color: #142946
}

.page-title-breadcrumbs a {
    color: dimgrey;
    border-color: transparent
}

.page-title-breadcrumbs a:hover {
    border-color: dimgrey
}

.page-title-bar-inner {
    border-color: #e2e2e2
}

.page-title-bar-left>li>i:first-child {
    color: #000;
}

.page-title-bar-left a {
    color: #444
}

.page-title-bar-left .social a {
    color: #142946
}

.blog-detail-page article .article-title {
    border-color: #e2e2e2
}

.search-results-page .search-query {
    color: #FDCA42
}

#sidebar .widget-title {
    border-color: #e2e2e2
}

#sidebar .links-widget ul>li>a {
    color: #444;
    border-color: transparent
}

#sidebar .links-widget ul>li>a:hover {
    border-color: #444
}

#sidebar .links-widget ul>li.m-active {
    color: #FFF;
    background-color: #FDCA42
}

#sidebar .links-widget ul>li.m-active a {
    color: #FFF
}

#sidebar .links-widget ul>li.m-active a:hover {
    border-color: #FFF
}

#sidebar .services-widget ul>li>a {
    color: #444;
    border-color: transparent
}

#sidebar .services-widget ul>li>a:hover {
    border-color: #444
}

#sidebar .services-widget ul>li.m-active {
    color: #FFF;
    background-color: #FDCA42
}

#sidebar .services-widget ul>li.m-active a {
    color: #FFF
}

#sidebar .services-widget ul>li.m-active a:hover {
    border-color: #FFF
}

#footer {
    color: #fff;
    background-color: #000;
    background-image: url("../../images/alt-bg.jpg")
}

.footer-top {
    background-color: #363636;
    background-color: rgba(0, 0, 0, 0.35)
}

.footer-top h2,
.footer-top h3,
.footer-top h4,
.footer-top h5,
.footer-top h5 {
    color: #fff
}

.c-cta-message .cta-button .c-button {
    color: #fff
}

.footer-inner {
    background-color: #101010;
}

.footer-inner a {
    color: #fff;
}

@media (max-width: 1199px) {
    .header-navigation .navigation-inner {
        border-color: #1751a7
    }
    .header-menu>ul>li {
        border-color: #1751a7
    }
    .header-menu>ul>li.m-active>a {
        color: rgba(255, 255, 255, 0.6);
    }
    .header-menu>ul>li>ul {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .header-menu ul>li>ul>li>a:hover {
        color: #555;
        background-color: transparent
    }
    .header-menu ul>li>ul>li>ul {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    .header-search>form {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f1f1f1
    }
}

.brand-desc {
    color: #fff;
    font-weight: 500;
    font-size: 1.6em;
    margin-bottom: 25px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4em;
}

.di-phone {
    color: #FFF;
    background-color: #2dbd4c;
    padding: 18px 50px;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 500;
    border: none;
    display: inline-block;
    position: relative;
    border-radius: 5px;
}

@media (max-width: 320px) {
    .di-phone {
        font-size: 1.3em;
        padding: 18px 30px 18px 30px;
    }
    .x-sub-body .article-content p {
        font-size: 1em !important;
    }
    .header-branding .brading-info strong {
        font-size: 2.1em !important;
    }
    .c-button.m-size-medium {
        padding: 14px 35px;
    }
}

.page-title-text h1 {
    font-size: 3.3em;
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 320px) {
    .page-title-text h1 {
        font-size: 2.3em !important;
    }
    h2.brand-desc {
        font-size: 1.4em !important;
    }
    .c-service .service-title h3 {
        font-size: 1em;
    }
    .x-feature-check {
        font-size: 1.1em !important;
    }
}

.why {
    width: 100%;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

.why-head {
    color: #fff;
    font-size: 24px;
    text-align: center;
    background-color: #000;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #fff;
    margin: 0;
    height: 55px;
    line-height: 55px;
    font-weight: 700;
}

.why-list {
    clear: both;
    padding: 0;
    margin-top: 0;
    background-color: #f4f4f4;
    border-radius: 0 0 5px 5px;
}

.why-list li {
    color: #000;
    border-top: 1px solid #fff;
    font-size: 1.05em;
    font-weight: 700;
    line-height: 18px;
    padding: 18px 16px 18px 48px;
    text-transform: uppercase;
    list-style: outside none none;
}

.why-list li:before {
    content: '✓';
    display: block;
    position: absolute;
    top: 16px;
    left: 15px;
    font-size: 25px;
    color: #000;
    width: 6px;
    height: 6px;
    background-color: transparent
}

.large-top-title {
    margin-bottom: 15px;
}

.g-test {
    color: #444;
    padding: 30px;
    font-weight: normal;
    border-radius: 5px;
    background-color: #eee;
}

.g-test-sec {
    margin-bottom: 48px;
}

.g-test-name {
    font-weight: 700;
    font-size: 1em;
}

.g-test-star {
    color: #E4BA22;
}

.g-test div {
	margin: 0 -30px -30px;
	padding: 20px 30px;
	background-color: #1958b5;
	color: #fff;
	text-align: center;
	border-radius: 0 0 5px 5px;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif
}

.stack-feat {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    margin-bottom: 20px;
}

.stack-head {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
}

.how-sec {
    margin-top: 40px;
    margin-bottom: 48px;
}

.how-sec h3 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.how-sec hr {
    margin: 5px 0;
}

.how-box {
    width: 100%;
    text-align: center;
    padding: 15px 20px;
    background-color: #142946;
    color: #eee;
    border: 4px solid;
    border-radius: 10px;
}

.how-box p {
    margin-bottom: 0;
    font-size: 1.15em;
    font-weight: 500;
}

.cta-wshort {
    margin-top: 75px;
    text-align: center;
}

.cta-top {
    margin-top: 0px;
}

.cta-wshort p {
    font-size: 1.5em;
    font-weight: 500;
    margin: 0;
}

.cta-wshort h4 a {
    color: #000;
    text-decoration: none;
}

.cta-wshort h4 {
    font-size: 2.1em;
    font-weight: 700;
}

p.cta-rev {
    font-size: 1.1em;
    font-style: italic;
}

.cta-wshort span {
    color: #EBAF16;
}

.cta-wshort h4 {
    margin-bottom: 15px;
}

.button-margin {
    margin: 10px;
}

.nu {
    border: none;
}

.test-pad {
    margin-bottom: 48px;
}

.page-title-text a:hover {
    color: #000;
    background-color: #f8f8f8;
}

a:hover.hmm {
    text-shadow: none;
}

.di-desc {
    font-size: 17px;
    font-weight: 300;
    font-style: oblique;
}

.page-title-text.x-blog {
    padding: 100px 0;
}

.page-title-text.x-blog h1 {
    max-width: 788px;
}

.page-title-text.x-sub-title {
    padding: 100px 0;
}

.page-title-text.x-sub-title h1 {
    max-width: 1111px;
}

.x-blog p.article-date {
    font-size: 1.2em;
    font-family: -apple-system, Arial, sans-serif;
    margin: 0;
}

.x-blog p.article-date a {
    color: #fff;
    border-color: rgba(265, 265, 265, 0.1);
}

.x-blog p.article-date a:hover {
    background-color: transparent;
    text-shadow: none;
}

.article-body {
    max-width: 788px;
    margin-right: auto;
    margin-left: auto;
}

.article-body.x-about {
    max-width: 988px;
}

.article-content {
    padding-top: 1.2rem;
}

.article-body .article-content p, .article-body .article-content li {
    font-size: 1.1em;
    font-family: -apple-system, Arial, sans-serif;
    line-height: 28px;
    margin: 28px 0;
    color: #000;
}

.article-body .article-content h2 {
    font-size: 1.8em;
    font-weight: 500;
}

.x-sub-body {
    max-width: 1111px;
    margin-right: auto;
    margin-left: auto;
}

.x-sub-body .article-content p {
    font-size: 1.2em;
    font-family: -apple-system, 'Arial', serif;
    line-height: 32px;
    margin: 2.2rem 0;
    color: #222;
}

.x-sub-body .article-content h2 {
    font-size: 1.6em;
    font-weight: 500;
}

.x-blog-img-right {
    float: right;
    margin: 0 0 0 32px;
    max-width: 432px;
}

.x-blog-img-right img {
    height: auto;
    max-width: 100%;
}

.x-blog-img-left {
    float: left;
    margin: 0 32px 0 0;
    max-width: 432px;
}

.article-content p:first-of-type {
    margin-top: 0;
}

.x-sub {
    background-color: #f8f8f8;
}

.x-center-it {
	text-align: center;
	font-size: 2.1em;
	font-weight: 700;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.x-feature-box {
	text-align: center;
}

.x-feature-box img {
	max-width: 120px;
	margin: 25px 0;
}

.x-feature-box h3 {
	font-size: 1.8em;
}

.x-feature-box p {
	color: #000;
}


.x-side-box {
    background-color: #1958b5;
    padding: 20px 15px;
    border-radius: 5px;
}

.x-side-box h2 {
    font-size: 1.75em;
    font-weight: 600;
    color: #fff;
}

.x-side-box span {
    font-size: 1.5em;
    font-weight: 500;
    color: #fff;
    margin-bottom: 17px;
    display: block;
}

.x-side-box div ol {
    margin: 0;
}

.x-side-box div {
    background-color: #fff;
    margin: 0 -15px -20px;
    padding: 15px;
    border: 1px solid #ededed;
    border-radius: 0 0 5px 5px
}

.x-side-box p {
    margin: 0;
}

.x-box-li a {
    border-bottom: none;
    color: #000;
}

.x-box-li {
    margin: 4px 0 !important;
}

.x-box-li:first-child {
    margin: 0 0 4px 0 !important;
}

.x-box-li a:hover {
    color: #888;
}

.page-title-check {
	background-color: rgba(0,0,0,0.5);
	text-align: center;
}

.x-feature-check {
	display: inline-block;
	padding: 20px 10px;
	font-size: 1.2em;
	font-weight: 600;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
}

a.c-button.m-type-2.m-size-medium {
    font-size: 1.25em !important;
}

.no-back {
    background: none;
}

.locationinfo {
    padding: 15px;
    border: 1px solid #ededed;
    border-radius: 5px;
}

.locationinfo iframe {
    border: 0px;
    width: 100%;
    height: 200px;
}

.locationinfo p {
    margin-bottom: 0;
}

.locationinfo strong {
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    font-size: 18px
}

.locationinfo hr {
    margin: 10px 0;
}

.p-locale {
    background-image: url(../../images/driving-centre-singapore.jpg);
}

.p-location {
    background: linear-gradient(rgba(25, 88, 181, 0.54), rgba(25, 88, 181, 0.87), #154a98);
}

.p-location h1 {
    line-height: 50px;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    letter-spacing: -2px;
}

.p-location p {
    margin-bottom: 5px;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.pttmod {
    padding: 88px 0;
}

.tab-tent {
    background-color: #14409e;
}

.tab-tent p, .tab-tent a {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.89);
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    font-weight: 400;
    margin: 18px 0;
    text-align: center;
    border: none;
}

.tab-tent a:hover {
    color: rgba(255, 255, 255, 0.6)
}

.page-title-vid {
    display: inline-block;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (max-width: 767px) {
    .x-center-it,.x-side-box h2 {
        font-size: 1.6em;
    }
    .x-feature-box h3 {
        font-size: 1.5em;
    }
    p,.g-test-name {
        font-size: 1em;
    }
    .x-side-box h2 {
        text-align:center;
        margin-bottom: 11px;
    }
    .c-tabs .tab-list>li {
        width: 50%;
        text-align: center;
    }
    .no-back {
        background-image: url("../../images/driving-instructor-header.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        overflow: hidden;
    }
    .page-title-text {
        padding: 55px 0;
    }
}


.bpn {
    display: block;
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    border: 3px solid #f8f8f8;
    border-radius: 8px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.bpn:hover {
    border: 3px solid #f1f1f1;
    background-color: #fafafa;
}

.bpn:before, .bpn:after {
    content: " ";
    display: table
}

.bpn:after {
    clear: both
}

.bpn-img {
    float: left;
    width: 33.33333333333333%;
}

.bpn-w {
    float: left;
    width: 66.66666666666666%;
    padding-left: 20px;
}

.bpn-w:first-child {
    font-weight: 500;
}

.bpn-w h2 {
    margin-bottom: 0;
}

.bpn-w p {
    color: #555
}

p.bpn-wd {
    font-weight: 500;
}

p.bpn-wr {
    color: #888;
}

.bpn-img img {
    border-radius: 4px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bpn-w h2 {
        margin-bottom: 5px;
    }

    .bpn-w p {
        margin-bottom: 10px;
    }

    p.bpn-wd {
        margin-bottom: 5px;
    }

    p.bpn-wr {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .bpn-w h2 {
        margin-bottom: 7.5px;
    }

    .bpn-w p {
        margin-bottom: 10px;
    }

    p.bpn-wd {
        margin-bottom: 7.5px;
    }

    p.bpn-wr {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .bpn {
        padding: 0;
        border: none;
    }
    .bpn:hover {
        padding: 0;
        border: none;
        background: transparent;
    }
    .bpn-img {
        width: 100%;
    }
    .bpn-w {
        width: 100%;
        padding: 0;
    }
    .bpn-w p {
        margin-bottom: 10px;
    }
    p.bpn-wd {
        margin: 5px 0;
    }
    p.bpn-wr {
        margin: 0;
    }
}


/*==========================================*/
/*==========================================*/
/*==========================================*/


.driving-guide {
    padding-top: 60px;
}

.driving-guide article {
    max-width: 800px;
    margin: auto;
    padding-top: 50px;
}

.driving-guide h1 {
    margin: 30px 0 15px;
    font-weight: 600;
}

.driving-guide hr {
    display: block;
    border: none;
    margin: 35px 0 45px;
}

.driving-guide hr:before {
    content: "";
    border: 1px solid #ccc;
    display: block;
    max-width: 100px;
}

.driving-guide p, .driving-guide blockquote, .driving-guide li {
    font-family: -apple-system, Arial;
    font-size: 21px;
    line-height: 1.6;
    color: #333;
}

.driving-guide ul>li:before {
    top: 13px;
    background-color: #4f555e;
    border-radius: 50%;
}

.driving-guide blockquote {
    border-left: 3px solid #ddd;
    font-style: italic;
    margin: 34px 0 34px 20px;
    padding-left: 20px;
    position: relative;
}

.guide-img {
    text-align: center;
    margin: 48px 0;
}

.guide-img img {
    max-width: 75%;
}

.guide-img p {
    font-size: 16px;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    margin: 0;
    letter-spacing: -0.1px;
}

.ftype {
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
    font-size: 21px;
}

.left-piece {
    text-align: left;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif !important;
    font-weight: 500 !important;
}

.right-piece {
    text-align: right;
    font-family: 'Fira Sans', -apple-system, Arial, sans-serif !important;
    font-weight: 500 !important;
}

.left-piece a, .right-piece a {
    border-bottom: none;
    color: #1b1b1b
}

.left-piece a:hover, .right-piece a:hover {
    color: #666 !important;
}

@media (max-width: 767px) {
    .left-piece, .right-piece {
        text-align: center;
        font-size: 24px;
    }
    .footer-text p {
        font-size: 14px;
    }
    .guide-img img {
        max-width: 100%;
    }
    .guide-img p {
        font-size: 16px !important;
    }
}

@media (max-width: 991px) {
    .driving-guide h1 {
        font-size: 30px;
        margin: 20px 0 10px;
    }
    .driving-guide h2 {
        font-size: 25px;
    }
    .driving-guide p, .driving-guide blockquote, .driving-guide li, .ftype {
        font-size: 18px;
    }
}


@media (max-width: 1199px) {
    .driving-guide {
        padding-top: 20px;
    }
    .driving-guide article {
        padding-top: 0px;
    }
}

/*==========================================*/
/*==========================================*/
/*==========================================*/

.css-69ravc {
    padding: 0 15px !important;
    top: calc(40% - 50px) !important;
    padding: 0 15px !important;
    font-weight: 600 !important;
    font-size: 28px !important;
}

.new-form {
	padding: 240px 0;
	background-color: #1958b5;
}

.new-form h4 {
	color: #fff;
	font-size: 23px;
	text-align: center;
	margin: 0;
	font-family: 'Fira Sans', -apple-system, Arial, sans-serif;
}