/* Version 1*/
/* Created by Jonah Prentice - Braintree District Council */




/* remove dark background */


#main>header,
body.landing #page-wrapper,
body.is-mobile.landing #banner,
body.is-mobile.landing .wrapper.style4 {
    background-image: url("/locatebraintreedistrict/site/images/Horizon_120_Streetscape__with_landscape_.jpg");

}

#main {
    padding: 0;
}

/*Website wide styling */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    overflow-wrap: unset;
    word-wrap: unset;
    hyphens: none;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
    min-height: 100vh;
}

strong {
    font-weight: bold;
}

strong,
b {
    font-weight: bold;
}


.row {
    margin-left: 0px !important;
}

.row>* {
    padding: 0;
}

div#page-wrapper {
    padding-top: 0;
}

body.is-mobile.landing #page-wrapper {
    background: none !important;
}

#wrapper>*>.inner {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}


.list--skip-links li.list__item a:focus {
    padding: 1rem;
    color: #fff !important;
    border-radius: 0px 0px 20px 20px;
    background-color: #332b32 !important;
}

/*Cookie banner */

button#ccc-icon {
    box-shadow: none;
}

#ccc-icon.ccc-icon--dark {
    fill: #332d32;
}

.ccc-content--dark {
    background-color: #151515;
}

/*alert banner */

.alert {
    margin: 0;
}

.alert__heading {
    font-size: 1.7rem;
}


/*Remove search */

.box {
    display: none;
}

/*link and button style*/

a {
    border-bottom: none;
    font-family: Arial, Helvetica, sans-serif;
}

a:focus-visible {
    outline: initial !important;
    color: white !important;
}

a:focus {
    border: 3px dotted #332C32;
    color: #332C32 !important;
    outline: none;
    background-color: #fff !important;
}


.button {
    background-color: #332C32;
    color: #fff !important;
    border-radius: 40px;
    box-shadow: none !important;
    border: 2px solid #fff !important;
    letter-spacing: 0;
    padding: 8px !important;
    height: 35px;
    width: fit-content;
    line-height: normal !important;
    font-size: 1rem !important;
    font-weight: bold;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    text-transform: none;
    letter-spacing: 0;
}


.button:hover {
    background-color: #fff !important;
    color: #332C32 !important;
    border: 2px solid #332c32 !important;
    text-decoration: underline;
}

.button:focus {
    border: 2px solid #332C32 !important;
}


h1 {
    font-size: 2.5rem;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 100;
}

header h1 {
    margin-bottom: 5px;
    margin-top: 3rem;

}

h2 {
    font-size: 2rem;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 100;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: white;

}

h3 {
    font-size: 1.5rem;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #332C32;
    margin: 0 0 0.5em 0;
    font-weight: bold;

}


p {
    font-size: 1rem;
    letter-spacing: 0;
    margin: 0 0 0.5em 0;
}

ul li {
    margin-left: 20px;
    font-size: 1rem;
}

.alert h2 {
    color: black !important;
    text-align: left;
    font-weight: bold;
}




.widget-width--20 {
    width: 20% !important;
}

.row>.col-8 {
    width: 100%;
}

h2.widget__heading {
    display: none;
}

.widget-row {
    width: 100%;
    text-align: center;
    margin: 0;
}

@media screen and (min-width: 760px) {

    .widget-width {
        float: left;
        padding: 0;
        width: 100%;
    }
}

#banner:after {
    background: none !important;
    transition: none !important;
}

#banner h2:before {
    background-color: #C89A4C;
}

#banner h2:after {
    background-color: #C89A4C;

}






/*content banner widget*/

.col-12.col-12-medium {
    padding: 0px;
}

.content {
    background-color: #fff;
    padding: 2rem 8rem;
    box-shadow: 0 5px 5px -5px #333;
    color: #332C32;
}

.content h3 {
    color: #fff !important;
}


#one {
    padding: 0;
}

.content img {
    height: 50px;
}




/* Accordion styling*/

.widget-accordion.accordion {
    width: 70%;
    margin: 0 auto;
}

.accordion {
    background-color: transparent;
    padding: 0;
}

@media screen and (min-width: 760px) {
    .accordion {
        padding: 0;
    }
}

.two-column .accordion {
    padding-left: 0;
    padding-right: 0;
}

.accordion__item {
    margin: 0;
}

.accordion__item:not(:first-child) {
    margin-top: 1rem;
}

.accordion__toggle {
    background-color: #332C32;
    display: block;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.accordion__toggle:hover,
.accordion__toggle:focus-visible,
.accordion__toggle:active {
    text-decoration: none;
}

.accordion__toggle:hover {
    background-color: #26323d;
}

.no-js .accordion__toggle:hover {
    background-color: #26323d;
    cursor: unset;
}

h3.list__heading.accordion__tab-heading {
    color: #fff;
}

.no-js .accordion__toggle {
    display: block !important;
}

.accordion__toggle[aria-expanded="true"] {
    background-color: #26323d;
}




.accordion__toggle[aria-expanded="false"] {
    border-radius: 0px;
    border: 0px;
    background-color: #332d33;
    padding: 0.5rem;
}

.accordion__toggle[aria-expanded="true"] .icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

[data-a11y-toggle]:not([aria-controls]),
[aria-hidden="true"][aria-labelledby] {
    display: none;
}

.accordion__tab-heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0;
    padding: 1.5rem;
    text-align: left;
}

h3.list__heading.accordion__tab-heading {
    text-transform: none;
    font-size: 1.25em;
    padding-bottom: 0;
    text-align: left;
}

@media screen and (min-width: 760px) {
    .accordion__tab-heading {
        font-size: 1.125rem;
        padding: 1.5rem 3.75rem;
    }
}

.accordion__tab-heading .icon {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-left: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 2px solid white;

    background-position: center;
    background-size: 67%;
    margin-top: -7px;
}

