/* SCRIPTS 

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="extensions/css/flexslider.css" type="text/css">
<script src="extensions/scripts/jquery.min.js"></script>
<script src="extensions/scripts/jquery.waypoints.min.js"></script>
<script src="extensions/scripts/jquery.equalheightcolumns.min.js"></script>
<script src="extensions/scripts/jquery.flexslider-min.js"></script>
<script type="text/javascript">
$(window).load(function(){$(".flexslider").flexslider({controlNav:!1,slideshow:!0,slideshowSpeed:4e3,pauseOnHover:!0,animation:"fade"})});
</script>
<script src="extensions/scripts/jquery.magnific-popup.js"></script>
<link rel="stylesheet" href="extensions/css/magnific-popup.css" type="text/css">
<script type="text/javascript">
$(document).ready(function(){$(".popup-gallery").magnificPopup({delegate:"a",type:"image",tLoading:"",mainClass:"mfp-img-mobile",gallery:{enabled:!0,navigateByImgClick:!0,preload:[0,1]},image:{tError:'<a href="%url%">The image #%curr%</a> could not be loaded.',titleSrc:function(e){return e.el.attr("title")+"<small></small>"}}})});
</script>

<div class="phone-num"><i class="fa fa-phone"></i><a href="tel:INSERT PH NUMBER">INSERT PH NUMBER</a></div>

<div class="header-address"><i class="fa fa-map-marker"></i>INSERT ADDRESS</div>


*/

/* LOGO */

.logo-heading h1.medium {
    background: url(../images/gallery/logol.png) no-repeat center;
    width: 650px;
    text-indent: -9999px;
    max-width: 100%;
    margin: 10px 0;
}

/* Responsive Logo (centre aligned) */

@media (max-width: 800px) {
    .logo-heading h1.medium {
        background: url(../images/gallery/logoc.png) no-repeat center;
        width: 100%;
        height: 120px;
        background-size: contain;
    }
}





/* COLOURS */

/* Header Background Color */ 

.page {
    background: transparent;
}

/* Theme Accent Colours */ 

.flex-caption, .btn, .btn:active, .btn:visited, .btn:focus, .btn:link, #signupBase input[type=submit], .slide-caption h2 {
    background: #00288a;
    color: #FFF;
}

ul.nav a:hover {
    background: #0093d4;
}

blockquote {
    border-left: 5px solid #ff9c00;
}

/* Check List Colour */ 

.check-list li .fa {color:#cd0000!important;}

/* Theme Nav Colours */ 

.nav-wrap, ul.nav {
    background: #00288a;
}

ul.nav li {
    border-right: 1px solid #fff;
}

/* Button Hover */ 

.btn:hover, #signupBase input[type=submit]:hover {
    background-color:#0093d4;
    color:#fff !important;
}

/* Hyperlinks */ 

a:link, a:visited  {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}

a:link:hover {
    color: inherit;
}

/* Footer */

.footer {
    background: #2c3535;
}

.footer a {
    color:#fff;
    font-weight: inherit;
}

.footer a:hover { 
    color:#00288a;
}

.footer ul li {
    color: #fff;
    border-right: 2px solid #fff;
}

/* Header Phone Number */

.phone-num {
    top:4px;
    color: #3c3c3c;
}

.phone-num a {
    color: #3c3c3c;
}

.phone-num i {
    color: #ff9c00;
}

/* Header Address */

.header-address {
    top: 39px;
    color: #3c3c3c;
}

.header-address a {
    color: #ff9c00;
}

.header-address i {
    color: #ff9c00;
}




/* Custom Text Style 1 */

.text-style-1 h1 {font-size: 28px; color: #00288a!important;}

.text-style-1 h2 {font-size: 28px; color: #2c3535!important;}

.text-style-1 h2 span {font-size: inherit; color: #2c3535;}

.text-style-1 p, .text-style-1 .check-list li, .text-style-1 blockquote p {font-size: 17px;}

.text-style-1 h1, .text-style-1 h2, .text-style-1 p, .text-style-1 .check-list li, .text-style-1 .check-list li .fa, .text-style-1 blockquote p, .text-style-1 blockquote small {color: #2c3535;}


/* Custom Text Style 2 */

.text-style-2 h2 {font-size: 28px; color: #00288a;}

.text-style-2 h2 span {font-size: 28px; color: #000;}

.text-style-2 p, .text-style-2 .check-list li, .text-style-2 blockquote p {font-size: 17px; color: #000;}




/* BACKGROUNDS */

/* Slider */

.page > .banner-sectionSlider {
    background: #fafafa;
    background: linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7) ), 
    url(../images/gallery/bg-slider.jpg) center bottom repeat-x;
    background-size: cover;
    background-attachment: fixed;
}

/* Wide - Intro */ 

.page > .intro-sectionBG {
    background: #fafafa;
    background: linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7) ), 
    url(../images/gallery/bgn1.jpg) center bottom repeat-x;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

/* Wide - About Us */ 

.page > .contentSectionTop4 {
    background: #fafafa;
    background: linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) ), 
    url(../images/gallery/bgn3.jpg) center bottom repeat-x;
    background-size: cover;
}

.page > .contentSectionTop4 .contentSection {
    background: transparent;
}

/* Wide - Services */ 

.page > .contentSectionTop5 {
    background: #fafafa;
    background: linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7) ), 
    url(../images/gallery/bgn2.jpg) center repeat-x;
    background-size: cover;
}

