@charset "utf-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Lora:400,700|Source+Sans+Pro:400,400i,600,600i,700,700i';
/*
font-family: 'Lora', serif;
font-family: 'Source Sans Pro', sans-serif;
*/
/* 	-----------------------------------------------------
	------------------- General Styles ------------------
	----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}

* {margin:0; padding:0; outline:none;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a {outline:none; outline-style:none; outline-width:0; color:#373737; text-decoration:none;}
a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; color:#000563; text-decoration:none;}

img {margin:0; padding:0; outline-style:none; outline-width:0; max-width:100%; height:auto;}

@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }

body {margin:0; padding:0; font-family: 'Source Sans Pro', sans-serif; color:#000000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; font-size:100%; overflow-x:hidden;}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both}
.clearfix {zoom:1}

strong {font-weight:700;}
em {font-style:italic;}

/* 	-----------------------------------------------------
	------------------- Header Styles -------------------
	----------------------------------------------------- */
	.header-section {margin:0 auto; padding:0; width:100%; height:110px; background-color:#FFFFFF; border-bottom:1px solid #ebebeb;}
	.header-section [class*="col-"] {padding:0;}
	.header-section nav {float:right; padding:42px 0;}
	.header-section nav ul {margin:0; padding:0; list-style:none;}
	.header-section nav ul li {
        margin:0; 
        padding:0 12px; 
        float:left; font-size:16px; 
        font-weight:700; line-height:25px; 
        color:#004bd7; 
        text-transform:uppercase;
    }

    .header-section nav ul li:after{
        content: '|';            
        display: inline-block;  
        position: absolute;    
        margin-top: -26px;   
        margin-left: 12px;   
    }

    .header-section nav ul li:last-child:after{
        content: '';
    }

	.header-section nav ul li a {color:#004bd7; display:block;}
	.header-section nav ul li a:hover, .header-section nav ul li a.active {color:#000563;}
	.header-section nav ul li a img {vertical-align:top;}
	.header-section nav ul li span {padding:0 12px;}

	.header-section aside {float:left; padding:42px 0; font-size:16px; font-weight:700; line-height:25px; color:#004bd7; text-transform:uppercase;}
	.header-section aside img {vertical-align:top; margin-right:10px;}

    .header-content{
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: center;
    }

    .site-logo{
        padding-top: 20px;
    }

    .site-logo img{
        width: 100px;
        height: auto;
    }

    .contact-number{
        display: none;
    }

    .nav-holder{
        margin-right: 0;
    }

    @media (min-width: 768px) {

        .header-content{            
            flex-direction: row;            
        }

        .nav-holder{
            margin-right: 20px;
        }


        .contact-number{
            display: inline-block;
            margin-left: 20px;
        }
    
    }

    @media (min-width: 1025px) {

        .header-section {margin:0 auto; padding:0; width:100%; height:110px; background-color:#FFFFFF; border-bottom:1px solid #ebebeb;}
        .header-section [class*="col-"] {padding:0;}
        .header-section nav {float:right; padding:42px 0;}
        .header-section nav ul {margin:0; padding:0; list-style:none;}
        .header-section nav ul li {
            margin:0; 
            padding:0 12px; 
            float:left; font-size:16px; 
            font-weight:700; line-height:25px; 
            color:#004bd7; 
            text-transform:uppercase;  
            display: inline-block;   
                  
        }

        .header-content{            
            flex-direction: row;            
        }

        .header-section nav ul li:after{
            content: '|';            
            display: inline-block;  
            position: absolute;    
            margin-top: -26px;   
            margin-left: 12px;   
        }

        .header-section nav ul li:last-child:after{
            content: '';
        }

        .nav-holder{
            margin-right: 30px;
        }

        .contact-number{
            margin-left: 30px;
        }

        .header-section nav ul li a {color:#004bd7; display:block;}
        .header-section nav ul li a:hover, .header-section nav ul li a.active {color:#000563;}
        .header-section nav ul li a img {vertical-align:top;}
        .header-section nav ul li span {padding:0 12px;}

        .header-section aside {float:left; padding:42px 0; font-size:16px; font-weight:700; line-height:25px; color:#004bd7; text-transform:uppercase;}
        .header-section aside img {vertical-align:top; margin-right:10px;}

        .site-logo{
            padding-top: 0;
        }


        .site-logo img{
            width: 150px;
            height: auto;
        }
        
    }

/* 	-----------------------------------------------------
	------------------ Banner Styles --------------------
	----------------------------------------------------- */
	.banner-section {margin:0 auto; padding:0; width:100%; height:auto; background-color:#e6f3f9; position: relative;}
	.banner-section .container {background:url(../images/banner.jpg) no-repeat center; background-size:cover;}
	.banner-section .container article {
        padding: 40px 0;
    }
	.banner-section h1 {
        font-family: 'Lora', serif; 
        font-size:44px; 
        font-weight:400; 
        line-height:1.2; 
        color:#003581;
        text-align: center;
        text-shadow: 1px 1px 1px #fff;
    }
	.banner-section .btn {
        margin:30px 0; 
        padding:0; 
        width:auto; 
        height:50px; 
        font-size:16px; 
        font-weight:700; 
        line-height:50px; color:#FFFFFF; 
        text-transform:uppercase;
        text-align: center;

    }


	.banner-section .btn a {color:#FFF; display:inline-block; padding:0 90px 0 30px; background:#004bd7 url(../images/bullet01.png) no-repeat right; border-radius:5px;}
	.banner-section .btn a:hover {background:#003581 url(../images/bullet01.png) no-repeat right; transition:all .4s ease-in-out;}

	.inner-banner-section {margin:0 auto; padding:0; width:100%; height:350px; position:relative; background:#e6f3f9 url(../images/inner-banner.jpg) no-repeat center;}
	.inner-banner-section section {padding:10px 0; width:100%; height:auto; position:absolute; bottom:0; left:0; text-align:center; background-color:rgba(0,53,129,0.8);}
	.inner-banner-section h1 {font-family: 'Lora', serif; font-size:60px; font-weight:400; line-height:70px; color:#FFFFFF;}

    @media (min-width: 768px) {

        .banner-section h1 {            
            text-align: left;
            width: 50%;
        }

        .banner-section .btn {            
            text-align: left;
        }
    
    }

    @media (min-width: 1025px) {

        .banner-section {margin:0 auto; padding:0; width:100%; height:auto; background-color:#e6f3f9;}
        .banner-section .container {background:url(../images/banner.jpg) no-repeat center; background-size:cover; height:656px;}
        .banner-section .container article {padding:160px 0 0 65px; max-width:600px;}
        .banner-section h1 {font-family: 'Lora', serif; font-size:63px; font-weight:400; line-height:1.2; color:#003581; width: 100%;}
        .banner-section .btn {margin:30px 0; padding:0; width:auto; height:50px; font-size:16px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
        .banner-section .btn a {color:#FFF; display:inline-block; padding:0 90px 0 30px; background:#004bd7 url(../images/bullet01.png) no-repeat right; border-radius:5px;}
        .banner-section .btn a:hover {background:#003581 url(../images/bullet01.png) no-repeat right; transition:all .4s ease-in-out;}

        .inner-banner-section {margin:0 auto; padding:0; width:100%; height:350px; position:relative; background:#e6f3f9 url(../images/inner-banner.jpg) no-repeat center;}
        .inner-banner-section section {padding:10px 0; width:100%; height:auto; position:absolute; bottom:0; left:0; text-align:center; background-color:rgba(0,53,129,0.8);}
        .inner-banner-section h1 {font-family: 'Lora', serif; font-size:60px; font-weight:400; line-height:70px; color:#FFFFFF;}

        
    }

/* 	-----------------------------------------------------
	------------------ Content Styles --------------------
	----------------------------------------------------- */
	.content-section {margin:0 auto; padding:0; width:100%; height:auto;}
	.content-section h2 {font-family: 'Lora', serif; font-size:42px; font-weight:400; line-height:1.2; color:#003581; padding-bottom:10px;}
	.content-section h4 {font-size:25px; font-weight:400; line-height:1.2; color:#373737; text-transform:uppercase; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #cadcf6;}

	.content-section h6 {font-size:21px; font-weight:400; line-height:1.2; color:#003581; padding:10px 0;}
	.content-section p {font-size:16px; font-weight:400; line-height:1.4; color:#373737; padding:15px 0;}

	.content-section .btn {margin:30px 0; padding:0; width:auto; height:50px; font-size:16px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
	.content-section .btn a {color:#FFF; display:inline-block; padding:0 25px; background-color:#008ed7; border-radius:5px;}
	.content-section .btn a:hover {background-color:#004bd7; transition:all .4s ease-in-out;}

	.content-section .section01 {
        background-color:#FFFFFF;
        display: block;
        position: relative;
    }
	.content-section .section01 [class*="col-"] {padding:0;}
    /*
	.content-section .section01 figure {margin:0; padding:0; position:relative; min-height:490px;}
	.content-section .section01 figure img {position:absolute; bottom:0; left:0;}
    */

    .content-section .section01 figure{
        text-align: center;
    }

	.content-section .section01 article {padding:60px 40px;}

	.content-section .video-section {background-color:#e6f3f9; padding:100px 0; text-align:center;}
	.content-section .video-section video {margin:0 auto; max-width:692px;}

    @media (min-width: 768px) {


    
    }

    @media (min-width: 1025px) {


        .content-section {margin:0 auto; padding:0; width:100%; height:auto;}
        .content-section h2 {font-family: 'Lora', serif; font-size:42px; font-weight:400; line-height:1.2; color:#003581; padding-bottom:10px;}
        .content-section h4 {font-size:25px; font-weight:400; line-height:1.2; color:#373737; text-transform:uppercase; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #cadcf6;}

        .content-section h6 {font-size:21px; font-weight:400; line-height:1.2; color:#003581; padding:10px 0;}
        .content-section p {font-size:16px; font-weight:400; line-height:1.4; color:#373737; padding:15px 0;}

        .content-section .btn {margin:30px 0; padding:0; width:auto; height:50px; font-size:16px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase;}
        .content-section .btn a {color:#FFF; display:inline-block; padding:0 50px; background-color:#008ed7; border-radius:5px;}
        .content-section .btn a:hover {background-color:#004bd7; transition:all .4s ease-in-out;}

        .content-section .section01 {background-color:#FFFFFF;}
        .content-section .section01 [class*="col-"] {padding:0;}
        .content-section .section01 figure {margin:0; padding:0; position:relative; min-height:630px; text-align: left;}
        .content-section .section01 figure img {position:absolute; bottom:0; left:0;}
        .content-section .section01 article {padding:60px 40px;}

        .content-section .video-section {background-color:#e6f3f9; padding:100px 0; text-align:center;}
        .content-section .video-section video {margin:0 auto; max-width:692px;}

        
        
    }


    /* Our Services  */    

	.content-section .section02 {background:url(../images/pattern-bg.png) repeat top left; text-align:center;}
	.content-section .section02 .container { padding: 30px 15px;}
	.content-section .section02 h4 {margin-top:20px;}
	.content-section .section02 ul {margin:0; padding:0; list-style:none;}
	.content-section .section02 ul li {margin:0; padding:10px 0 10px 50px; font-size:16px; font-weight:700; line-height:25px; color:#003581; text-transform:uppercase; text-align:left; background:url(../images/bullet02.png) no-repeat 10px 10px;}

    @media (min-width: 768px) {
    
    }

    @media (min-width: 1025px) {

        .content-section .section02 {background:url(../images/pattern-bg.png) repeat top left; text-align:center;}
        .content-section .section02 .container {padding:60px 290px;}
        .content-section .section02 h4 {margin-top:20px;}
        .content-section .section02 ul {margin:0; padding:0; list-style:none;}
        .content-section .section02 ul li {margin:0; padding:10px 0 10px 50px; font-size:16px; font-weight:700; line-height:25px; color:#003581; text-transform:uppercase; text-align:left; background:url(../images/bullet02.png) no-repeat 10px 10px;}
        
    }


    /* Education  */ 
	

    .content-section .section03 {background-color:#FFFFFF;}
	.content-section .section03 [class*="col-"] {padding:0;}
    /*
	.content-section .section03 figure {margin:0; padding:0; position:relative; min-height:630px;}
	.content-section .section03 figure img {position:absolute; bottom:0; left:0;}
    */

    .content-section .section03 figure{
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .content-section .section03 figure img{
        bottom: 0;
    }

	.content-section .section03 article {padding:50px;}
	.content-section .section03 ul {margin:0; padding:0 20px; list-style:disc;}
	.content-section .section03 ul li {margin:0; padding:5px 0; font-size:16px; font-weight:700; line-height:25px; color:#003581; text-transform:uppercase; text-align:left;}


    @media (min-width: 768px) {
    
    }

    @media (min-width: 1025px) {

        .content-section .section03 figure{        
            text-align: left;
        }
        
    }


	.content-section .section04 {padding:60px 0; background:url(../images/pattern-bg.png) repeat top left; text-align:center;}
	.content-section .section04 ul {margin:0; padding:40px 0 0 0; list-style:none; text-align:center;}
	.content-section .section04 ul li {margin:0; padding:0; width:250px; display:inline-block;}
	.content-section .section04 ul li figure {margin:0; padding:0;}
	.content-section .section04 ul li article {padding:10px 0;}
	.content-section .section04 ul li article p {padding:0;}
	.content-section .section04 ul li article p strong {display:block; text-transform:uppercase;}

	.content-section .inner-section01 {background-color:#FFFFFF; padding:30px 0;}
	.pad30 {padding:30px 40px;}
	.padtop30 {padding:30px 40px 0 40px;}

	.content-section .inner-section01 label {font-size:16px; font-weight:700; line-height:1.6; color:#003581; text-transform:uppercase; display:block;}
	.content-section .inner-section01 label span {color:#F00;}
	.content-section .inner-section01 label.error {font-size:14px !important; font-weight:400 !important; color:#F00 !important; text-transform:none !important;}

	input[type="text"], input[type="email"], input[type="tel"], textarea {margin:0; padding:10px; width:100%; height:100%; background-color:#FFF; border:1px solid #dddddd; font-size:16px; font-weight:400; line-height:1.4; color:#373737;}
	textarea {overflow:auto; resize:vertical;}
	input[type="submit"] {margin:0; padding:0 30px; width:auto; height:50px; background-color:#003581; border:none; font-size:16px; font-weight:700; line-height:50px; color:#FFFFFF; text-transform:uppercase; cursor:pointer;}
	input[type="submit"]:hover, input[type="submit"]:focus {background-color:#008ed7;}

	.sitemap {padding:0 40px 150px 40px;}
	.sitemap ul {margin:0; padding:0; list-style:none;}
	.sitemap ul li {margin:0; padding:0; display:inline; font-size:20px; font-weight:700; line-height:1.2; color:#003581; text-transform:uppercase;}
	.sitemap ul li a {color:#003581; display:inline-block;}
	.sitemap ul li a:hover, .sitemap ul li a.active {color:#008ed7;}
	.sitemap ul li span {padding:0 10px;}


/* 	-----------------------------------------------------
	---------------- Breadcrumb Styles ------------------
	----------------------------------------------------- */
	.breadcrumb-section {margin:0 auto; padding:10px 0; width:100%; height:auto; background-color:#008ed7; text-align:center;}
	.breadcrumb-section ul {margin:0; padding:0; list-style:none;}
	.breadcrumb-section ul li {margin:0; padding:0; display:inline; font-size:16px; font-weight:700; line-height:1.2; color:#FFFFFF; text-transform:uppercase;}
	.breadcrumb-section ul li a {color:#FFFFFF; display:inline-block;}
	.breadcrumb-section ul li a:hover, .breadcrumb-section ul li a.active {color:#FFFFFF;}
	.breadcrumb-section ul li span {padding:0 10px;}

/* 	-----------------------------------------------------
	------------------- Footer Styles -------------------
	----------------------------------------------------- */
	.footer-section {margin:0 auto; padding:0; width:100%; height:auto; border-top:1px solid #ebebeb;}
	.footer-section [class*="col-"] {padding:0;}
	.footer-section .section01 {padding:14px 0; background-color:#FFFFFF;}
	.footer-section .section01 p {font-size:15px; font-weight:400; line-height:1.2; color:#373737; padding:10px 0;}
	.footer-section .section01 p.location {padding:10px 0 10px 30px; background:url(../images/icon-location.png) no-repeat 0 13px;}
	.footer-section .section01 p.phone {padding:10px 0 10px 30px; background:url(../images/icon-phone.png) no-repeat 0 11px;}
	.footer-section .section01 p img {vertical-align:top; margin:0 10px;}
	.footer-section .section02 {background-color:#003581; text-align:center; font-size:12px; font-weight:400; line-height:18px; color:#FFF; padding:10px 0;}

    .footer-address{
        text-align: center;
    }

    .footer-address p{
        width: 50%;
        margin: 0 auto;
    }


    @media (min-width: 768px) {
        
    }

    @media (min-width: 1025px) {

        .footer-section {margin:0 auto; padding:0; width:100%; height:auto; border-top:1px solid #ebebeb;}
        .footer-section [class*="col-"] {padding:0;}
        .footer-section .section01 {padding:14px 0; background-color:#FFFFFF;}
        .footer-section .section01 p {font-size:15px; font-weight:400; line-height:1.2; color:#373737; padding:10px 0;}
        .footer-section .section01 p.location {padding:10px 0 10px 30px; background:url(../images/icon-location.png) no-repeat 0 13px;}
        .footer-section .section01 p.phone {padding:10px 0 10px 30px; background:url(../images/icon-phone.png) no-repeat 0 11px;}
        .footer-section .section01 p img {vertical-align:top; margin:0 10px;}
        .footer-section .section02 {background-color:#003581; text-align:center; font-size:12px; font-weight:400; line-height:18px; color:#FFF; padding:10px 0;}

        .footer-address{
            text-align: left;
        }

        .footer-address p{
            width: 100%;
        }
        
    }