
strong {font-weight: 700;}
#content { margin-top: 0px;}


.clear10 {height: 10px;}
.clear20 {height: 20px;}


/*Counter CSS*/
*{padding:0; margin:0;}
.counterContent { display: flex; justify-content: space-around; align-items: center; font-size: 25px; font-weight: 700; text-align: center; margin-top:20px}
.counterContent p {line-height:23px;}
.value  {color: #fff; margin-bottom: 10px;}
.BrettsCounter .column { padding: 0px 20px; margin-bottom: 30px;}
.BrettsCounter .grid-section {margin-top:30px;}
.BrettsCounter {padding-top:70px !important; padding-bottom:80px !important;}
/*Counter CSS*/


.padding12 {padding-top: 12px;}
.paddingTopNone {padding-top: 0px !important;}

.c3-bg.bg-perc_50, .apc.banner .item.overlay.c3-bg::before, .apc.pod-windows .item.overlay .info.c3-bg::before {background-color: rgba(0,0,0,0.3);}
.image .caption { background-color: rgba(0,0,0,0.7);}

.c1-text {color: #333;}
.c3-text {color: #4f585a; font-weight: 600;}
a {color: #1d84c6;}
html.no-touch a:hover {color: #000;}
p {line-height: 1.5;}
h1 {color: #000000; font-weight: 600; font-size: 45px; line-height: 45px;}
h1 strong {font-weight: 700;}
h2 {    color: #16233e;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0px;}

h5 {color: #4f585a; font-weight: 700; font-size: 18px; border-top: 1px dashed #1d84c6; padding-top:10px; margin-top:30px;}
h5 a {display: block; width:100%; padding: 15px; background-color: #4f585a; color:#fff; border-top: none !important;}
h5 a:hover {background-color: #BF9F7D; color: #4f585a !important;}

body .base-text h3 {color: #000;}
h3 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 600;
}

.secondary-heading {
    text-transform: initial ;
    color: #16233e !important;
    font-size: 16px;
    letter-spacing: 0px;
    font-weight: 700;
}

.btn { padding: 10px 12px;}

.apc .heading.main { line-height: 40px;}


blockquote::before {color: #BF9F7D;}
.item.image-pod { margin-top: 51px;}


.PaddingLeft30 {padding-left: 30px;}
.PaddingLeft30 li { background-color: #1d84c6 !important;}
.PaddingRight30 {padding-right: 30px;}


header {height: 103px; background-color: #15243E;}
header #logo {top: 11px; width: 300px;}
header #logo a { width: 300px !important; height: 82px !important;}
header #logo a {background-size: 300px 48px !important;}
header::before {top: 108px; background-color: #1d84c6;}
header::after {top: 103px; background-color: #fff; height: 50px;}

/*header .site-search button.btn {background-color: transparent;}*/

html.no-touch .image a:hover img {transform: scale(1.2) !important;}

/*Grid Bullets*/
.umb-grid ul {list-style: none;}
.umb-grid li { background-color: #15243E; margin-left: -20px; padding: 17px; color: #fff; margin-bottom: 6px;}

.umb-grid li a:hover { color: #fff !important;}

#pos_1536 .grid-section li { min-height: 80px;}

/*Grid Bullets*/


/*NAVIGATION*/
.navigation nav.main {top: 103px; height: 50px;}
header nav.cta-link {top: 105.5px;}
header .site-search {top: 34px;}
.navigation nav.top {top: 37px;}
.navigation nav.main {background-color: #fff;}
.navigation nav.main>ul>li>span a { color:#15243E;}
html.no-touch .navigation nav.main>ul>li:hover {background-color: #00477e;}
html.no-touch .navigation nav.main>ul>li:hover>span>a { color: #ffffff;}
.navigation nav.main>ul>li.has-child ul {width: 265px;}
.navigation nav.main>ul>li>span.active, html.touch .navigation nav.main>ul>li.open {background-color: #1d84c6;}
.navigation nav.main>ul>li.has-child ul {background-color: #1d84c6;}
html.no-touch .navigation nav.main ul li ul li span:not(.active)>a:hover, .navigation nav.main ul li ul li span:not(.active)>a:focus {background-color: #00477e; color: #000;}
nav.main {font-family: 'Raleway', 'sans-serif'; font-weight: 600;}
.navigation nav.main>ul>li>span a {     padding: 17px 20px;
    font-family: 'proxima-nova', sans-serif;
    text-transform: initial;
    font-weight: 700;
    letter-spacing: 0px;
    font-size: 15px;}

    header nav.cta-link a.btn {
        padding-top: 6px;
        height: 34px;
        text-transform: initial;
        letter-spacing: 0px;
        font-size: 15px;
        font-weight: 700;
    }
.navigation nav.main>ul>li>span a {height: 50px;}

html.no-touch .navigation nav.main ul li.has-child ul li span.active a:hover::before, .navigation nav.main ul li.has-child ul li span.active a::before {background-color: #4f585a;}

.navigation nav.top ul>li {margin: 0 10px 0 10px;}
.navigation nav.top li a {
    padding-top: 12px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'eurostile', sans-serif !important;
    letter-spacing: 1px;
}
.navigation nav.top li a i {color: #1d84c6;}
html.no-touch .navigation nav.top li a:hover, .navigation nav.top li a:focus, .navigation nav.top li a:active {color: #1d84c6;}
.navigation nav.top>ul {font-size: 14px; font-weight: 600;}

nav.sub p.heading {border-color: #15243E; background-color: #15243E;}
nav.sub p.heading a {color: #fff; font-weight: 700;}
nav.sub.categories p.heading {color: #fff; font-weight: 700;}

/*.navigation .site-search input {display: none !important;}*/
.after:before {display: none;}
/*NAVIGATION*/

/*NAVIGATION AFTER SCROLL*/
html.nav-up header {top: -103px ;}
html.no-touch .btn.c1-bg:hover, .btn.c1-bg:active, .btn.c1-bg:focus { color: #ffffff; border-color: #00477e; background-color: #00477e;}
/*NAVIGATION AFTER SCROLL*/





/*Banner*/
.apc.banner .info .heading.main {  color: #fff;
    font-weight: 400;
    font-size: 37px;
    letter-spacing: 0px;
    line-height: 38px;}
.apc.banner .info .text :last-child {
    color: #fff;
    padding-top: 0px;
    font-size: 15px;
    font-weight: 600;
}
.apc.banner {margin: 0px 0px 0px;}
.apc.banner .secondary-heading {color: #bf9f7d;}
.apc .medium a.btn.c1-bg { background-color: #1d84c6; border-color: #1d84c6;}
.apc .medium a.btn.c1-bg:hover { background-color: #00477e; border-color: #00477e; color: #000;}
.apc.c1-bg .slick-prev, .apc.c1-bg .slick-next { background-color: #1d84c6;}
.slick-prev:hover { background-color: #1d84c6 !important;}
.slick-next:hover { background-color: #1d84c6 !important;}
.slick-prev, .slick-next {background-color: #16233e;}

.apc.banner div.table-cell {
    vertical-align: bottom;
    padding-bottom: 100px;
}
/*Banner*/


/*Home Blog Posts*/
.homeBlogPosts .text.base-text { display: none;}
.homeBlogPosts .categories { display: none;}
.homeBlogPosts.apc .heading.main { font-size: 22px;}
/*Home Blog Posts*/




/*Testimonials*/
.spc.blockquotes .heading.main {font-size: 23px !important; text-transform: uppercase; letter-spacing: 0px;}
.spc.blockquotes blockquote p { font-size: 18px;
    line-height: 26px;
    color: #ccc;
    font-weight: 800;}
blockquote::before {color: #1d84c6;}
ul.slick-dots li.slick-active button {background-color: #333;}
/*Testimonials*/



/*Gallery*/
.aboutGallery .row:not(.overview):not(.outro) .item { padding: 0px !important;}
.ekko-lightbox-nav-overlay a::before {background-color: #1d84c6;}
html.no-touch .ekko-lightbox-nav-overlay a:hover::before {background-color: #00477e; color: #fff;}
.gallery .heading.main { font-size: 35px;}
.spc.gallery .row:not(.overview):not(.outro) .item {padding: 8px;}
/*Gallery*/


/*Windows*/
.windows .table-cell .inner h1 {background: rgba(21,35,62,0.8); padding:17px 17px 0px; margin-bottom: 0px; letter-spacing: 0px; font-size: 44px;}
.windows .table-cell .inner p {background: rgba(21,35,62,0.8); padding:5px 17px 17px; margin-top: 0px; font-size: 15px;}
.apc.pod-windows .item .heading+.text { margin-top: -15px;}
.windows .table-cell .inner p.link {background: transparent; padding: 0px;}
/*Windows*/




/*Buttons*/
.btn.c1-bg { border-color: #1d84c6; letter-spacing: 0px;}
.c1-bg {background-color: #1d84c6;}
.btn.c5-bg { border-color: #1d84c6; background-color: #1d84c6;  color: #FFF; letter-spacing: 0px;}
html.no-touch .btn.c5-bg:hover { border-color: #04c1de; background-color: #04c1de;}
html.no-touch header .site-search button.btn.c1-bg.c5-text:hover, header .site-search button.btn.c1-bg.c5-text:active, header .site-search button.btn.c1-bg.c5-text:focus{    background-color: #00477e; color: #fff;}

.btn.c2-bg {border-color: #000000; background-color: #000000;}
html.no-touch .btn.c2-bg:hover {border-color: #1d84c6; background-color: #fff; color: #1d84c6;}
/*Buttons*/


/*Listings*/
.listing .item .heading { font-size: 20px; color: #4f585a; font-weight: 700;}
nav.sub ul li.active>a {color: #ccc;}
nav.sub ul li.active>a:hover {color: #4f585a;}
/*Listings*/


/*Grid Section*/
.grid-section .clearfix { margin-bottom: 0px;}
/*Grid Section*/

/*Accordian Section*/
.spc.accordion .heading:not(.main) a {background-color: #4f585a; box-shadow:none;}
.spc.accordion .heading:not(.main) a.collapsed {font-weight: 700;}
.spc.accordion .heading:not(.main) a:not(.collapsed) {color: #4f585a;}
.spc.accordion .heading:not(.main) i {color: #BF9F7D;}
/*Accordian Section*/

/*Contact C2A*/
html.no-touch .btn.c4-bg:hover {background-color: #000;}
/*Contact C2A*/


/*FOOTER*/
footer {background-color: #16233e;}
footer .heading {color: #1d84c6; font-weight: 700;} 
html.no-touch footer a:hover {color: #1d84c6;}
footer nav.footer ul li.site-credit a {color: #00477e; font-weight: 600;}
html.no-touch footer nav.footer ul li.site-credit a:hover {color: #1d84c6;}
nav.footer {padding: 80px 0 0; text-transform: uppercase; letter-spacing: 0px;}
footer p { font-size: 15px;}
footer .quick-links ul li {  width: 50%;}
footer .quick-links { margin-left: -35px; padding-right: 35px;}
.site-search .form-control {margin-bottom: 12px;}
footer p.heading { font-size: 19px; line-height: 21px; letter-spacing: 0px;}
/*FOOTER*/


/*Call to Action Box*/
.cta-strip .secondary-heading {color: #fff;}
.cta-strip .heading {color: #04c1de;}
.cta-strip .intro {color: #ccc;}
.cta-strip html.no-touch .btn.c6-bg:hover {border-color: #1d84c6; background-color: #1d84c6}
/*Call to Action Box*/


/*Contact Page*/
.forms .heading {color: #4f585a !important;}
/*Contact Page*/


/*News Section*/
.newsSection h1 { color: #00477e;}
.blogPost h1 { line-height: 43px; margin-bottom: 28px;}
/*News Section*/


.apc {padding: 40px 0;}


/*Fonts
.heading {font-family: 'eurostile', sans-serif !important; text-transform: uppercase;}
.h1 {font-family: 'eurostile', sans-serif !important; text-transform: uppercase;}
h1 {font-family: 'eurostile', sans-serif !important; text-transform: uppercase;}
.h2 {font-family: 'eurostile', sans-serif !important; text-transform: uppercase;}
h2  {font-family: 'eurostile', sans-serif !important; text-transform: uppercase;}
.h3  {font-family: 'eurostile', sans-serif !important;}
h3  {font-family: 'eurostile', sans-serif !important;}
.h4  {font-family: 'eurostile', sans-serif !important;}
h4  {font-family: 'eurostile', sans-serif !important;}
.h5  {font-family: 'eurostile', sans-serif !important; text-transform: uppercase; font-size: 17px;}
h5  {font-family: 'eurostile', sans-serif !important; text-transform: uppercase; font-size: 17px;}
p  {font-family: 'eurostile', sans-serif !important;}
body  {font-family: 'eurostile', sans-serif !important; font-size: 17px;}
/*Fonts*/


/*Fonts*/
.heading {font-family: 'proxima-nova', sans-serif !important; text-transform: initial;}
.h1 {font-family: 'proxima-nova', sans-serif !important; text-transform: initial;}
h1 {font-family: 'proxima-nova', sans-serif !important; text-transform: initial;}
.h2 {font-family: 'proxima-nova', sans-serif !important; text-transform: initial;}
h2  {font-family: 'proxima-nova', sans-serif !important; text-transform: initial;}
.h3  {font-family: 'proxima-nova', sans-serif !important;}
h3  {font-family: 'proxima-nova', sans-serif !important;}
.h4  {font-family: 'proxima-nova', sans-serif !important;}
h4  {font-family: 'proxima-nova', sans-serif !important;}
.h5  {font-family: 'proxima-nova', sans-serif !important; font-size: 17px;}
h5  {font-family: 'proxima-nova', sans-serif !important; font-size: 17px;}
p  {font-family: 'proxima-nova', sans-serif !important;}
body  {font-family: 'proxima-nova', sans-serif !important; font-size: 15px;}
/*Fonts*/


.DarkBlueText {color: #16233e;}
.LightBlueText {color: #1d84c6;}


#pos_1558 .grid-section .col-sm-6 {width: 100%;}



/* Responsive Styles */

/*Phone*/
@media screen and (max-width: 750px) and (min-width: 100px) {
.hideMobile {display: none;}

#content { margin-top: -19px;}

#site {margin-top: 36px;}

.navigation nav.main>ul>li>span a { padding: 24px 28px 40px;}

header #logo a { width: 270px !important; height: 67px !important;}
header #logo a {background-size: 270px 49px !important;}
header { height: 86px;}
header nav.cta-link { margin: 40px 14px 14px;}
header .site-search { top: 0px;}
header a.expand.active span:before, header a.expand.active span:after { background-color: #1d84c6;}
header a.expand span:before, header a.expand span, header a.expand span:after  { background-color: #fff;}

.navigation nav.top { top: -17px; margin-left: -9px;}
.navigation nav.top ul>li { margin: 8px 10px 0 10px; font-size: 20px;}
.navigation nav.top li a { padding-top: 0px; font-size: 27px;}
.navigation nav.main>ul>li.has-child ul { width: 100%;}
html.touch .navigation nav.main ul li span i {color: #16233e;}

.secondary-heading { margin-top: 0px; font-size: 14px;}

.apc.banner { margin: -20px 0px 0px;}
.apc.banner .item .image { background-position: 66%;}
.apc.banner .info .heading.main { font-size: 34px; line-height: 32px; width: 90%;}
.apc.banner .info .text :last-child { font-size: 15px; width: 85%;}
.apc.banner .secondary-heading {margin-bottom: 10px;}
.apc {padding: 10px 0;}
.apc.banner .btn { width: 100%;}
.apc.banner .link a { font-size: 11px; text-align: left;}

.apc.banner .item.short div.table-cell { padding: 29px 10px !important;}

.slick-prev, .slick-next {background-color: #1d84c6;}

.PaddingLeft30 { padding-left: 0px;}
.intro { font-size: 110%;}


#pos_1484 { padding: 24px 15px;}
#pos_1484 p { text-align: left !important;}
#pos_1484 h2 { font-size: 34px; line-height: 33px;}


#pos_1433 { padding: 24px 15px;}
#pos_1433 .secondary-heading { font-size: 20px; line-height: 21px;}


.spc.blockquotes blockquote p { font-size: 15px; line-height: 22px; text-align: left;}


footer .quick-links { margin-left: 2px; padding-right: 3px;}
footer .quick-links ul li { width: 100%;}
footer {padding: 30px 15px;}
nav.footer { padding: 20px 0 0;}

h1 {font-size: 41px; line-height: 38px;}


}
/*Phone*/






/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) { 

    .hideMobile {display: none;}
	
	.BrettsCounter {display: none;}

    #content { margin-top: -19px;}
    
    #site {margin-top: 36px;}
    
    .navigation nav.main>ul>li>span a { padding: 24px 28px 40px;}
    
    header #logo a { width: 270px !important; height: 67px !important;}
    header #logo a {background-size: 270px 49px !important;}
    header { height: 86px;}
    header nav.cta-link { margin: 40px 14px 14px;}
    header .site-search { top: 0px;}
    header a.expand.active span:before, header a.expand.active span:after { background-color: #1d84c6;}
    header a.expand span:before, header a.expand span, header a.expand span:after  { background-color: #fff;}
    
    .navigation nav.top { top: -17px; margin-left: -9px;}
    .navigation nav.top ul>li { margin: 8px 10px 0 10px; font-size: 20px;}
    .navigation nav.top li a { padding-top: 0px; font-size: 27px;}
    .navigation nav.main>ul>li.has-child ul { width: 100%;}
    html.touch .navigation nav.main ul li span i {color: #16233e;}
    
    .secondary-heading { margin-top: 0px; font-size: 14px;}
    
    .apc.banner { margin: -20px 0px 0px;}
    .apc.banner .item .image { background-position: 66%;}
    .apc.banner .info .heading.main { font-size: 34px; line-height: 32px; width: 90%;}
    .apc.banner .info .text :last-child { font-size: 15px; width: 85%;}
    .apc.banner .secondary-heading {margin-bottom: 10px;}
    .apc {padding: 10px 0;}
    .apc.banner .btn { width: 100%;}
    .apc.banner .link a { font-size: 11px; text-align: left;}
    
    .apc.banner .item.short div.table-cell { padding: 29px 10px !important;}
    
    .slick-prev, .slick-next {background-color: #1d84c6;}
    
    .PaddingLeft30 { padding-left: 0px;}
    .intro { font-size: 110%;}
    
    
    #pos_1484 { padding: 24px 15px;}
    #pos_1484 p { text-align: left !important;}
    #pos_1484 h2 { font-size: 34px; line-height: 33px;}
    
    
    #pos_1433 { padding: 24px 15px;}
    #pos_1433 .secondary-heading { font-size: 20px; line-height: 21px;}
    
    
    .spc.blockquotes blockquote p { font-size: 15px; line-height: 22px; text-align: left;}
    
    
    footer .quick-links { margin-left: 2px; padding-right: 3px;}
    footer .quick-links ul li { width: 100%;}
    footer {padding: 30px 15px;}
    nav.footer { padding: 20px 0 0;}
    
    h1 {font-size: 41px; line-height: 38px;}

    #pos_1558 .grid-section .col-sm-6 {width: 50%;}

}
/*Tablet Portrait*/





/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : landscape) { 

    .navigation nav.main>ul>li>span a { padding: 18px 16px; font-size: 13px;}

    header nav.cta-link a.btn {
            padding-top: 6px;
    height: 35px;
    text-transform: initial;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 700;
    }

}
/*Tablet Landscape*/



@media screen and (max-width: 991px) and (min-width: 100px) {
	.navigation nav.main {height: 408px;}
	.navigation nav.main>ul>li>span a {padding: 15px 28px 17px;}
}

@media screen and (max-width: 1199px) and (min-width: 1025px) {
	.navigation nav.main>ul>li>span a {padding: 17px 16px;}	
}







/*Lyndon Styles*/
.LyndonBannerTop { padding: 0px; margin-top: -2px;}
.LyndonBannerTop .col-md-12, .LyndonBannerTop .col-xs-12 { padding: 0px;}
.LyndonContent { padding-top: 30px;}
/*Lyndon Styles*/