.accordion__toggle-content {
    background-color: #fff;
    text-align: left;
    border: 5px solid #e2e2e2;
    padding: 1.5rem 3.75rem;
}

.accordion__toggle h3 {
    font-weight: bold;
}

@media screen and (min-width: 760px) {
    .accordion__toggle-content {
        padding: 1.5rem 3.75rem;
    }
}

.accordion__toggle-content .editor {
    max-width: 100%;
}

.accordion__toggle-content .editor *:not(img) {
    max-width: 55em;
}

.accordion__toggle-content .editor>img:first-child {
    margin-top: 0;
}

.accordion__toggle-content .editor p+ul:not([class]):not([type]) {
    margin-left: 0;
    padding-left: 0;
}

.accordion__toggle-content .editor ul:not([class]):not([type]) {
    margin-left: 0;
    margin-top: 0;
}

.accordion__toggle-content .editor ul:not([class]):not([type]) li {
    padding-left: 0;
}

.accordion__toggle-content .editor ul:not([class]):not([type]) li::before {
    display: none;
}

.accordion__toggle[aria-expanded="true"] {
    border-radius: 0px;
    border: 0px;
    color: #fff !important;
    padding: 0.5rem;
}

.accordion__toggle[aria-expanded="true"] {
    color: #fff;
    text-decoration: none;
    text-align: left;
}

.accordion__toggle[aria-expanded="false"] h3 {
    text-align: left;
}

.accordion__toggle[aria-expanded="false"] h3:hover {
    text-align: left;
}

.accordion__toggle[aria-expanded="false"]:hover {
    background: #252125 !important;
    color: #f5f5f5 !important;
}

.accordion__toggle[aria-expanded="false"]:focus {
    background: #252125 !important;
    color: #f5f5f5 !important;
}


.accordion__toggle[aria-expanded="true"]:hover {
    background: #252125 !important;
    color: #f5f5f5 !important;
}

.accordion__toggle[aria-expanded="true"]:focus {
    background: #252125 !important;
    color: #f5f5f5 !important;
}

.accordion__toggle[aria-expanded="true"]:focus-visible {
    background: #252125 !important;
    color: #f5f5f5 !important;
}


ul.list.connected-toggles {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li.list__item.accordion__item {
    padding: 0;
}


.details {
    display: inline-block;
    width: 15%;
    vertical-align: top;
}

ul.list.connected-toggles a {
    text-decoration: none;
}

li.list__item.accordion__item a {
    text-decoration: none !important;
}

/*accordion with image on left*/

.inline_accordion_content {
    display: inline-flex;
    width: 100%;
    flex-wrap: wrap;
}

.inline_accordion_content_left {
    width: 60%;
}

.inline_accordion_content_right {
    width: 40%;
}

.inline_accordion_content_right img {
    margin: 0 1rem;
}

@media screen and (max-width: 760px) {
    .inline_accordion_content_left {
        width: 100%;
    }

    .inline_accordion_content_right {
        width: 100%;
    }

    .inline_accordion_content_right img {
        margin: 1rem 0;
    }
}


/*Header styling */

#header {
    background-color: #f5f5f5;
    height: 5em;
    transition: ease-in-out 0.5s;
    padding: 0;
    position: sticky;
    top: 0px;
    z-index: 2;
}

#header nav {
    right: 1rem;
    top: 1.5rem;
    z-index: 1;
    position: absolute;
}


#header .logo .symbol img {
    height: 100%;
    padding: 0.5em;
    display: block;
    margin-left: 0px;
    width: 11em;
}

#header.alt {
    background-color: #fff;
    transition: ease-in-out 0.5s;
}


#header nav>ul>li>a {
    color: #332C32;
}

#header nav>ul>li>a:focus {
    color: #332C32;
}

#header .logo>h1 {
    display: none;
}


.special span {
    font-size: 1rem;
    text-transform: none;
    letter-spacing: normal;
    margin-right: 15px;
    font-weight: bold;
    margin-left: 5px;
}

/* image and text widget */

.imageandtextwidget {
    max-width: 985px;
    width: 70vw;
    display: inline-flex;
    height: 320px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    margin-top: 3rem;
    margin-bottom: 4rem;
}

.image_left {
    width: 60%;
}

.imageandtextwidget_content {
    width: 40%;
    text-align: left;
    padding: 1.2rem;
    background-color: #332d32;
    min-width: 235px;
}

.image_left img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.imageandtextwidget_content h2 {
    text-align: left;
    margin: 0px;
    font-weight: bold;
    color: #fff;
}

.imageandtextwidget_content p {
    color: #fff;
}

.imageandtextwidget_content .button {
    border: 2px solid #fff !important;
}

@media screen and (max-width: 760px) {
    .imageandtextwidget {
        width: 85%;
        display: inline-flex;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
        flex-wrap: wrap-reverse;
        margin-top: 2rem;
        height: fit-content;
        max-width: 400px;
    }


    .image_left {
        width: 100%;
        max-height: 100px;
    }

    .image_left img {
        object-fit: cover;
        height: 245px;
        width: 100%;
    }

    .imageandtextwidget_content {
        width: 100%;
        text-align: left;
        padding: 2rem;
    }
}

/* video and text widget */

.singlevideobox {
    width: 100%;
    display: inline-flex;
    height: 28vw;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    margin-top: 2rem;
}

.video_left {
    width: 50%;
}

.singlevideobox_content {
    width: 50%;
    text-align: left;
    padding: 2rem;
    background-color: #1b2344;
    min-width: 289px;
}

.video_left img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.singlevideobox_content h2 {
    text-align: left;
    margin: 0px;
    font-weight: bold;
    color: #fff;
}

.singlevideobox_content p {
    color: #fff;
}

.singlevideobox_content a {
    color: #fff;
    text-decoration: underline;
}

.singlevideobox_content a:hover {
    border: 1px solid #fff;
}


