/* GENERATED BY THEME OPTIONS */

body {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    line-height: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 36px;
    font-weight: 700;
    font-size: 28px;
    color: #eeb10b;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 32px;
    font-weight: 700;
    font-size: 24px;
    color: #eeb10b;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    font-size: 20px;
    color: #eeb10b;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 24px;
    font-weight: 700;
    font-size: 18px;
    color: #eeb10b;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    font-size: 16px;
    color: #eeb10b;
}

h6 {
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 18xpx;
    font-weight: 700;
    font-size: 14px;
    color: #eeb10b;
}

#topBarContacts .phone-number-1 {
}

#topBarContacts .phone-icon-1 {
}

#primaryNav.navbar ul.navbar-nav li a.nav-link {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    background-color: transparent;
    color: #ffffff;
}

#primaryNav.navbar ul.navbar-nav li a.nav-link:hover {
    background-color: #eeb10b;
    color: #ffffff;
}

#primaryNav.navbar ul.navbar-nav li.active a.nav-link {
    background-color: transparent;
    color: #eeb10b;
}

#primaryNav.navbar ul.navbar-nav li ul li {
    background-color: transparent;
    color: #ffffff;
}

#primaryNav.navbar ul.navbar-nav li ul li:hover {
    background-color: #eeb10b;
    color: #ffffff;
}

#primaryNav.navbar ul.navbar-nav li ul li:active {
    background-color: transparent;
    color: #eeb10b;
}

.breadcrumbs {
    color: #111111;
}

.breadcrumbs ul li:hover {
    color: #eeb10b;
}

.breadcrumbs ul li:active {
    color: #eeb10b;
}

#topBar {
        background-color: #303745;
                background-repeat: repeat;
            background-position: center center;
            }


#topBarContacts .phone-number-1,
#topBarContacts .whatsapp-number-1,
#topBarContacts .contact-text-1,
#topBarContacts .contact-link-text-1 {
                                color: #ffffff;
    }
#topBarContacts .contact-icon-1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #ffffff;
}
#topBarContacts .phone-number-2,
#topBarContacts .whatsapp-number-2,
#topBarContacts .contact-text-2,
#topBarContacts .contact-link-text-2 {
}
#topBarContacts .contact-icon-2 {
}
#topBarContacts .phone-number-3,
#topBarContacts .whatsapp-number-3,
#topBarContacts .contact-text-3,
#topBarContacts .contact-link-text-3 {
}
#topBarContacts .contact-icon-3 {
}
#topBarContacts .phone-number-4,
#topBarContacts .whatsapp-number-4,
#topBarContacts .contact-text-4,
#topBarContacts .contact-link-text-4 {
}
#topBarContacts .contact-icon-4 {
}
#header {
            background-color: #000000;
                    background-repeat: repeat;
                background-position: center center;
            }

#logoBar {
                        }

#logoBar .navbar-toggler span {
    background: #ffffff;
}

#logoBar .logo img {
        max-width: 300px;
            max-height: 100px;
    }

#logoBar .row {
        justify-content: center !important;
    }

#navBar {
                        }

#footer {
            background-color: #eeb10b;
                    background-repeat: repeat;
                background-position: center center;
            }
#bottomBar {
            background-color: #68883a;
                    background-repeat: repeat;
                background-position: center center;
            }
    .bottombar-contact-1 {
            background-color: #26b33c;
                            }

#bottomBarContacts .phone-number-1,
#bottomBarContacts .whatsapp-number-1,
#bottomBarContacts .contact-text-1,
#bottomBarContacts .contact-link-text-1 {
}
#bottomBarContacts .contact-icon-1 {
}
    .bottombar-contact-2 {
            background-color: #303745;
                            }
#bottomBarContacts .phone-number-2,
#bottomBarContacts .whatsapp-number-2,
#bottomBarContacts .contact-text-2,
#bottomBarContacts .contact-link-text-2 {
}
#bottomBarContacts .contact-icon-2 {
}
#bottomBarContacts .phone-number-3,
#bottomBarContacts .whatsapp-number-3,
#bottomBarContacts .contact-text-3,
#bottomBarContacts .contact-link-text-3 {
}
#bottomBarContacts .contact-icon-3 {
}
#bottomBarContacts .phone-number-4,
#bottomBarContacts .whatsapp-number-4,
#bottomBarContacts .contact-text-4,
#bottomBarContacts .contact-link-text-4 {
}
#bottomBarContacts .contact-icon-4 {
}