.page > .contentSectionTop5 .contentSection {
    background: transparent;
}

/* Wide - Summary */ 

.page > .contentSectionTop4.c1 {
    background: #fafafa;
    background: linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) ), 
    url(../images/gallery/bgn4.jpg) center repeat-x;
    background-size: cover;
}

.page > .contentSectionTop4.c1 .contentSection {
    background: transparent;
}

/* Wide - 3 Col */ 

.page > .contentSectionTop6 {
    background: #fafafa;
    background: linear-gradient( rgba(255, 0, 0, 0.0), rgba(255, 0, 0, 0.0) ), 
    url(../images/gallery/bg-3col.jpg) center bottom repeat-x;
    background-size: cover;
}

.page > .contentSectionTop6 .contentSection {
    background: transparent;
}

/* Wide - Gallery */ 

.page > .contentSectionGallery {
    background: #444444;
    background: linear-gradient( rgba(255, 0, 0, 0.0), rgba(255, 0, 0, 0.0) ), 
    url(../images/gallery/bg-gallery.jpg) center bottom repeat-x;
    background-size: cover;
}

.page > .contentSectionGallery .contentSection {
    background: transparent;
}

/* Wide - Text & Graphics Text Left */ 

.page > .contentSectionTG3 {
    background: linear-gradient( rgba(255, 0, 0, 0.0), rgba(255, 0, 0, 0.0) ), 
    url(../images/gallery/bg-tgleft.jpg) center bottom repeat-x;
    background-size: cover;
}

.page > .contentSectionTG3 .contentSection {
    background: transparent;
}

/* Wide - Text & Graphics Text Right */ 

.page > .contentSectionTG4 {
    background: linear-gradient( rgba(255, 0, 0, 0.0), rgba(255, 0, 0, 0.0) ), 
    url(../images/gallery/bg-whow.jpg) center bottom repeat-x;
    background-size: cover;
}

.page > .contentSectionTG4 .contentSection {
    background: transparent;
}





/* CTA */

.page > .banner-sectionBG {
    background: #fafafa;
    background: linear-gradient( rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7) ), 
    url(../images/gallery/bgn1.jpg) center bottom repeat-x;
    background-size: cover;
    background-attachment: fixed;
}

/* Contact Page */

.contactusSectionBG {
    background: linear-gradient( rgba(255, 0, 0, 0.0), rgba(255, 0, 0, 0.0) ), 
    url(../images/gallery/bg-contactus.jpg) center bottom repeat-x;
    background-size: cover;
    background: #fff;
}

.contactusSection {
    background: transparent;
    color: inherit !important;
}

.contactusSection p em {
    color: inherit !important;
}

/* Content Section Accent (to hide set opacity to 0)*/ 

.banner-sectionSlider, .contentSectionTop2, .contentSectionTop3, .contentSectionTop4, .contentSectionTop5, .contentSectionTop6, .contentSectionGallery, .contentSectionBottom2, .contentSectionBottom3, .contentSectionBottom4, .contentSectionBottomGallery, .banner-sectionBG, .contentSectionTG1, .contentSectionTG2, .contentSectionTG3, .contentSectionTG4, .contactusSectionBG, .intro-sectionBG {
    -webkit-box-shadow: inset 0px -10px 0px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0px -10px 0px 0px rgba(0,0,0,0.05);
    box-shadow: inset 0px -10px 0px 0px rgba(0,0,0,0.05);
}

/* Mods */

/* Centre Nav Menu (to enable uncomment the CSS below) */

/*
.nav{text-align:center}.nav li{display:inline;float:none}.nav a{display:inline-block}
*/