.singlevideobox_content .button {
    border: 2px solid #fff !important;
}

@media screen and (max-width: 760px) {
    .singlevideobox {
        width: 90%;
        display: inline-flex;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
        flex-wrap: wrap-reverse;
        margin-top: 2rem;
        height: fit-content;
    }

    .video_left {
        width: 100%;
        height: 50vw;
    }

    .video img {
        object-fit: cover;
        height: 245px;
        width: 100%;
    }

    .singlevideobox_content {
        width: 100%;
        text-align: left;
        padding: 2rem;
    }
}


/*Footer styling*/

#footer {
    background-color: #332d32;
    color: #fff;
    padding: 4em 1rem 4em 1rem;
    text-align: center;
    margin-top: 2rem;
}

.footer_section {
    width: 33%;
    display: inline-block;
    min-height: auto;
    color: white !important;
    vertical-align: top;
    text-align: center;
}

.form__append-group {
    display: none;
}

ul.copyright {
    display: none;
}

a.footer_icon {
    display: inline-block;
    height: 35px;
    width: 35px;
    padding-top: 0.25em;
    margin: 0.5em;
    border-bottom: none;
    border-radius: 35px;
    background-color: #26323d;
    transition: ease-in-out 0.5s;

}

.footer_logo_image {
    width: 35%;
    float: left;
    min-width: 200px;
    margin-left: 30px;
}

.footer_section a {
    margin-right: 10px;
    text-align: center;
    color: #fff;
}

.footer_section a:hover {
    background-color: #fff;
    color: #332C32;
}




.is-icon-social-youtube {
    background-image: url(https://www.locatebraintreedistrict.co.uk/locatebraintreedistrict/images/iconmonstr_youtube_6_240.png);
    background-size: contain;
    width: 100%;
    height: 100%;
    min-width: 50px;
    background-repeat: no-repeat;
}

.is-icon-social-facebook {
    background-image: url(https://www.locatebraintreedistrict.co.uk/locatebraintreedistrict/images/iconmonstr_facebook_3_240.png);
    background-size: contain;
    width: 100%;
    height: 100%;
    min-width: 50px;
    background-repeat: no-repeat;
}

.is-icon-social-twitter {
    background-image: url(https://www.locatebraintreedistrict.co.uk/locatebraintreedistrict/images/iconmonstr_twitter_3_240.png);
    background-size: contain;
    width: 100%;
    height: 100%;
    min-width: 50px;
    background-repeat: no-repeat;
}

.is-icon-social-instagram {
    background-image: url(https://www.locatebraintreedistrict.co.uk/locatebraintreedistrict/images/iconmonstr_instagram_13_240.png);
    background-size: contain;
    width: 100%;
    height: 100%;
    min-width: 50px;
    background-repeat: no-repeat;
}

a.list__link.is-icon-social-youtube {
    width: 100%;
    height: 100%;
}

.nav--social-links {
    display: inline-flex;
    align-items: center;
}

nav.nav.nav--social-links ul {
    display: inline-flex;

}

nav.nav.nav--social-links li {
    list-style: none;
    width: 50px;
    height: 50px;
    display: inline-flex;
    padding: 5px;
    margin: 5px;
}

nav.nav.nav--social-links li a {
    width: 50px;
    height: 50px;
}

.nav--social-links ul {
    padding: 0px;
}

.nav--social-links li:first-child {
    margin: 0px;
}


nav.nav.nav--social-links li a:hover {
    background-color: #2e84a2 !important;
    border-radius: 11px !important;
    transition: 0.3s !important;
    border: 5px solid #2e84a2 !important;
}


.nav--social-links a:hover {
    background-color: #ffffff00 !important;
    border: none !important;
}



nav.nav.nav--social-links li a:active {
    background-color: #2e84a2 !important;
    border-radius: 11px !important;
    transition: 0.3s !important;
    border: 5px solid #2e84a2 !important;
}

.nav--social-links a:active {
    background-color: #ffffff00 !important;
    border: none !important;
}

nav.nav.nav--social-links li a:focus-visible {
    background-color: #2e84a2 !important;
    border-radius: 11px !important;
    transition: 0.3s !important;
    border: 5px solid #2e84a2 !important;
}

.nav--social-links a:focus-visible {
    background-color: #ffffff00 !important;
    border: none !important;
}

nav.nav.nav--social-links li a:focus {
    background-color: #2e84a2 !important;
    border-radius: 11px !important;
    transition: 0.3s !important;
    border: 5px solid #2e84a2 !important;
}

.nav--social-links a:focus {
    background-color: #ffffff00 !important;
    border: none !important;
}


/* Menu styling */

#menu {
    background: #332C32;
    color: #fff !important;
}

#menu h2 {
    display: none;
}


#menu ul>li {
    margin: 0px;
    padding: 0px;
}

#header .toggle {
    overflow: visible !important;
}

#menu h4 {
    text-transform: none;
    letter-spacing: normal;
    font-size: 1.3rem;
    margin: 11px 0;
}

#menu>.inner>ul {
    list-style: none;
    margin: 4rem 0 1em 0 !important;
    padding: 0;
}


a#js-menu-toggle {
    margin-top: 1em;
}

a.menuToggle {
    margin-top: 0.5em;
}

.toggle:focus {
    border: 3px dotted yellow !important;
}

.close:focus {
    border: 3px dotted yellow !important;
}

#header .logo {
    transition: ease-in-out 0.5s;
}

#alerts a {
    font-weight: bold;
    letter-spacing: normal;
    font-size: 1rem;
}


#alerts {
    position: fixed;
    right: 18%;
    top: 18px;
    z-index: 100;
    color: #332C32 !important;
    text-transform: none;
    letter-spacing: normal;
    line-height: 36px;
    border: 3px solid #fff0;
    padding: 0 1rem;
    background-color: rgb(255 255 255);
    border-radius: 45px;
    height: 45px;
    width: 215px;
}