@media only screen and (min-width: 992px) {
    #primaryNav.navbar ul.navbar-nav li a.nav-link {
            line-height: 24px;
        }
    #logoBar .logo img {
            max-width: 300px;
                max-height: 50px;
        }
    #logoBar .row {
            justify-content: flex-start !important;
        }
                            .bottombar-contact-1 {
        background : transparent;
        }
                .bottombar-contact-2 {
        background : transparent;
        }
            }

p {
    line-height: 1.8rem;
}
#logoBar .logo img {
    width: auto;
    height: auto;
}
body, #main {
   background: #303745;
}
.list-items, 
.page-content {
    background: transparent;
}
.page-content, 
.content-wrapper, 
.sidebar .widget {
    box-shadow: none !important;
}
.wpb_content_element {
    margin-bottom: 15px !important;
}
.wpcf7-form {
    background: transparent;
    text-align: center;
}
.reservation-form {
    width:100%;
    max-width:1000px;
    background:#eeeeee;
    display:inline-block;
    padding:20px 15px 0;
}
.reservation-form .warning-wrapper {
    margin-bottom: 0;
}
.reservation-form .warning {
    color: #f00;
    font-size: .9em;
    margin-bottom: 0;
}
.reservation-form .direction-wrapper {
    margin-bottom: 30px !important;
}
.reservation-form .direction .wpcf7-list-item-label {
    font-weight: bold;
    color: #f00;
}
.reservation-form.footer-form {
    background: transparent;
    padding:0 15px;
}
.reservation-form.language-school {
    box-shadow: 0 0 3px #aaa;
    background: #ededed;
}
.reservation-form.language-school label {
    width: 100%;
    text-align: left;
    color: #e40139;
    padding-left:20px;
}
.reservation-form .wpcf7-form-control-wrap {
    width:100%;
}
.reservation-form .row,
.reservation-form .row > * {
    margin: 0;
    padding: 0;
}
.reservation-form .row > div {
    padding: 0 5px;
    margin-bottom: 8px;
}
#footerWidgetArea .reservation-form .row > div {
    margin-bottom: 2px;   
}
.reservation-form label {
    width: 100%;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
    color: #000;
}
.reservation-form input,
.reservation-form textarea,
.reservation-form select {
    background:#fff;
    color: #222;
    font-size: 16px;
    font-weight: normal;
    width:100%;
    margin-bottom:10px;
    padding:12px 20px;
    border:0;
    box-shadow: 0 0 1px 0 rgba(140,140,140,.7);
}
.reservation-form input[type="file"] {
    padding: 9px 20px;
    border-radius: 3px;
}
#footerWidgetArea .reservation-form input,
.reservation-form textarea,
.reservation-form select {
    padding: 6px 16px;
}
.reservation-form input[type=checkbox] {
    margin-bottom: 0;
}
.reservation-form.footer-form input,
.reservation-form.footer-form textarea,
.reservation-form.footer-form select {
    padding:5px 20px;
}
.reservation-form select {
    padding: 12px 12px 12px 15px;
}
.reservation-form input::-webkit-input-placeholder,
.reservation-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
}
.reservation-form input::-moz-placeholder,
.reservation-form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #333;
}
.reservation-form input:-ms-input-placeholder,
.reservation-form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #333;
}
.reservation-form input:-moz-placeholder,
.reservation-form textarea:-moz-placeholder { /* Firefox 18- */
  color: #333;
}
.reservation-form input.wpcf7-not-valid,
.reservation-form textarea.wpcf7-not-valid,
.reservation-form select.wpcf7-not-valid {
    background:#f00;
    color:#fff;
}
.reservation-form input.wpcf7-not-valid::-webkit-input-placeholder,
.reservation-form textarea.wpcf7-not-valid::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.reservation-form input.wpcf7-not-valid::-moz-placeholder,
.reservation-form textarea.wpcf7-not-valid::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.reservation-form input.wpcf7-not-valid:-ms-input-placeholder,
.reservation-form textarea.wpcf7-not-valid:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.reservation-form input.wpcf7-not-valid:-moz-placeholder,
.reservation-form textarea.wpcf7-not-valid:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
.reservation-form .submit {
    margin-top: 30px;
}
.reservation-form .submit input.wpcf7-submit {
    background:#eeb10b;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    width: auto;
    padding: 10px 50px;
}
.reservation-form.footer-form input.wpcf7-submit {
    background: #01bbde;
    padding:10px;
}
.reservation-form span.wpcf7-not-valid-tip {
    margin-bottom:10px;
}
span.wpcf7-list-item {
    width: 100%;
    float: left;
    margin: 0;
}
.reservation-form .wpcf7-checkbox {
    float: left;
}
.reservation-form .wpcf7-checkbox.wpcf7-not-valid {
    background: #f00;
}
.reservation-form input[type="checkbox"] {
    float: left;
    display: inline-block;
    width: auto;
    margin-top: 5px;
    margin-right: 10px;
}
.reservation-form .wpcf7-list-item-label {
    float: left;
    display: inline-block;
}
.reservation-form .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label {
    color: #fff;
}
.reservation-form .privacy .wpcf7-list-item-label,
.reservation-form .privacy input[type="checkbox"] {
    float:none;
    display:inline;
    font-size: 13px;
}
.vc_section.banner,
.vc_row.banner {
    background-repeat: repeat !important;
}
.banner .vc_row {
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
}
.banner h3 {
    color: #333;
    font-size: 1.3rem;
    margin-bottom: 10px !important;
}
.banner .paragraph {
    margin-bottom: 25px !important;
}
.banner .paragraph p {
    font-size: .9rem;
    line-height: 1.6rem;
}
.program {
    margin-bottom: 20px;
}
.program .wpb_column .vc_column-inner {
    background: #1a3853;
    color: #fff;
    padding: 15px;
}
.program .wpb_text_column h4 a,
.program.wide h4 {
    color: #ffff66;
    font-size: 1rem;
    text-transform: uppercase;
}
.program.wide h4 {
    font-size: 1.3rem;
    line-height: 2rem;
}
.program .wpb_text_column p {
    font-size: .9rem;
    line-height: 1.6rem;
    text-align: center;
    padding: 0 20px;
}
.program.wide {
    background: #1a3853;
    padding: 15px;
}
.program.wide .wpb_column .vc_column-inner {
    padding: 0;
}
.program.wide .desc {
    text-align: center;
}
.program.wide .desc p {
    padding: 10px 0;
}
.program.wide .desc .detail-button {
    margin-top: 10px;
}
#footerWidgetArea {
    padding: 40px 0;
    background: rgba(0,0,0,0.79) url(https://staging.northpointuk.co.uk/wp-content/uploads/2019/05/northpoint-footer-bg_1.jpg?v=1) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#footerWidgetArea p {
    font-size: .9rem;
    margin-bottom: 15px;
}
#footerWidgetArea #custom_html-3 p {
    margin-bottom: 8px;
}
#footerWidgetArea .about-us p {
    margin-bottom: 20px;
    font-size: .85rem;
    color: #fff;
}
#footerWidgetArea p a {
    color: #fff;
}
#footerWidgetArea img {
    margin-bottom: 15px;
}
#footerWidgetArea p {
    color: #aaa;
}
#footerWidgetArea .widget {
    text-align: center;
    margin-bottom: 50px;
}
#footerWidgetArea .widget .about-us {
    padding: 10px 20px;
}
#footerWidgetArea .widget ul {
}
#footerWidgetArea .widget ul li:first-child {
    padding-left: 0;
}
#footerWidgetArea .widget ul li i {
    font-size: 1.5rem;
}
#footerCopyright p,
#footerNav ul.navbar-nav li a {
    color: #303745;    
}
#footerWidgetArea .widget-title {
    font-family: Lato, Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
}
#footerWidgetArea .custom-html-widget p {
    padding: 0 5px;
}
#footerWidgetArea .reservation-form {
    background: transparent;
    margin-top: 5px;
}
#footerWidgetArea .reservation-form .submit input.wpcf7-submit {
    width: 100%;
    background: #eeb10b;
}
#footerWidgetArea .reservation-form .submit {
    margin-top: 0;
}
#custom_html-3 i {
    display: inline-block;
    margin-right: 5px;
}
#footerCopyright p {
    font-size: .9rem;
}
.program-detail .page-content {
    margin-top: 0;
    padding-top: 0;
}
.program-detail .promotion {
    padding-top: 30px;
    padding-bottom: 30px;
}
.program-detail .promotion .vc_column-inner {
    padding-top: 0 !important;
}
.program-detail .promotion h1 {
    color: #ffff66;
    font-size: 1.5rem;
    text-align: left;
}
.program-detail .promotion p {
    color: #fff;
    text-align: left;
}
.program-detail .vc_row {
    margin-bottom: 30px;
}
.sidebar .widget-title {
    text-align: left;
    padding: 8px 15px;
    border-bottom: 1px solid #ddd;
}
.widget_nav_menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget_nav_menu .menu li a {
    color:#111;
    font-size:1.1em;
    font-weight: bold;
    line-height:1.5em;
    padding: 12px 15px;
    text-align: left;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.widget_nav_menu .menu li:last-child a {
    border: 0;
}
.list-items .item-title {
    background: #1a3853;
}
#header {
    padding-top: 0;
    padding-bottom: 0;
}
#talkToExpert h1,
#talkToExpert h2,
#talkToExpert h3,
#talkToExpert h5,
#talkToExpert .desc p,
#talkToExpert .reservation-form .warning,
#talkToExpert .reservation-form .wpcf7-list-item-label,
#talkToExpert div.wpcf7-response-output {
    color: #fff;
}
#talkToExpert .reservation-form label {
    color: #eeb10b;
}
#talkToExpert h1 {
    font-size: 2rem;
    margin-bottom: 50px !important;
}
#talkToExpert h2 {
    font-size: 2rem;
    margin-bottom: 20px !important;
}
#talkToExpert h3 {
    font-size: 1.6rem;
    margin-bottom: 20px !important;
}
#talkToExpert h5,
#talkToExpert .desc p {
    max-width: 800px;
    margin: 0 auto 25px;
}
#talkToExpert .desc p {
    font-size: 1rem;
    line-height: 1.8rem;
}
#talkToExpert .vc_tta-tabs-list .vc_tta-tab a {
    background: #eeb10b;
} 
#talkToExpert .vc_tta-tabs-list .vc_tta-tab.vc_active a {
    background: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,.01)));
    background-repeat: repeat-x;
    border-bottom: 0;
    padding-bottom: 15px;
}
#talkToExpert .vc_tta-tabs-list .vc_tta-tab.vc_active .vc_tta-icon,
#talkToExpert .vc_tta-tabs-list .vc_tta-tab.vc_active .vc_tta-title-text {
    color: #fff;
}
#talkToExpert .vc_tta-panels-container {
    margin-top: -3px;
}
#talkToExpert .vc_tta-container  .vc_tta-panel-body {
    background: transparent;
    padding-top: 0;
}
#talkToExpert .reservation-form {
    background: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,.01)));
    background-repeat: repeat-x;
}
.page-content .list-items .item {
    margin-bottom: 30px;
}
.item-img-wrapper.portfolio-image,
.item-title.portfolio-title {
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.04);
    background: #eeb10b !important;
}
.item-title.portfolio-title {
    padding: 10px 0 !important;
}
.page-content .item-title.portfolio-title h3 {
    color: #fff !important;
}
.map-wrapper .vc_column-inner {
    padding-top: 0 !important;
}
.map-wrapper .wpb_content_element {
    margin-bottom: 0 !important;
}
.page-title-wrapper h1 {
    text-shadow: none;
}
#topBarContacts .contact-icon img {
    width: 22px;
    height: 22px;
    line-height: 26px;
}
.error-404 {
    text-align: center;
    padding: 20px 0;
}
.error-404 .page-header {
    padding: 30px 0 15px;
}
.error-404 .page-title {
    line-height: 48px;
}
.error-404 .page-content p {
    font-size: 25px;
    margin-bottom: 10px;
}
.error-404 .page-content a {
    font-size: 20px;
    color: #eeb10b;
    text-decoration: underline;
    margin-bottom: 40px;
    display: inline-block;
}
.project-detail .title h3 {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 15px !important;
}
.project-detail .desc {
    font-size: 1.2rem;
    line-height: 2rem;
}
.project-detail .address {
    margin-bottom: 30px;
}
.project-detail .proposal {
    margin-bottom: 30px;
}
.cli-style-v2 .cli-bar-message {
    font-size: .8rem;
    color: #666;
}

