body { font-family: 'Roboto Slab', serif; min-width: 320px; color: rgb(66,115,141); font-weight: 300; /* height: auto; */ /* overflow: hidden; */ }
hr { border-top: 1px dashed #BBBBBB; }
.navbar-default { background: #FFFFFF; }
.navbar .navbar-brand { max-width: 277px; /* width:80%; */ height: auto; }
.header-img { position: absolute; left: -750px; right: -750px; margin: auto; min-width: 100%; height: auto;min-height:100%;width:auto; }
.header-text { font-weight: 700; color: #FFF; font-size: 42px; }
.header-tex-sub { font-weight: 300; font-size: 24px; margin-top: 30px; }
.header-content { height: 600px; display: table-cell; width: 100%; vertical-align: middle; }
#headerwrap > .container > .row > div { /* display:table; */ }

.h-main { background: url(../img/br_logo_bg_2x.png)/*tpa=http://www.bartleread.co.uk/assets/img/br_logo_bg_2x.png*/ no-repeat center center; background-size: auto 100%; }
.h-section { }
    .h-section h4 { font-size: 24px; font-weight: 700; }
    .h-section p { }
.h-section-icon { width: 100px; margin: 0 auto; display:block;}
.spacer { margin-top: 0px; padding-top: 30px; padding-bottom: 30px; text-align: center; background-attachment: relative; background-position: center center; /* min-height: 240px; */ width: 100%; color: #FFFFFF; }
    .spacer p { }
        .spacer p.lead { font-weight: 300; color: #FFFFFF; font-size: 20px; line-height: 1.4; margin-bottom: 0; }
.spacer-dgreen { background: rgb(0,85,111); }

.footer-link { display: inline-block; width: 49px; height: 49px; margin: 0 8px; }
.spacer-thin { padding-top: 20px; padding-bottom: 20px; }
.spacer-green { background: rgb(66,115,141); }
.spacer-lgreen { background: rgb(124,166,186); }
.mailing-block { display: inline-block; }


    .mailing-block .form-control { border: 2px solid rgb(66,115,141); }
        .mailing-block .form-control:focus { border-color: rgb(0,85,111); }
.mailing-block { width: 100%; margin-bottom: 15px; }

.ph { position: relative; overflow: hidden; }
.ph-h1 { color: rgb(124,166,186); font-weight: 300; font-size: 24px; margin-bottom: 20px; }
.ph-subhead { color: #FFF; font-weight: 700; font-size: 34px; }

.ph-img { position: absolute; left: -750px; right: -750px; margin: auto; top: -100%; z-index: -1; bottom: -100%; min-width: 100%; height: auto; }

.text-dgreen { color: rgb(0,85,111); }
.profile { margin-left: -30px; margin-right: -30px; }
    .profile h2 { color: rgb(0,85,111); }
    .profile h6 { }

.person img { margin: 0 auto; }

.tabbable .nav a { width: 140px; font-size: 18px; border-radius: 10px; color: rgb(255,108,12); border: 1px solid; padding: 6px 15px; text-align: center; }

.tabbable .nav li { margin-bottom: 15px; }

    .tabbable .nav li.active a { background-color: rgb(255,243,235); }

.spacer h2 { font-size: 36px; }
.spacer h2 { font-size: 52px; }
.spacer h4 { font-size: 22px; margin-bottom: 16px; font-weight: 700; }
.profile-top { position: relative; padding-right: 130px; display: inline-block; }

.linkedin { position: absolute; top: 9px; right: 0; display: block; width: 49px; }

.emailink { position: absolute; top: 9px; right: 60px; display: block; width: 49px; }
.spacer-lgreen h4 { color: rgb(0,85,111); }
.spacer-dgreen h4 { color: rgb(255,108,12); }
#headerwrap .slider-next, .newslider .slider-next { background: url(../img/carousel_arrow_right_2x.png)/*tpa=http://www.bartleread.co.uk/assets/img/carousel_arrow_right_2x.png*/ no-repeat 0 0; height: 40px; width: 24px; background-size: contain; position: absolute; cursor: pointer; top: 0; bottom: 0; margin: auto; z-index: 3; right: 0; }

#headerwrap .slider-prev, .newslider .slider-prev { background: url(../img/carousel_arrow_left_2x.png)/*tpa=http://www.bartleread.co.uk/assets/img/carousel_arrow_left_2x.png*/ no-repeat 0 0; height: 40px; width: 24px; background-size: contain; position: absolute; cursor: pointer; top: 0; bottom: 0; margin: auto; z-index: 3; left: 0; }
.testi { display: table-cell; height: 100%; vertical-align: middle; text-align: center; width: 100%; color: #FFF; font-size: 24px; /* width: 1000px; */ }
.testi-quote { font-weight: 300; max-width: 1000px; margin: 0 auto; }
.testi-person { max-width: 1000px; margin: 0 auto; font-weight: 700; }

#f a { text-decoration: inherit; color: inherit; }
    #f a:hover { text-decoration: underline; }

#f .legal a { display: inline-block; padding: 0 8px; text-decoration: underline; }

.newslider h2 { font-size: 26px; color: rgb(0,85,111); margin-bottom: 20px; }
.newslider .swiper-container { height: auto; margin: 25px 40px; }
.newslider { color: #FFF; position: relative; }

    .newslider .swiper-slide { text-align: center; }
    .newslider a { color: rgb(0,85,111); text-decoration: none; }
        .newslider a:hover { text-decoration: underline; color: rgb(0,85,111); }
    .newslider .news-title { font-size: 18px; padding-bottom: 10px; display: block; }
    .newslider a.btn, .newslider a.btn:hover { color: #FFF; text-decoration: none; }

.contact-bar { font-size: 20px; vertical-align: middle; }
    .contact-bar .btn { display: block; width: 120px; margin: 10px auto 0; }

.navbar .nav { }
.grid { padding-top: 30px; }

.large1stP p:first-child { font-size: 29px; font-weight: 300; color: rgb(0,85,111); }
.text-content.large1stP p:first-child { font-size: 22px; font-weight: 700; color: inherit; }

.mapbox { height: 350px; }
.navbar .nav > li:first-child { display: none; }
.news-articles { padding-top: 30px; }
.news-article {padding-bottom:30px; }
    .news-article .news-imglink { display: block; }
    .news-article h1 {font-size:32px; font-weight:bold;margin-bottom:20px; }
    .news-article p { }
    .news-article .news-date { font-size:85%;}
    .news-article .btn { margin-top:20px;}
.text-content a { -ms-word-break: break-all; /* Be VERY careful with this, breaks normal words wh_erever */ word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.text-content h1 { font-size:32px;font-weight:700;color:rgb(0,85,111); margin-bottom:1em;}

.text-content h2 { font-size:24px;font-weight:700;color:rgb(0,85,111); margin-top:0.75em;margin-bottom:0.5em;}

.text-content h3, .text-content h4, .text-content h5, .text-content h6 {font-size:inherit; font-weight:700;color:rgb(0,85,111);margin-top:0.5em;}

.dropdown-menu > li > a { white-space: normal; }




@media (min-width:768px) {
    .navbar .nav li { display: inline-block; line-height: 1; }
    .mailing-block { width: auto; margin: 0 8px; }
        .mailing-block:first-child { width: 100%; }
    .navbar .nav { position: relative; top: 11px; float: right !important; text-align: right; width: 401px; }
    #headerwrap { position: relative; height: 600px; }

    .spacer h2 { }
    .header-text { font-size: 60px; }
    .header-tex-sub { font-size: 36px; }
    .h-section { /* min-height: 380px; */ padding-bottom: 30px; margin-bottom: 40px; position: relative; }
    .h-section-icon { }
    .h-section a.btn { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 115px; text-align: center; vertical-align: baseline; }
    .ph { position: relative; }
    .ph-h1 { font-size: 36px; }
    .ph-subhead { font-size: 33px; }

    .newslider .swiper-container { margin: 25px 40px; }


    .contact-bar { }
        .contact-bar .btn { display: inline-block; margin: 0 0 0 15px; }
    .navbar .nav { }
        .navbar .nav > li > a { padding: 0px 9px; }

    .spacer p.lead { font-size: 25px; }


    .news-article { }
    .news-article a:first-child { display: block; }
    .news-article h1 { }
    .news-article p { }
    .news-article .news-date { }
    .news-article .btn { }
}


@media (min-width:992px) {
    .h-section { /* min-height: 348px; */ }
    .ph-subhead { font-size: 40px; }

    .profile { position: relative; }
    .person { position: absolute; bottom: 0; right: 0; width: 100%; z-index: -1; }

    .newslider .swiper-container { margin: 25px 100px; }

    .contact-bar { }
        .contact-bar .btn { }

    .spacer h2 { }

    .navbar .nav { width: auto; }
        .navbar .nav > li > a { padding: 28px 9px; line-height: 1; text-align: center; }


    .news-article { }
    .news-article a:first-child { display: block; }
    .news-article h1 { }
    .news-article p { }
    .news-article .news-date { }
    .news-article .btn { }
}

@media (min-width:1200px) {
    .mailing-block:first-child { width: auto; }
    .mailing-block p { margin-bottom: 0; /* padding-top: 1px; */ }

    .newslider .swiper-container { margin: 25px 100px; }

    .contact-bar { }
        .contact-bar .btn { }
    .spacer h2 { }

    .navbar .nav { }

        .navbar .nav > li > a { }

    .news-article { }
    .news-article a:first-child { display: block; }
    .news-article h1 { }
    .news-article p { }
    .news-article .news-date { }
    .news-article .btn { }
}

.slider-pagination { position: absolute; bottom: 20px; width: 100%; /* left: 0; */ /* right: 0; */ /* margin: auto; */ /* height: 10px; */ /* background: green; */ /* z-index: 2; */ text-align: center; }

.swiper-pagination-switch { display: inline-block; /* Stylize pagination button: */ width: 15px; height: 15px; border-radius: 50%; /* background: #FFF; */ border: 1px solid #FFF; margin: 0 2px; }

    .swiper-pagination-switch:before { content: ''; display: block; height: 11px; width: 11px; border: 4px solid transparent; border-radius: 50%; background: transparent; position: relative; margin: 1px; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; /*transform*/ -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.swiper-active-switch:before { background: #FFF; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }


.h-section a.btn { border: none; background: rgb(255,108,12); color: #ffffff; padding: 8px 12px 8px; line-height: 22px; text-decoration: none; border-radius: 6px; -webkit-transition: 0.25s linear; -moz-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; -webkit-backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; display: inline-block; }

.form-error { position: absolute; top: 5px; right: 5px; }

/* Menu Customisation*/

@media (max-width:767px) {
    .nabvar .navbar-brand { padding-left: 15px; }
    .no-touch .navbar-collapse { max-height: 600px; }
    .navbar .navbar-nav { margin: 0 -15px; }
    .navbar .nav > li > a { background: rgb(66,115,141) !important; color: #FFF; text-align: center; border-bottom: 1px solid #FFF; }
    .navbar .nav > li.dropdown > ul > li > a {background:rgb(124,166,186) !important; }
    .navbar .nav > li:hover > a, .navbar .nav > li.active > a  { background: rgb(0,85,111) !important; color:#FFF !important;text-decoration: none!important; border-bottom:1px solid #FFF;}
    .navbar .nav > li.dropdown > ul.dropdown-menu { float: none; margin-left: 0 !important; opacity: 1 !important; height:0;display:none;}
    .navbar .nav > li.dropdown:hover ul { visibility: visible; display: block;height:auto; }
    .navbar .nav > li.dropdown:hover > ul > li { padding: 0; }
        .navbar .nav > li.dropdown:hover > ul > li > a { background: rgb(124,166,186) !important; border-radius: 0; color: #FFF !important; text-align: center; border-bottom: 1px solid #FFF; }

    .grid > div { margin-bottom: 30px; }
    .h-section a.btn { margin-top: 20px; }
    .spacer h2 { font-size: 36px; }
}

@media (min-width:768px) {
    .navbar .nav { top: 12px; }
        .navbar .nav li.dropdown .dropdown-menu { opacity: 0; padding: 0; display: none;min-width:230px; }
    .navbar .navbar-brand { padding: 17px 28px 17px 0; }
    .navbar .nav > li > a { padding-bottom: 10px!important; }
    .navbar .nav > li > ul, .navbar .nav > li.dropdown > ul, .navbar .nav > li .dropdown-menu, .navbar .nav > li.dropdown .dropdown-menu { margin-top: 0px!important; margin-left: auto !important; margin-right: auto; opacity: 0; position: absolute; display: block; visibility: hidden; background: rgb(66,115,141); -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; }

        .navbar .nav > li.dropdown .dropdown-menu li { display: block; background: none; }
            .navbar .nav > li.dropdown .dropdown-menu li:first-child a { border-top: 0; border-radius: 0; }
        .navbar .nav > li.dropdown .dropdown-menu a, .navbar .nav > li.dropdown .dropdown-menu a:hover { background: none !important; display: block; color: #FFF !important; text-align: left; margin: 0 15px; border-top: 1px solid #FFF; border-radius: 0 !important; padding: 4px 0 !important; }
    .navbar .nav > li:hover > ul, .navbar .nav > li.dropdown:hover > ul, .navbar .nav > li:hover .dropdown-menu, .navbar .nav > li.dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

    .h-main .h-section p { margin-bottom: 0; }

}


@media (min-width:992px) {
    .navbar .nav > li > ul, .navbar .nav > li.dropdown > ul, .navbar .nav > li .dropdown-menu, .navbar .nav > li.dropdown .dropdown-menu { left: -500px; right: -500px; }
}