#alerts img {
    width: 26px;
    margin-left: 13px;
    vertical-align: middle;
}

#alerts:hover {
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px;
    text-decoration: underline;
}

#header nav>ul>li>a {
    text-transform: none;
    letter-spacing: normal !important;
    line-height: 36px !important;
    border: 3px solid #332C32 !important;
    padding: 0 1rem !important;
    background-color: #332C32 !important;
    border-radius: 45px !important;
    height: 45px !important;
    width: 150px !important;
    color: #fff !important;
    text-indent: 0px !important;
    font-weight: bold;
}

#header nav>ul>li>a:hover {
    transform: translateY(-2px);
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px;
    text-decoration: underline;
}

#header nav>ul>li>a:focus {
    transform: translateY(-2px);
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px;
    text-decoration: underline;
}

#header nav>ul>li>a:focus-visible {
    transform: translateY(-2px);
    box-shadow: rgb(0 0 0 / 20%) 0px 10px 20px;
    text-decoration: underline;
}

#header nav ul li a[href="#menu"]:before,
#header nav ul li a[href="#menu"]:after {
    -moz-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 88%;
    height: 60%;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(https://www.braintreetownhall.co.uk/images/TH_hamburger_white.png) !important;
    background-size: contain !important;
}

#menu .close {
    cursor: pointer;
    display: block;
    height: 45px;
    width: 150px;
    position: absolute;
    right: 11%;
    top: 16px;
    margin: 10px !important;
    padding: 2px;
    text-transform: none;
    letter-spacing: normal;
    font-size: 1rem;
    font-weight: bold;
    line-height: 36px;
    border: 3px solid #fff;
    left: auto;
    text-indent: 8px;
    border-radius: 30px;
    color: #fff;
    background-image: url(https://www.braintree.gov.uk/themes/jadu-spectral/dist/css/images/close.svg) !important;
    background-position: 85% !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    display: block;
    background-size: 20% !important;
    z-index: 1;
}

#menu>.close:before,
#menu>.close:after {
    -moz-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: none;
}

#menu .close:focus {
    background-color: #332c33 !important;
    border: 2px dotted #fff !important;
    color: #fff !important;
}

#menu .close:hover {
    background-color: #332c33 !important;
    border: 2px dotted #fff !important;
    color: #fff !important;
}


#menu .close:focus-visible {
    background-color: #332c33 !important;
    border: 2px dotted #fff !important;
    color: #fff !important;
}

a {
    transition: none !important;
}

#menu>.inner>ul>li a {
    margin: 0.5em 0;
    padding: 5px 10px;
}


#menu ul>li>a {
    text-transform: initial;
    letter-spacing: 0;
    border-radius: 30px;
    border: 5px transparent;
    border-radius: 21px !important;
    padding: 5px 10px;
    width: 80%;
    margin-left: 5px;
    line-height: 1.5rem;
}

#menu ul>li>a:hover {
    background-color: #fff;
    color: #332C32 !important;
    border-radius: 21px !important;
    padding: 5px 10px;
    width: 80%;
    margin-left: 5px;
}

#menu ul>li>a:focus {
    border: 2px dotted #fff !important;
}


#header nav>ul>li>a.menuToggle:hover {
    transform: translateY(-2px);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px;
    text-decoration: underline;
}

#header nav>ul>li>a.menuToggle:focus {
    border: 3px solid #332C32 !important;
    background-color: #fff !important;
    color: #332C32 !important;
}



.close:focus {
    border: 3px dotted yellow !important;
}


a.list__link {
    text-decoration: underline !important;
}

ul.list.list--navigation:nth-child(4) {
    display: none;
}

ul.list.list--navigation {
    margin-top: 2em;
}

.list__item a {
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: 1rem !important;
}


/* Homepage Styling*/



.top_banner h1 {
    font-size: 2.6rem;
    margin: 0px;
    color: #332d32;
    text-align: left;
    text-align: left;
    position: relative;
    left: 5%;
    top: 22%;
    width: 52%;
    line-height: 1.2;}

.top_banner p {
    margin: 0px;
}



.top_banner .button {
    position: absolute;
    top: 19rem;
    width: 200px;
    text-align: left;
    left: 5%;

}

div#heading h1 {
    display: none;
}

nav.breadcrumb {
    display: none;
}

h1 span {
    background-color: #fff !important;
    padding: 2px 5px;
}


.homepage_content {
    background-color: #332C32;
    color: white;
    padding: 25px;
    box-shadow: 0 5px 5px -5px #333;

}

.homepage_content h3 {
    font-size: 1.4em;
    color: #f5f5f5 !important;
}

.homepage_content h4 {
    color: #f5f5f5 !important;
    text-transform: none;
    letter-spacing: normal !important;
}

/*#banner {
    background-size: cover;
    max-height: 25em;
    top: 5rem;
    background-repeat: no-repeat;
}*/

.banner {
    text-align: left;
    padding: 2rem 10rem;
    box-shadow: 0 5px 5px -5px #333;
    margin-bottom: 2rem;
}

.banner h2 {
    color: #332d33;
    text-align: left;
    font-weight: 700;
    margin-bottom: 5px;
}

.banner h1 {
    color: #332d33;
    text-align: left;
    font-weight: 700;
    margin-bottom: 5px;
}

.widget-width.widget-width--100.widget-stack>.widget.widget-- {
    width: 100%;
    max-width: 275px;
    min-width: 150px;
    display: inline-block;
    vertical-align: top;
}

.button_container {
    float: right;
}


/*widget box widgets*/