@media only screen and (min-width: 768px) {
    .banner .paragraph {
        margin-bottom: 15px !important;
    }
    .program.wide .desc.left {
        padding-left: 30px;
        text-align: left;
    }
    .program.wide .desc.left h4,
    .program.wide .desc.left p {
        text-align: left;
    }
    .program.wide .desc.right {
        padding-right: 30px;
        text-align: right;
    }
    .program.wide .desc.right h4,
    .program.wide .desc.right p {
        text-align: right;
    }
    .program.wide h4 {
        font-size: 1.1rem;
    }
    .program-detail .promotion p {
        font-size: .9rem;
    }
    #footerWidgetArea .custom-html-widget p {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) {
    .program .wpb_text_column h4 a {
        font-size: 1.3rem;
    }
    .program .wpb_text_column p {
        line-height: 1.8rem;
        padding: 0 10px;
    }
    .banner h3 {
        font-size: 1.6rem;
    }
    .banner .paragraph p {
        font-size: 1rem;
        line-height: 1.8rem;
    }
    #footerWidgetArea .widget {
        padding: 0 30px;
        text-align: left;
        margin-bottom: 0;
    }
    #footerWidgetArea .widget-title {
        text-align: left;
        font-size: 1.3rem;
    }
    #footerWidgetArea .widget .about-us {
        text-align: left;
        padding: 0;
    }
    #footerWidgetArea .about-us p {
        padding-right: 50px;
    }
    #footerWidgetArea .justify-content-center {
        justify-content: left !important;
    }
    #footerWidgetArea .reservation-form {
        max-width: 300px;
        padding: 0;
    }
    #primaryNav.navbar ul.navbar-nav li a.nav-link {
        padding-top: 23px;
        padding-bottom: 23px;
        font-size: 13px;
    }
    #talkToExpert h1 {
        font-size: 3rem;
    }
    #talkToExpert h2 {
        font-size: 2.3rem;
    }
    #talkToExpert .checkbox span.wpcf7-list-item {
        width: 50%;
    }
    #footerCopyright p {
        text-align: left;
    }
}

