@import url('https://fonts.googleapis.com/css?family=Oxygen&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

@media (min-width: 1640px) {
    .container {
        max-width: 1600px;
        margin:0px;
    }
}


@media (min-width: 1640px) {
    .main {
        max-width: 1600px;
    }
}

html {
    overflow-y: auto;
    overflow-x: hidden;
    font-size: calc(1em + 1vw);
}

html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    font-size: 1em;

}

body {
    font-family: 'Oxygen', Helvetica, sans-serif;
    font-size: 1rem;
    color: #272727;
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #fff;
    line-height: 1.5em;
    margin-top: 0px;
    overflow-y: scroll;
}

.main {
    width: 1440px;
    margin: 0px auto;
    text-align: left;
    zoom: 1;
}


.container {
    width: 1600px;
    margin: 0px auto;
    text-align: left;
    zoom: 1;
    padding-right: 0px;
    padding-left: 0px;
}

h1 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #111;
    font-size: 1.9rem;
    margin: 1.2rem 0;
}

.h1:hover {
    opacity: 70%;
    text-decoration: none;
}

h2 {
    font-size: 1.7rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.3rem;
}
h2, h3 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #222;
    margin: 0.8rem 0;
}
    .h2, h3:hover {
        opacity: 70%;
        text-decoration: none;
    }

h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    margin: 0.7rem 0;
}
    .h4, h5, h6:hover {
        opacity: 70%;
        text-decoration: none;
    }

.Oswald {
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.site-header {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.li {
    list-style-image: url(../../images/graphics/bull.gif);
    margin-top: 0.3em;
    margin-bottom: 0.3em; 

}


a:link {
    color: #0354A5;
    text-decoration: none;
}

a:visited {
    color: #0354A5;
    text-decoration: none;
}

a:hover {
    color: #1976D2;
    text-decoration: none;
}

.DeepPurple {
    background-color: #4F2270;
}

.Ochre {
    background-color: #E19600;
}

.Orange {
    background-color: #f7941d;
}

.grassGreen {
    background-color: #8dc63f;
}

.w-60 {
    width: 60% !important;
}
.map-height {
    width: 100%;
    height:600px;
}

.img-opacity-07 {
opacity:0.7;

}

hr {
color:#8dc63f;
height:3px;

}

@media (max-width:900px) {
    .border-right {
        border: 0px solid !important;
    }
}

.tablecell {
    /*padding: 0.5em;*/
    border: 1px solid #e6e6e6;
    /*background-color: #e6e6e6;*/
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.15rem 0.5rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
    @media (max-width: 576px) {
        .border-xs-right-none {
            border-right: none !important;
        }

    }
.text-primary {
    color: #2c69bb !important;
}
.mr-10 {
    margin-right: 2.5em;
}
.ml-10 {
    margin-left: 2.5em;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #666;
}
/*added the same classes from webstore for consistancy between websites*/

.bg-light {
    background-color: #ddd !important;
}

.bg-light2 {
    background-color: #eee !important;
}

.bg-light3 {
    background-color: #999 !important;
}

.bg-light4 {
    background-color: #f5f5f5 !important;
}

.bg-primary {
    background-color: #0075bf !important;
}

.text-light {
    color: #ddd !important;
}

.text-light1 {
    color: #999 !important;
}

.text-light3 {
    color: #666 !important;
}

.text-light2 {
    color: #ccc !important;
}

.text-black {
    color: #000 !important;
}

.text-primary {
    color: #0075bf !important;
}

.text-teal {
    color: #00bfaa;
}

.text-purple {
    color: #662d91 !important;
}

.text-grey {
    color: #666;
}

.text-grey1 {
    color: #444;
}
.text-grey2 {
    color: #888;
}
.text-hover:hover {
    opacity: 80%;
    text-decoration: none;
}

.text-primary-hover:hover {
    color: #0075bf !important;
    text-decoration: none;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.font-15 {
    font-size: 15px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-17 {
    font-size: 17px;
}

.font-19 {
    font-size: 19px;
}

.font-20 {
    font-size: 20px;
}

.font-23 {
    font-size: 23px;
}

.font-25 {
    font-size: 25px;
}

.font-27 {
    font-size: 27px;
}

.font-30 {
    font-size: 30px;
}

.font-35 {
    font-size: 35px;
}

.font-40 {
    font-size: 40px;
}

.bg-teal {
    background-color: #00bfaa;
}

.text-bold {
    font-weight: 600;
}

.font-bold {
    font-weight: 600;
}
.font-500 {
    font-weight: 500;
}
.text-500 {
    font-weight: 500;
}
.w-95 {
    width: 95% !important;
}
.w-80 {
    width: 80% !important;
}
.w-40 {
    width: 40% !important;
}
.w-60 {
    width: 60% !important;
}
 .w-35 {
    width: 35% !important;
}
.w-30 {
    width: 30% !important;
}
.w-25 {
    width: 25% !important;
}
.w-20 {
    width: 20% !important;
}
.w-15 {
    width: 15% !important;
}
.dropdown-item {
    padding: 0.7rem;
}

    .dropdown-item: hover {
        padding: 0.6rem;
        background-color: #ccc !important;
        border-bottom: 1px solid red !important;
    }


.border-tab-cn 
{
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 
border: solid 1px black;
}



/* GDPR cookiebot*/
.CookiebotWidget-main-logo {
    display: none !important;
    visibility: hidden !important;
}

#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
    visibility: hidden !important;
}

#CybotCookiebotDialogPoweredbyText {
    display: none !important;
    visibility: hidden !important;
}


    #CybotCookiebotDialogPoweredByText a {
        color: #ffffff !important;
    }



#CybotCookiebotDialogDetailFooter {
    display: none !important;
    visibility: hidden !important;
}

.CookiebotWidget-header {
    background-color: #0075bf !important;
}



#CybotCookiebotDialogHeader {
    background-color: #0075bf !important;
}