.widget-box {
    max-width: 300px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.widget.widget--locate-braintree-homepage-widget {
    display: inline-flex;
    flex-wrap: wrap;
    margin-left: 1vw;
    margin-right: 1vw;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

img.homepage-widget-box-image {
    object-fit: cover;
    /* min-height: 220px; */
    /* max-height: 220px; */
    height: 220px;
}

.widget--locate-braintree-homepage-widget:nth-child(1):hover {
    border-top: 5px solid #42a247;
    border-bottom: 5px solid #42a247;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget:nth-child(1):focus {
    border-top: 5px solid #42a247;
    border-bottom: 5px solid #42a247;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget:nth-child(1):focus-within {
    border-top: 5px solid #42a247;
    border-bottom: 5px solid #42a247;
    transition-duration: 0.3s;
}


.widget--locate-braintree-homepage-widget:nth-child(2):hover {
    border-top: 5px solid #e85227;
    border-bottom: 5px solid #e85227;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget:nth-child(2):focus {
    border-top: 5px solid #e85227;
    border-bottom: 5px solid #e85227;
    transition-duration: 0.3s;
}


.widget--locate-braintree-homepage-widget:nth-child(2):focus-within {
    border-top: 5px solid #e85227;
    border-bottom: 5px solid #e85227;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget:nth-child(3):hover {
    border-top: 5px solid #1d9ac3;
    border-bottom: 5px solid #1d9ac3;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget:nth-child(3):focus {
    border-top: 5px solid #1d9ac3;
    border-bottom: 5px solid #1d9ac3;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget:nth-child(3):focus-within {
    border-top: 5px solid #1d9ac3;
    border-bottom: 5px solid #1d9ac3;
    transition-duration: 0.3s;
}

.widget--locate-braintree-homepage-widget {
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}

.widget.widget--locate-braintree-homepage-widget a:focus {
    border: none;
}


.servicedescription {
    height: 100px;
    padding: 11px;
}

.servicedescription img {
    max-height: 83px;

}






/*Terms and conditions styling*/

.terms-container {
    padding: 1rem;
    width: 70%;
}

.terms-container h2 {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 8px;
    text-align: left;
}

/*Accessibility statement styling*/
.statement-container {
    padding: 1rem;
    width: 70%;
}

.statement-container h2 {
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 8px;
    text-align: left;
}

.js-carrousel.relative.news-carrousel {
    width: 100%;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    margin-top: 2rem;
    margin: auto;
}


.relative {
    position: relative;
}

.mod--hidden {
    overflow: hidden;
}

.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.news-carrousel__container {
    white-space: nowrap;
}

.news-carrousel__control__list {
    position: absolute;
    list-style-type: none;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: -0.5em;
    padding-left: 0;
    text-align: center;
}

.news-carrousel__control__list__item {
    display: inline-block;
    margin: 0 .5em;
}

.news-carrousel__control__list__link {
    display: inline-block;
    width: 1em;
    height: 1em;
    background: #fff;
    border: 1px solid #148297;
    border-radius: 1em;
    cursor: pointer;
}

.news-carrousel__button-container {
    position: absolute;
}


.news-carrousel__button__button {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
}




/* ------------------ example styles ------------------ */
.relative {
    position: relative;
}

.mod--hidden {
    overflow: hidden;
}

.pb1 {
    padding-bottom: 1em;
}

.news-carrousel__container {
    white-space: wr;
}

.news-carrousel__control__list {
    list-style-type: none;
    top: 79%;
    right: 0;
    left: 0;
    padding-left: 0;
    text-align: right;
    z-index: 1;
    text-align: center;
    width: 85%;
    display: inline-flex;
    /* max-width: 1000px !important; */
}

.news-carrousel__control__list__item {
    display: inline-block;
    margin: 0;
    padding: 0px;
}

.news-carrousel__control__list__link {
    display: inline-block;
    width: 33.33%;
    height: 7px;
    background: #fff;
    border: 0px;
    border-radius: 0px;
    cursor: pointer;
    min-width: 33.33vw;
    border-bottom: 2px solid #148297;
    border-top: 2px solid #148297;
}

.news-carrousel__button-container {
    position: absolute;
}


.news-carrousel__button__previous {
    top: 40%;
    left: 0px
}

.news-carrousel__button__next {
    top: 40%;
    right: 0px;
}



.js-carrousel__button__next {
    cursor: pointer;
    color: #ffffff00 !important;
    box-shadow: none !important;
    border-left: 2px solid #fefefe !important;
    border-top: 2px solid #fefefe !important;
    border-bottom: 2px solid #fefefe !important;
    padding: 16px !important;
    height: 65px !important;
    border-radius: 200% 0 0 200% !important;
    background-color: #332e32b0 !important;
    width: 55px !important;
}

.js-carrousel__button__previous {

    cursor: pointer;
    color: #ffffff00 !important;
    box-shadow: none !important;
    border-right: 2px solid #fefefe;
    border-top: 2px solid #fefefe;
    border-bottom: 2px solid #fefefe;
    padding: 16px;
    height: 65px;
    border-radius: 0 200% 200% 0;
    background-color: #332e32b0;
    width: 55px;
}

.js-carrousel__button__next:hover {
    background: #2c2c2c;
}

.js-carrousel__button__previous:hover {
    background: #2c2c2c !important;
}

.js-carrousel__button__next:focus {
    background: #2c2c2c;
}

.js-carrousel__button__previous:focus {
    background: #2c2c2c !important;
}

/* ------------------ transition slide ------------------ */
.slide .carrousel__content {
    display: inline-block;
    vertical-align: top;
    visibility: visible;
    width: 100%;
    position: relative;
    transition: visibility 0s ease, transform .5s ease-in;
    transition-delay: 0;
    white-space: normal;
}

[data-carrousel-active-slide="1"].slide>.carrousel__content {
    transform: translateX(0);
}

[data-carrousel-active-slide="2"].slide>.carrousel__content {
    transform: translateX(-100%);
}

[data-carrousel-active-slide="3"].slide>.carrousel__content {
    transform: translateX(-200%);
}

[data-carrousel-active-slide="4"].slide>.carrousel__content {
    transform: translateX(-300%);
}

[data-carrousel-active-slide="5"].slide>.carrousel__content {
    transform: translateX(-400%);
}

[data-carrousel-active-slide="6"].slide>.carrousel__content {
    transform: translateX(-500%);
}

[data-carrousel-active-slide="7"].slide>.carrousel__content {
    transform: translateX(-600%);
}

[data-carrousel-active-slide="8"].slide>.carrousel__content {
    transform: translateX(-700%);
}

[data-carrousel-active-slide="9"].slide>.carrousel__content {
    transform: translateX(-800%);
}

[data-carrousel-active-slide].slide>[aria-hidden="true"].carrousel__content {
    visibility: hidden;
    transition-delay: .5s, 0s;
}


/* ------------------ transition fade ------------------ */
.fade .carrousel__content {
    -webkit-animation: fadein 1s;
    animation: fadein 1s;
    white-space: normal;
}

.fade .carrousel__content[aria-hidden=true] {
    -webkit-animation: fadeout 1s;
    animation: fadeout 1s;
}

.fade .carrousel__content[aria-hidden=true] {
    display: none;
}

@-webkit-keyframes fadeout {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes fadeout {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}




/* ------------------ State rules ------------------ */
.news-carrousel__control__list__link:focus,
.news-carrousel__control__list__link:hover,
.news-carrousel__control__list__link:active,
.news-carrousel__control__list__link[aria-selected=true] {
    background: #148297;
}

.news-carrousel__control__list__link:focus,
.news-carrousel__control__list__link:hover,
.news-carrousel__control__list__link:active {
    outline: 2px dotted #4d287f;
}


/* ------------------ Jonah carousel style ------------------ */

.slide .carrousel__content img {
    width: 100%;
    height: 27vw;
}

.carousel_content {
    display: inline-flex;
    float: left;
    text-align: left;
    width: 73%;
    padding: 0 4rem;
}

.carousel_content .button {
    position: absolute;
    bottom: 5%;
    right: 2%;
}

.carousel_content p {
    font-size: 1.3rem;
}

.carousel_content h2 {
    margin: 0px;
    font-size: 1.6rem;
    color: #332c32;
    text-align: left;
    font-weight: bold;
    overflow: auto;
}

.news-carrousel__content img {

    height: 35vw;
    max-height: 411px;
    width: 100%;
    object-fit: cover;

}

/*double content page */

/*our connections page styling - infographic*/


.infographic_box {
    width: 100%;
    display: inline-flex;
    height: 175px;
    margin-bottom: 1rem;
}

.section_1 img {
    padding: 20px;
    height: 106px;
    object-fit: cover;
    position: absolute;
    left: 20%;
}


.section_1 {
    width: 40%;
    padding: 2% 0;
    min-width: 200px;
}

.section_3 {
    position: absolute;
    right: 0px;
    width: 30%;
}


.section_3 div {
    position: relative;
    top: -55px;
}

.section_1 div {
    display: inline-flex;
}


.big_number {
    font-size: 5rem;
    color: #fff;
    margin: 0px;
    line-height: 1.5;
    position: absolute;
    right: 0px;
    top: 21px;
}





.section_1 {
    width: 30%;
    height: 150px;
    position: relative;
    background: red;
    z-index: 0;
}

#car .section_1:before {
    content: "";
    position: absolute;
    right: -100px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 100px solid #468A3D;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
}

#boat .section_1:before {
    content: "";
    position: absolute;
    right: -100px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 100px solid #e24027;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
}


#airport .section_1:before {
    content: "";
    position: absolute;
    right: -100px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 100px solid #4a9fbc;
    border-top: 75px solid transparent;
    border-bottom: 75px solid transparent;
}