@media only screen and (min-width: 1200px) {
    .banner {
        background-attachment: fixed;
    }
    .banner .vc_row {
        padding: 20px;
    }
    .program.wide h4 {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    .program-detail .promotion {
        padding-top: 50px;
        padding-bottom: 35px;
    }
    .program-detail .promotion h1 {
        font-size: 1.8rem;
    }
    .program-detail .promotion p {
        font-size: 1rem;
    }
    #primaryNav.navbar ul.navbar-nav li a.nav-link {
        font-size: 15px;
    }
}

@media only screen and (max-width: 992px) {
    .vc_section.banner,
    .vc_row.banner {
        background-size: auto !important;
        background-position: top center !important;
        padding-left: 10px !important;
        padding-right: 10px !important; 
    }
    .navbar {
        background: #000;
    }
    .navbar ul.navbar-nav li.active a.nav-link {
        border-left: 5px solid #eeb10b;
    }
    #talkToExpert  .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
        display: block !important;
    }
    #talkToExpert .vc_tta-tabs-list {
        width: 100%;
        float: left;
        display: block;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0;
    }
    #talkToExpert .vc_tta-tabs-list .vc_tta-tab {
        display: inline-block;
        width: 50%;
        float: left;
        display: list-item;
        margin: 0;
    }    
    #talkToExpert .vc_tta-tabs-list .vc_tta-tab:first-child a {
        border-right: 0;
    } 
    #talkToExpert .vc_tta-tabs-list .vc_tta-tab:last-child a {
        border-left: 0;
    }
    #talkToExpert .vc_tta-tabs-list .vc_tta-tab a {
        padding-left: 10px;
        padding-right: 10px;
        
    }
    #talkToExpert .vc_tta-panels-container {
        float:left;
    }
    #talkToExpert .vc_tta-panel-heading {
        display:none;
    }
}