#CybotCookiebotDialogPoweredbyImage {
    content: url('../../images/home/new/SP-logo-white-transparent1.png') !important;
}

.CookiebotWidget-body {
    background-color: #efefef !important;
}

.CybotCookiebotDialogNavItems {
    background-color: #ffffff !important;
}

#CybotCookiebotDialogFooter {
    background-color: #ffffff !important;
}


/* End GDPR*/
/*tabs*/

.ajax__tab_outer {
    border: solid 0.1em #d7d7d7;
    color: #0075be;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0px;
    margin-left: 0;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
}

.Tabs .ajax__tab_header {
    font-family: Lato, Muli, arial, sans-serif;
    font-size: 1em;
    display: block;
    color: #0075be;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
}

    .Tabs .ajax__tab_header .ajax__tab_outer {
        border: solid 0.1em #d7d7d7;
        color: #0075be;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0px;
        margin-left: 0px;
        border-radius: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        -webkit-border-radius: 7px 7px 0px 0px;
    }

    .Tabs .ajax__tab_header .ajax__tab_inner {
        border-color: #d5e2ea;
        color: #666;
        padding: 5px 15px 5px 15px;
        border-radius: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        -webkit-border-radius: 7px 7px 0px 0px;
    }

.Tabs .ajax__tab_hover .ajax__tab_outer {
    background-color: #f3f6fb; /*grey on hover*/
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    ;
    -webkit-border-radius: 7px 7px 0px 0px;
}

.Tabs .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    ;
    -webkit-border-radius: 7px 7px 0px 0px;
}

.Tabs .ajax__tab_active .ajax__tab_outer {
    border-top: #ccc 0.15em solid; /*blue  border over*/
    border-left: #ccc 0.15em solid; /*blue  border over*/
    border-right: #ccc 0.15em solid; /*blue  border over*/
    border-bottom: #ccc 0.1em solid;
    background-color: #f3f3f3; /*very light grey*/
    border-radius: 7px 7px 0px 0px;
}

.Tabs .ajax__tab_active .ajax__tab_inner {
    color: #000;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    -webkit-border-radius: 7px 7px 0px 0px;
    border-color: #333;
}

.MyTabStyle .ajax__tab_body {
    font-family: Lato,Muli, arial, sans-serif;
    font-size: 0.9em;
    color: #0075be;
    background-color: #fff;
    border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    ;
    -webkit-border-radius: 7px 7px 0px 0px;
}

.WatermarkBox {
    color: #b2bcc4;
    font-family: Lato, Muli, arial, sans-serif;
    font-size: 0.9em;
}

/*end tabs*/
/*search results*/
.gsc-webResult .gsc-url-top {
    display: block;
    font-size: 18px !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    margin-top: 20px !important;
    font-size: 20px !important;
    color: #0354A5 !important;
}

.gs-result .gs-image {
    align-content:flex-start !important;
    margin-top:10px !important;
    border: none;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    max-width: 120px !important;
    max-height: 100px !important;
}

.gs-snippet {
    margin-left: 130px !important;
    color: #222;
    margin-top: 5px;
    font-size: 16px !important;
}
.gs-fileFormat {
    margin-left: 65px !important;
    color: #666;
    font-size: 13px;
}
.gsc-results .gsc-cursor-box {
    margin-bottom: 10px;
    margin-top:10px;
    font-size: 25px !important;
    color: black !important;
}

.gcsc-find-more-on-google {
    
    margin-top:20px;
    color: #0354A5;
    font-size: 16px !important;
}
.ml-n5, .mx-n5 {
    margin-left: -4rem !important;
}
.g-bg-bluegray-opacity-0_4, .g-bg-bluegray-opacity-0_4--after::after {
    background-color: rgba(88, 95, 105, 0.4) !important;
}