#airport .section_1 {
    background-color: #4a9fbc;
    display: inline-flex;
    justify-content: space-around;
}




#car .section_1 {
    background-color: #468A3D;
    display: inline-flex;
}


#boat .section_1 {
    background-color: #e24027;
    display: inline-flex;
    justify-content: space-around;
}



.section_2 p {
    font-size: 2.5rem;
    max-width: 100%;
    text-align: left;
    margin-top: 33px;
    line-height: 1.5;
    padding-left: 28%;
}

.section_2 {
    width: 43vw;
}

.section_3 img {
    padding: 20px;
    width: 180px;
    height: 100px;
    object-fit: contain;
    z-index: 1;
    position: absolute;
    left: 10%
}


#boat .section_3 {
    border-top: 75px solid #e34027;
    border-left: 80px solid rgba(255, 255, 255, 0);
    border-bottom: 75px solid #e24027;
}


#car .section_3 {
    border-top: 75px solid #468A3D;
    border-left: 80px solid rgba(255, 255, 255, 0);
    border-bottom: 75px solid #468A3D;
}


#airport .section_3 {
    border-top: 75px solid #4a9fbc;
    border-left: 80px solid rgba(255, 255, 255, 0);
    border-bottom: 75px solid #4a9fbc;
}


@media screen and (max-width: 800px) {
    .infographic_box {
        width: 100%;
        display: inline-flex;
        height: 100px;
        margin-bottom: 1rem;
    }

    .section_1 img {
        max-height: 29px;
        object-fit: cover;
        position: absolute;
        bottom: 11%;
        left: 7px;
        min-width: 40px;
        padding: 0px;
    }


    .section_1 {
        width: 40%;
        padding: 2% 0;
        min-width: 185px;
        height: 100px;
        position: relative;
    }

    .section_3 {
        display: none;
    }


    .section_2 p {
        font-size: 1.8rem;
        text-align: left;
        margin-top: 25px;
        line-height: 1.8rem;
        padding-left: 10px;
    }

    .section_1 div {
        display: inline-flex;
    }


    #car .section_1:before {
        display: none;
    }

    #boat .section_1:before {
        display: none;
    }


    #airport .section_1:before {
        display: none;
    }

    .big_number {
        font-size: 4rem;
        padding: 0px;
        color: #fff;
        margin-top: 0px;
        margin: 0px;
        line-height: 6rem;
        position: absolute;
        right: 20px;
    }


}


/*Our connections page styling - bubbles*/

.line1 {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 5px;
    z-index: 0;
    top: 80px;
}

.line2 {
    background-color: #fff;
    position: relative;
    width: 57%;
    height: 5px;
    z-index: 0;
    top: 193px;
}

.line3 {
    background-color: #fff;
    position: relative;
    width: 38%;
    height: 5px;
    z-index: 0;
    top: 310px;
}

.line4 {
    background-color: #fff;
    position: relative;
    width: 30%;
    height: 5px;
    z-index: 0;
    top: 445px;
}

.colchester {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 56%;
    padding: 20px;
    text-align: center;
    position: relative;
    left: 5%;
}

.harwich {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 56%;
    padding: 20px;
    text-align: center;
    position: relative;
    left: 20%;
}

.stanstead {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 56%;
    padding: 20px;
    text-align: center;
    position: relative;
    left: 45%;
    margin-top: 10px;
}

.witham {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 56%;
    padding: 20px;
    text-align: center;
    position: relative;
    left: 33%;
    margin-top: 10px;
}


.halstead {
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 56%;
    padding: 20px;
    text-align: center;
    position: relative;
    left: 20%;
    margin-top: 10px;
}

.circles2 {
    display: inline-flex;
    position: relative;
    left: 43%;
}


@media screen and (min-width: 950px) {

    .line1 {
        max-width: 46vw !important;
    }
}

@media screen and (max-width: 610px) {

    .colchester {
        left: -19%;
    }

    .harwich {
        left: -13%
    }

    .stanstead {
        left: 16%
    }

    .witham {
        left: 6%
    }

    .halstead {
        left: 6%
    }

    .line1 {
        max-width: 40vw !important;
    }

    .line2 {
        top: 204px;
        width: 39%;
    }

    .line3 {
        top: 334px;
        max-width: 36vw;
    }

    .line4 {
        top: 457px
    }

    .accordion__toggle-content {
        padding: 1.5rem 0.75rem;
    }

    .circles2 {
        left: 7%;
    }

    .accordion__toggle-content {
        padding: 1.5rem 1.75rem;
    }
}

@media screen and (max-width: 400px) {
    .colchester {
        left: 20%;
    }

    .harwich {
        left: 9%
    }

    .circles2 {
        position: initial;
        left: 3%;
    }

    .line1 {
        max-width: 51vw;
    }

    .section_1 {
        min-width: 158px;
    }

    .section_2 p {
        font-size: 1.3rem;
    }


}

/*Visit page styling*/

.visit_container {
    display: inline-flex;
    width: 85%;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

.visit_container div {
    margin: 10px;
    box-shadow: rgb(0 0 0 / 35%) -1px 1px 7px 0px;
    width: 350px;
    height: 236px;
    background-color: white;
}



.visit_img img {
    max-height: 236px;
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.visit_img {
    object-fit: cover !important;
}

.visit_link img {
    padding-top: 10px;
}

.visit_img p {
    position: relative;
    left: 0rem;
    top: -4rem;
    background: white;
    width: 200px;
    text-align: left;
    padding: 3px;
}

.visit_link:hover {
    box-shadow: rgb(37 161 187) 0px 0px 0px 4px;
}



#link1 a:nth-child(1) {
    width: 50%;
    Padding: 2vw 1vw;
    background-color: #ffffff;
}

#link1 a:nth-child(2) {
    width: 50%;
    Padding: 3vw 4vw;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.2;
}

#link1 a:nth-child(1):hover {
    border: #25a1bb
}

#link1 {
    width: 76%;
    display: inline-flex;
    border: 5px solid #d7107e;
    background-color: #d7107e;
    -webkit-transition: background 0.5s cubic-bezier(0, 0.85, 1, 1) 0s;
    /* For Safari 3.0+ */
    transition: background 0.5s cubic-bezier(0, 0.85, 1, 1) 0s;
    box-shadow: rgb(0 0 0 / 35%) -1px 1px 7px 0px;
}


#link1:hover {
    border: 5px solid #56595e;
    background: #56595e !important;
}

#visit_arrow_box {
    position: relative;
    margin: 0px;
    width: 50px;
    height: 50px;
    top: 77%;
    background: none;
    box-shadow: none;
}

#visit_arrow {
    height: 44px;
    width: 25px !important;
}


/*General Mobile styling*/

@media screen and (max-width: 800px) {


    #link1logon {
        width: 100%;
        padding: 0rem;
    }

    #link1 {
        width: 43%;
        display: inline-flex;
        box-shadow: none;
        border: 3px solid #D70E7E;
        flex-wrap: wrap;
    }

    #link1 a:nth-child(1) {
        width: 100%;
        Padding: 2vw 1vw;
        background-color: #ffffff;
        height: 60%;
    }

    .visit_link img {
        padding-top: 0px;
        width: 76%;
    }

    #link1 a:nth-child(2) {
        width: 100%;
        Padding: 3vw 4vw;
        font-size: 1rem;
        text-align: left;
    }

    #visit_arrow_box {
        position: relative;
        margin: 0px;
        top: -18%;
        background: none;
        box-shadow: none;
        left: 90%;
        width: 40px;
    }

    #visit_arrow {
        height: 25px;
        width: 18px !important;
    }

    .visit_container {
        width: 100%;
    }

    .visit_container div {
        width: 340px;
    }

    .news-carrousel__button__previous {
        top: 20%;
    }

    .news-carrousel__button__next {

        top: 20%;
    }



    .news-carrousel__control__list {
        top: 93%;
    }

    .news-carrousel__container {
        min-height: 355px;
    }

    .carousel_content {
        width: 100%;
        display: block;
        padding: 0px 10px 40px 10px;
    }

    .carousel_content .button {
        position: unset;
        left: auto;
        top: auto;
    }

    .slide .carrousel__content img {
        height: 32vw;
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    button:active,
    .button:active {
        background-color: rgb(0 0 0);
    }

    #header nav>ul>li>a.menuToggle {
        margin-top: 5px;
        padding: 0 1rem;
        margin-right: 5px;
    }

    .widget-width.widget-width--100.widget-stack>.widget.widget-- {
        width: 100%;
        max-width: 100%;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .row>.col-12-medium {
        padding: 0;
    }

    .details_image {
        width: 100%;
    }

    .details {
        width: 100%;
    }

    .button_container {
        float: left;
    }

    #main>header {
        padding: 6em 3em 3em 3em;
    }

    #main {
        margin-top: 0;
        padding: 0;
    }

    .top_banner {
        width: 100% !important;
        height: 90vw !important;
        background-position: left !important;
        background-size: cover !important;
        margin-bottom: 2rem;
    }


    .top_banner h1 {
        font-size: 2rem;
        width: 100%;
        margin: 0px;
        color: #332d32;
        text-align: left;
        text-align: left;
        position: relative;
        left: 5%;
        top: 30vw;
        width: 93%;
    }

    #header .logo .symbol img {
        padding: 0.5em 0;
        margin-left: 15px;
        width: 10em;
    }

    a.logo:focus {
        border: 0px;
        background: none;
    }

    #header.alt .logo {
        visibility: visible !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        display: block !important;
    }

    #header {
        height: 6em;
        transition: ease-in-out 0.5s;
    }

    #banner {
        padding: 6em 2em 5em 1.5em;

    }



    #menu>.inner {
        padding: 6rem 2.75em;
    }

    .footer_section:nth-child(2) {
        width: 80%;
        line-height: 1.2em;
        text-align: left;
    }

    .footer_section img {
        margin-bottom: 20px;
    }


    .footer_section {
        width: 100%;
    }

    .footer_logo_image {
        width: 100%;
        min-width: 150px;
        float: none;
        margin-left: 0px;
        max-width: 150px;
    }

    .content {
        padding: 2rem 2rem;
    }

    .servicedescription {
        padding: 10px 20px;
    }

    .widget-box img {
        height: 176px;
        width: 100%;
    }

    .servicedescription img {
        min-height: auto;
        width: auto;
    }

    .wrapper.style5 input[type="submit"],
    .wrapper.style5 input[type="reset"],
    .wrapper.style5 input[type="button"],
    .wrapper.style5 button,
    .wrapper.style5 .button {
        font-size: 1rem;
        font-weight: 500;
        padding: 15px;
        height: auto;
        line-height: normal;
    }

    .content img {
        height: 25px;
    }

    #alerts {
        display: none;
    }

    #header nav>ul>li>a.menuToggle:after {

        height: 33px;
        width: 34px;
        margin-top: 9px;
        margin-left: -8px;
    }


    #header nav>ul>li>a {

        height: 55px;
        width: 55px;
    }

    .widget-accordion.accordion {
        width: 90%;
        margin: 0 auto;
    }


    .banner {
        padding: 1rem;
    }

}

@media screen and (max-width: 800px) {
    #link1 {
        width: 74%;
    }

    .visit_link img {
        padding-top: 0%;
        width: 62%;
    }

    .widget.widget--locate-braintree-homepage-widget {
        margin-top: 1vw;
    }
}

@media screen and (max-width: 500px) {

    .top_banner h1 {
        top: 15%;
    }

    .visit_link img {
        padding-top: 0%;
        width: 72%;
    }
}

@media screen and (max-width: 800px) {
    #link1 {
        width: 93%;

    }
}

@media screen and (max-width: 400px) {


    .news-carrousel__button__next {
        top: 10%;
    }

    .news-carrousel__button__previous {

        top: 10%;
    }


    .widget-accordion.accordion {
        width: 95%;
        margin: 0 auto;
    }

    .accordion__toggle-content {
        padding: 1.5rem 0.5rem;
    }

    #header nav>ul>li>a {
        width: 115px !important;
    }

    #menu>.inner {
        padding: 5rem 1.75em;
    }
}

/* Ipad portrait media query */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .top_banner .button {
        top: 22rem;
    }

    .news-carrousel__control__list {
        top: 93%;
    }

    .carousel_content {
        width: 100%;
        display: block;
        padding: 0px 10px 40px 10px;
    }

    .carousel_content .button {
        position: unset;
        left: auto;
        top: auto;
    }

    .servicedescription img {
        width: auto;
        height: 60px !important;
    }

    .servicedescription {
        height: 80px;
    }

    .widget-box {
        max-width: 220px;
    }

    .widget-box img {
        height: 145px;
    }

    .section_2 p {
        font-size: 2rem;
        padding-left: 29%;
        max-width: 365px;
    }

    .section_1 img {
        height: 95px;
        left: 5%;
    }

    .banner {
        padding: 2rem 6rem;
    }

    .contact_us_content {
        width: 90%;
    }

    .contact_us_content h1 {
        font-size: 3.5rem;

    }

    .contact_us_content p {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .boxed,
    body,
    .alert {
        margin-top: 0rem;
    }

    .visit_container {
        width: 100%;
    }

}

/* Ipad landscape media query */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* large screen media query */
@media screen and (min-width: 1500px) {

    header#header {
        padding: 0px 10rem;
    }

    .top_banner {
        max-height: 700px;
    }

    .top_banner h1 {
        font-size: 2.5rem;
        max-width: 700px;
        left: 10%;
    }

    .news-carrousel__control__list__link {
        min-width: 27vw;
    }

    .js-carrousel.relative.news-carrousel {
        width: 81%;
    }

}