/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
    0% {transform: scale(1.1);}
    /* 50% {transform: scale(1.5);} */
    100% {transform: scale(1);}
  }
  @keyframes zoomin {
    0% {transform: scale(1.1);}
    /* 50% {transform: scale(1.5);} */
    100% {transform: scale(1);}
  } /*End of Zoom in Keyframes */
  
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    box-sizing: border-box;
    background-color: #003153;
    color: #fff;
}

html {
    height: 100%;
}

#wrapper_headerbar,
#wrapper_header,
#wrapper_top_menu,
#wrapper_breadcrumb,
#wrapper_body,
#wrapper_footer,
#wrapper_copyright,
#warpper_strapline,
#wrapper_page_promo,
.wrapper_page_panel,
#wrapper_mailing,
#wrapper_top_social,
#wrapper_testimonials,
#wrapper_copyright,
#wrapper_home_promo,
#wrapper_home_body,
#wrapper_search {
    padding: 0px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}

#wrapper_headerbar {
    background-color: #041a3a;
    padding: 5px;
    color: #fff;
}
#wrapper_header {
    position: fixed;
    top: 20px;
    left: 0;
    z-index: 1000;
    padding-left: 20px!important;
    padding-right: 20px!important;
}
#wrapper_search {
    background-color: #000;
}
#wrapper_top_menu {
    background-color: var(--primary_color);
}
#wrapper_breadcrumb {
    
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#wrapper_body {
    /* overflow-x: hidden; */
        padding-left: 20px !important;
    padding-right: 20px !important;
}

#wrapper_home_promos {
    position: relative;
    width: 100%;
}

#layout_home_promos {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

#wrapper_footer {
    background-color: var(--primary_color);
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#layout_headerbar,
#layout_header,
#layout_top_menu,
#layout_breadcrumb,
#layout_body,
#layout_footer,
#layout_copyright,
#layout_page_promo,
#layout_strapline,
.layout_page_panel,
#layout_mailing,
#layout_top_social,
#layout_testimonials,
#layout_copyright,
#layout_home_promo,
#layout_home_body,
#layout_search {
    width: 100%;
    max-width: 1400px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 0px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}

#layout_headerbar a {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 5px;
}

#layout_headerbar a i {
    margin-right: 10px;
    font-size: 14px;
}

#layout_header {
    background-color: rgba(0, 49, 83, .8);
    border-radius: 0px;
    position: relative;
    border-bottom: 4px solid var(--highlight_color);
    height: 125px;
    padding-left: 0px!important;
    padding-right: 0px!important;
    font-family: var(--heading_font);
}

#layout_page_promo {
    padding-left: 0px!important;
    padding-right: 0px!important;
    overflow: hidden;
    max-width: 100%;
}
#layout_body {
    background-repeat: repeat-y;
    display: block;
    width: 100%;
    min-height: 580px;
}
#layout_home_body {
    padding-top: 30px;
    padding-bottom: 30px;
}
#layout_mailing {
    background-color: #a2a2a2;
    padding: 10px;
}

#layout_mailing .btn {
    background-color: var(--primary_color);
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 0px;
}

#layout_mailing h5 {
    color: var(--primary_color);
    margin: 0px;
}

#layout_mailing p {
    color: white;
}

#layout_mailing label {
    display: none;
}

#layout_mailing input[type='text'],
#layout_mailing input[type='email'] {
    width: 100%;
    vertical-align: middle;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border: none;
    display: inline-block;
}

#layout_mailing .mc-field-group {
    width: 32.333%;
    display: inline-block;
}

#layout_footer {
    padding-top: 30px;
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 10px;
    background-repeat: repeat-y;
    border-radius: 0px;
    text-align: center;
    border-top: 4px solid var(--highlight_color);
    font-family: var(--heading_font);
}
#layout_footer p {
    font-size: 28px;
}
#layout_footer .col_100 img {
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}
#layout_copyright {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#layout_copyright a {
    color: #FFFFFF;
    text-decoration: none;
}
.bgPrimary {background-color: var(--primary_color);}
.bgSeconday {background-color: var(--secondary_color);}
.bgBoxBack {background-color: var(--box_back);}

.w100 {width: 100%;}
.w75 {width: 750%;}
.w50 {width: 50%;}
.w25 {width: 25%;}
.w33 {width: 33%;}
.w66 {width: 66%;}

.p0 { padding: 0px}
.p5 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p30 { padding: 30px;}
.p40 { padding: 40px;}
.p50 { padding: 50px;}

.pt0 { padding-top: 0px}
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}

.pl0 { padding-left: 0px}
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}

.pr0 { padding-right: 0px}
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}

.pb0 { padding-bottom: 0px}
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}

.m0 { margin: 0px }
.m5 { margin: 5px }
.m10 { margin: 10px }
.m15 { margin: 15px }
.m20 { margin: 20px }
.m30 { margin: 30px }
.m40 { margin: 40px }
.m50 { margin: 50px }

.mt0 { margin-top: 0px }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}

.mb0 { margin-bottom: 0px }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}

.ml0 { margin-left: 0px }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}

.mr0 { margin-right: 0px }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}


.r0 { border-radius: 0px}
.r5 { border-radius: 5px;}
.r10 { border-radius: 10px;}
.r15 { border-radius: 15px;}
.r20 { border-radius: 20px;}
.r30 { border-radius: 30px;}
.r40 { border-radius: 40px;}
.r50 { border-radius: 50px;}

.rtl0 { border-top-left-radius: 0px}
.rtl5 { border-top-left-radius: 5px; }
.rtl10 { border-top-left-radius: 10px;}
.rtl15 { border-top-left-radius: 15px;}
.rtl20 { border-top-left-radius: 20px;}
.rtl30 { border-top-left-radius: 30px;}
.rtl40 { border-top-left-radius: 40px;}
.rtl50 { border-top-left-radius: 50px;}

.rtr0 { border-top-right-radius: 0px}
.rtr5 { border-top-right-radius: 5px; }
.rtr10 { border-top-right-radius: 10px;}
.rtr15 { border-top-right-radius: 15px;}
.rtr20 { border-top-right-radius: 20px;}
.rtr30 { border-top-right-radius: 30px;}
.rtr40 { border-top-right-radius: 40px;}
.rtr50 { border-top-right-radius: 50px;}

.rbl0 { border-bottom-left-radius: 0px}
.rbl5 { border-bottom-left-radius: 5px; }
.rbl10 { border-bottom-left-radius: 10px;}
.rbl15 { border-bottom-left-radius: 15px;}
.rbl20 { border-bottom-left-radius: 20px;}
.rbl30 { border-bottom-left-radius: 30px;}
.rbl40 { border-bottom-left-radius: 40px;}
.rbl50 { border-bottom-left-radius: 50px;}

.rbr0 { border-bottom-right-radius: 0px}
.rbr5 { border-bottom-right-radius: 5px; }
.rbr10 { border-bottom-right-radius: 10px;}
.rbr15 { border-bottom-right-radius: 15px;}
.rbr20 { border-bottom-right-radius: 20px;}
.rbr30 { border-bottom-right-radius: 30px;}
.rbr40 { border-bottom-right-radius: 40px;}
.rbr60 { border-bottom-right-radius: 50px;}


.felx {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.felxWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.grid {
    display: grid!important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    list-style: none;
    padding: 0px;
    width: 100%;
    /* margin: 0px; */
}
.subgrid {
    display: grid!important;
    grid-template-columns: subgrid;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.gridBox {
    display: grid!important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.gridRow0 {grid-row-gap: 0px}
.gridRow5 {grid-row-gap: 5px}
.gridRow10 {grid-row-gap: 10px}
.gridRow15 {grid-row-gap: 15px}
.gridRow20 {grid-row-gap: 20px}
.gridRow25 {grid-row-gap: 25px}
.gridRow30 {grid-row-gap: 30px}

.gridColumn0 {grid-column-gap: 0px}
.gridColumn5 {grid-column-gap: 5px}
.gridColumn10 {grid-column-gap: 10px}
.gridColumn15 {grid-column-gap: 15px}
.gridColumn20 {grid-column-gap: 20px}
.gridColumn25 {grid-column-gap: 25px}
.gridColumn30 {grid-column-gap: 30px}

.gridSpan1 { grid-column: span 1; }
.gridSpan2 { grid-column: span 2; }
.gridSpan3 { grid-column: span 3; }
.gridSpan4 { grid-column: span 4; }
.gridSpan5 { grid-column: span 5; }
.gridSpan6 { grid-column: span 6; }
.gridSpan7 { grid-column: span 7; }
.gridSpan8 { grid-column: span 8; }
.gridSpan9 { grid-column: span 9; }
.gridSpan10 { grid-column: span 10; }
.gridSpan11 { grid-column: span 11; }
.gridSpan12 { grid-column: span 12; }


.boxGrid.grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.boxGrid.grid.grid4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.boxGrid.grid.grid3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.boxGrid.grid.grid2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.boxGrid .boxGridItem_container {
    position: relative;
    text-align: center;
    background-color: var(--box_back);
    border-radius: 20px;
    padding: 20px;
}

.boxGrid .boxGridItem_container .boxGridItem_image img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.boxGrid .boxGridItem_container .boxGridItem_content {

    text-align: center;
}
.boxGrid .boxGridItem_container h3::after {
    display: none;
}

.boxGrid .boxGridItem_container .btn {
    display: inline-block;
}

.list {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px;
}


.list li {
    padding-bottom: 10px!important;
    margin-bottom: 10px!important;
    border-bottom: 1px solid var(--secondary_color);
}
.list li a {
    width: 100%;
    display: grid!important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-row-gap: 0px;
    grid-column-gap: 0px;
    list-style: none;
    padding: 0px;
    margin: 0px; 
}

.list li .image {
    grid-column: span 3;
}
.list li .contents {
    grid-column: span 9;
    text-align: left;
    position: relative;
}
.list li .btn {
    position: absolute!important;
    bottom: 10px;
    right: 0!important;
    left: auto!important;
    width: 120px!important;
    display: inline-block;
}

a.box {
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
}
#bgimg_top {
    background-color: #000000;
    background-attachment: fixed;
    background-image: url(/images/back.jpg);
    background-position: center top;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -200;
    width: 100%;
    height: 100%;
    background-size: cover;
    display: none;
}

audio {
    width: 320px;
    padding: 0px;
    margin: 0px;
    max-width: 100%;
}


.clear {
    clear: both;
    height: 0px;
}


img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#top_logo {
    float: left;
}
#top_logo img {
    width: auto;
    height: 85px;
    padding: 20px;
}
#top_quote {
    text-align: right;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: -54px;
    right: 0px;
    background-color: var(--highlight_color);
    height: 50px;
}
#top_quote a {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
}
#top_links {
    text-align: right;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: -54px;
    left: 0px;
    background-color: var(--highlight_color);
    height: 50px;
}

#top_links img {
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
    width: auto;
}

#top_contact {
    text-align: right;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    padding-right: 20px;
}

#top_contact p {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    font-size: 24px
}
#top_contact img {
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 10px;
}

#top_contact a {
    color: #fff;
    text-decoration: none;
}

#top_contact p#contact_tel {
    /* font-size: 24px; */
}

#top_contact p#contact_email {}

#top_menu {
    height: 40px;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    text-align: right;
    padding-right: 20px;
}

#breadcrumb {
    color: var(--highlight_color);
    padding: 10px;
    display: block;
    width: 100%;
    /* border-bottom: 2px solid #E4E4E4; */
    box-sizing: border-box;
}

#breadcrumb a {
    color: var(--highlight_color);
    text-decoration: none;
}

#layout_footer a {
    color: #FFFFFF;
    text-decoration: none;
}

#layout_footer #foot_menu {
    margin: 0px;
    padding: 0px;
}

#layout_footer h6 {
    margin: 0px;
    color: #e2e2e2;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
}

#layout_footer #foot_menu li {
    text-transform: uppercase;
    list-style-type: none;
    padding: 10px;
    margin: 0px;
    box-sizing: border-box;
    display: inline-block;
    border-right: 1px solid var(--highlight_color)
}
#layout_footer #foot_menu li:last-child {
    border-right: none;
}
#layout_footer #foot_menu li a {
    font-size: 14px;
}

#page_container {
    display: grid!important;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

#page_col_centre {
    grid-column: span 6;
}

#page_col_full {
    grid-column: span 12;
}

#page_col_main {
    grid-column: span 9;
}

#page_col_left {
    grid-column: span 3;
}

#page_col_right {
    grid-column: span 3;
}

#page_col_left h5,
#page_col_right h5 {
    display: block;
    padding: 5px;
    color: #036;
    margin: 0px;
    padding-top: 10px;
}

/* in-page columns */

.col_container {
    width: 100%;
    display: grid;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    box-sizing: border-box;
}

.col_25 {
    grid-column: span 3;
    box-sizing: border-box;
}

.col_33 {
    grid-column: span 4;
    box-sizing: border-box;
}

.col_50 {
    grid-column: span 6;
    box-sizing: border-box;
}

.col_66 {
    grid-column: span 8;
    box-sizing: border-box;
}

.col_75 {
    grid-column: span 9;
    box-sizing: border-box;
}

.col_100 {
    grid-column: span 12;
    box-sizing: border-box;
}

.video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto !important;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

/* Side Menu list */

.side_menu_wrapper {
    margin: 0px;
    padding: 0px;
    /* position: -webkit-sticky; */
    position: sticky;
    top: 10px;
    /* top: 5%; */
    /* display: block; */
}
.side_menu {
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

.side_menu li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    border-bottom: 2px solid #999;
    position: relative;
}

.side_menu li:hover {
    background-color: var(--back_grey);
}

.side_menu li::before {
    content: '>';
    position: absolute;
    right: 5px;
    color: #a2a2a2;
    font-size: 18px;
}

.side_menu li a {
    padding: 10px;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

.side_menu li.side_menu_heading a {
    color: var(--primary_color);
    font-weight: bold;
}

.side_menu li.side_menu_heading:hover {
    background-color: #fff;
}

.side_menu li.side_menu_heading::before {
    content: '';
}

.side_menu ul {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.side_menu ul ul li a {
    color: #000;
    font-weight: normal;
    padding-left: 25px;
}

.side_menu ul li {
    border-bottom-width: 1px;
}

.side_menu ul ul li a {
    color: #000;
    font-weight: normal;
    background-color: var(--back_grey);
    padding-left: 20px;
}

.side_menu ul ul ul li a {
    color: #fff;
    font-weight: normal;
    background-color: var(--primary_color);
    padding-left: 40px;
    border-left: 5px solid #f2f2f2;
}


/* index_grid */

.index_grid li {
    text-align: center;
    padding: 3px;
    background-color: var(--primary_color);
    list-style-type: none;
}

.index_grid li h3::after {
    margin-left: auto;
    margin-right: auto;
}

.index_grid li a {
    border: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    padding: 35px 15px;
    display: block;
    text-align: center;
}

.index_grid li a h3 {
    margin: 0px;
    color: #fff;
}

/* Index list with image - grid */

.image_index_grid li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}

.image_index_grid li a {
    text-decoration: none;
    color: #000;
    display: block;
}

.image_index_grid li .contents {
    padding: 10px;
    display: block;
}

.image_index_grid li .image {
    width: 100%;
    height: auto;
    margin: 0px;
}

.image_index_grid li .image img {
    width: 100%;
    height: auto;
    margin: 0px;
}

.image_index_grid li h3 {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 1.5rem;
}

.image_index_grid li h3::after {
    margin-left: auto;
    margin-right: auto;
}

.image_index_grid li .btn_more {
    color: #FFF;
    text-decoration: none;
    background-color: #00397A;
    display: block;
    padding: 3px;
}

.image_index_grid li .content {
    padding: 10px;
    display: block;
    padding-bottom: 40px;
}

.image_index_grid li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
}

/* Index list with image - overlay */

.image_index_overlay li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}

.image_index_overlay li a {
    text-decoration: none;
    color: #000;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.image_index_overlay li .contents {
    padding: 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: rgba(255, 255, 255, .8);
}

.image_index_overlay li .image {
    width: 100%;
    height: auto;
    margin: 0px;
}

.image_index_overlay li .image img {
    width: 100%;
    height: auto;
    margin: 0px;
}

.image_index_overlay li h3 {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.image_index_overlay li h3::after {
    margin-left: auto;
    margin-right: auto;
}

.image_index_overlay li .btn_more {
    color: #FFF;
    text-decoration: none;
    background-color: var(--primary_color);
    display: block;
    padding: 3px;
}

.image_index_overlay li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
}



/* Index image panel - overlay */

.image_index_panel li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    transition: 0.2s;
}

.image_index_panel li a {
    text-decoration: none;
    color: #000;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.image_index_panel li .contents {
    padding: 20px;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: rgba(255, 255, 255, .8);
    width: 100%;
    max-width: 320px;
    padding-bottom: 50px;
}

.image_index_panel li .image {
    width: 100%;
    height: auto;
    margin: 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 16 / 9;
    display: block;
}

.image_index_panel li h3 {
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

.image_index_panel li h3::after {
    margin-left: auto;
    margin-right: auto;
}

.image_index_panel li .btn_more {
    color: #FFF;
    text-decoration: none;
    background-color: var(--primary_color);
    display: block;
    padding: 3px;
}

.image_index_panel li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
}


/* Image List - Grid */

.image_grid li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
    transition: 0.2s;
    text-align: center;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

.image_grid li:hover {}

.image_grid li .image {
    width: 100%;
    height: auto;
}

.image_grid li .contents {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    padding-bottom: 40px;
    display: block;
}

.image_grid li .image img {
    width: 100%;
    height: auto;
}

.image_grid li h3::after {
    margin-left: auto;
    margin-right: auto;
}

.image_grid li iframe {
    width: 100%;
    height: 57%;
}

.image_grid li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, .8);
}

/* Image List - Grid Overlay */

.image_grid_overlay li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
    transition: 0.2s;
    text-align: center;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

.image_grid_overlay li .image {
    width: 100%;
    height: auto;
}

.image_grid_overlay li .contents {
    padding: 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-color: rgba(255, 255, 255, .8);
    font-size: 14px;
    padding-bottom: 40px;
}

.image_grid_overlay li .contents h3 {
    font-size: 20px;
}

.image_grid_overlay li h3::after {
    margin-left: auto;
    margin-right: auto;
}

.image_grid_overlay li .image img {
    width: 100%;
    height: auto;
}

.image_grid_overlay li iframe {
    width: 100%;
    height: 57%;
}

.image_grid_overlay li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, .8);
}
/* Numberbox */

.numberbox_value {
    font-family: var(--heading_font);
    color: var(--primary_color);
    font-size: 3rem;
    font-weight: bold;
}

.numberbox_content {
    font-size: 1.2rem;
}

/* Media Grid */

.media_grid {
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

.media_grid li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
    transition: 0.2s;
    text-align: center;
    box-sizing: border-box;
}

.media_grid li .image {
    width: 100%;
    height: auto;
}

.media_grid li .image img {
    width: 100%;
    height: auto;
}

.media_grid li iframe {
    width: 100%;
    height: 57%;
}

.media_grid li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, .8);
}

/* Document Grid */

.document_grid {
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

.document_grid li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
    transition: 0.2s;
    text-align: center;
    box-sizing: border-box;
}

.document_grid li a {
    text-decoration: none;
}

.document_grid li .image {
    width: 100%;
    height: auto;
    text-align: center;
    border-bottom: 5px solid var(--highlight_color)
}

.document_grid li .image img {
    width: auto;
    height: 260px;
}

.document_grid li iframe {
    width: 100%;
    height: 57%;
}

.document_grid li h3 {
    font-weight: normal;
    color: var(--secondary_color);
}

.document_grid h3 .title_manx {
    font-weight: 700;
    display: block;
    font-size: 24px;
    color: var(--primary_color);
}

.document_grid li a {
    text-decoration: none;
}

.document_grid li .btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

/* link index */

.link_index {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.link_index li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: center;
    border: 1px solid var(--box_border);
    box-sizing: border-box;
}

.link_index li a {
    text-decoration: none;
    color: #000;
    padding: 5px;
    display: block;
}

/* link index icon */

.link_index_icon {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-row-gap: 20px;
    grid-column-gap: 20px;
}

.link_index_icon li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-align: left;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-height: 50px;
    border-left: 5px solid #003366;
    background-image: url(/images/icon_document.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 40px auto;
    box-shadow: 2px 2px 2px #f2f2f2;
}

.link_index_icon li a {
    text-decoration: none;
    color: #000;
    padding: 5px;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    font-size: 14px;
    padding-left: 50px;
}

.link_index_icon li a .heading {
    font-size: 18px;
    font-weight: bold;
    display: block;
}

/* index with side image */

.index_side li .contents .date {
    font-size: 12px;
}

.index_side li h2,
.index_side li h3,
.index_side li h4,
.index_side li p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

/* Panel index with side image */

.panel_index_side {
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    width: 100%;
    margin-bottom: 20px;
}

.panel_index_side li {
    padding: 10px;
    margin: 0px;
    border: 1px solid #f2f2f2;
    background-color: #fff;
    list-style-type: none;
    box-sizing: border-box;
    position: relative;
    box-shadow: 2px 2px 2px #d2d2d2;
}

.panel_index_side li a {
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
}

.panel_index_side li img {
    width: 25%;
    height: auto;
    float: right;
    margin-left: 10px;
}

.panel_index_side li .heading,
.panel_index_side li p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.panel_index_side li .heading {
    font-size: 22px;
    font-weight: bold;
}

/* Panel index with image */

.panel_index_image {
    padding: 0px;
    margin: 0px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    width: 100%;
}

.panel_index_image li {
    padding: 10px;
    margin: 0px;
    border: 1px solid var(--box_border);
    list-style-type: none;


    box-sizing: border-box;
}

.panel_index_image li a {
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
}

.panel_index_image li img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.panel_index_image li .heading,
.panel_index_image li p {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

.panel_index_image li .heading {
    font-size: 22px;
    font-weight: bold;
}

/* list content */

.list_content {
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.list_content li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}

/* page block */
.page_block_container {
    display: grid;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.page_block {
    margin: 0px;
    padding: 0px;
    margin-right: auto;
    display: grid;
    grid-row-gap: 50px;
    grid-column-gap: 50px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    box-sizing: border-box;
}

.page_block.block_100 {
    grid-column: span 12;
}
.page_block.block_50 {
    grid-column: span 6;
}

.page_block.Center, .page_block.Full {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.page_block.vcentre .block_text,
.page_block.vcentre .block_image {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.page_block .block_addons {
    grid-column: span 2;
    order: 3;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
}

.page_block .block_image {
    grid-column: span 2;
    order: 1;
    padding: 0px;
    box-sizing: border-box;
}

.page_block.Left .block_image {
    grid-column: span 1;
    order: 1;
    box-sizing: border-box;
}

.page_block.Right .block_image {
    grid-column: span 1;
    order: 2;
    box-sizing: border-box;
}

.page_block.Center .block_image {
    grid-column: span 2;
    order: 1;
    box-sizing: border-box;
    margin-left: 10%;
    margin-right: 10%;
}

.page_block.Full .block_image {

    grid-column: span 2;
    order: 1;
    box-sizing: border-box;
}

.page_block.Left .block_image img {
    width: 100%;
    height: auto;
}

.page_block.Right .block_image img {
    width: 100%;
    height: auto;
}

.page_block.Center .block_image img {
    width: 100%;
    height: auto;
}

.page_block.Full .block_image img {
    width: 100%;
    height: auto;
}

.page_block .block_text {
    grid-column: span 2;
    order: 2;
    padding: 0px;
    box-sizing: border-box;
}

.page_block.Left .block_text {
    grid-column: span 1;
    order: 2;
    box-sizing: border-box;
}

.page_block.Right .block_text {
    grid-column: span 1;
    order: 1;
    box-sizing: border-box;
}

.page_block.Center .block_text {
    grid-column: span 2;
    order: 2;
    box-sizing: border-box;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.page_block.Full .block_text {
    grid-column: span 2;
    order: 2;
    box-sizing: border-box;
}

.page_block.Left .block_text h3 {
    text-align: left;
}

.page_block.Right .block_text h3 {
    text-align: left;
}

.page_block.Center .block_text h3 {
    text-align: center;
}

.page_block.Full .block_text h3 {
    text-align: center;
}

.page_block .panel_addons {
    width: 100%;
    order: 3;
    grid-column: span 2;
}

/* page panels */

.wrapper_page_panel {
    background-repeat: no-repeat;
    background-size: cover;
}

.layout_page_panel {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
    overflow: hidden;
}

.layout_page_panel.video {
    height: 450px;
}

.layout_page_panel .panel_content {
    margin: 0px;
    padding: 0px;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.layout_page_panel .panel_content .vertical_align {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.layout_page_panel .panel_full {
    box-sizing: border-box;
    width: 100%;
}

.layout_page_panel .panel_content .panel_text {
    box-sizing: border-box;
    width: 100%;
}

.layout_page_panel .panel_content .panel_image {
    box-sizing: border-box;
    width: 100%;
}

/* Panel Layout: Blank */

.layout_page_panel.Blank {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100%;
}
.layout_page_panel.Blank .panel_content .panel_text {
    box-sizing: border-box;
    padding: 0px;
    width: 100%;
}
/* Panel Layout: Standard */

.layout_page_panel.Standard .panel_content {
    box-sizing: border-box;
    padding: 60px 0px;
    width: 100%;
}

.layout_page_panel.Standard .panel_content .panel_text {
    box-sizing: border-box;
    width: 100%;
}
.layout_page_panel.Standard .panel_content .panel_image {
    box-sizing: border-box;
}

.layout_page_panel.Standard .panel_content .panel_addons {
    box-sizing: border-box;
    padding: 60px;
}

/* Panel Layout: Image Left */

.layout_page_panel.Image_Left .panel_content {
    box-sizing: border-box;
    padding: 60px 0px;
    width: 100%;
}
.layout_page_panel.Image_Left .panel_content .panel_image {
    width: 50%;
    order: 1;
}

.layout_page_panel.Image_Left .panel_content .panel_image img {
    width: 100%;
    height: auto;
}

.layout_page_panel.Image_Left .panel_content .panel_text {
    order: 2;
    width: 50%;
    padding-left: 40px;
}

/* Panel Layout: Image Right */

.layout_page_panel.Image_Right .panel_content {
    box-sizing: border-box;
    padding: 60px 0px;
    width: 100%;
}

.layout_page_panel.Image_Right .panel_content .panel_image {
    width: 50%;
    order: 2;
}

.layout_page_panel.Image_Right .panel_content .panel_image img {
    width: 100%;
    height: auto;
}

.layout_page_panel.Image_Right .panel_content .panel_text {
    order: 1;
    width: 50%;
    padding-right: 40px;
}

/* Panel Layout: Image Panel Left */

.layout_page_panel.Image_Panel_Left {
    padding: 0px;
    max-width: 100%;
}
.layout_page_panel.Image_Panel_Left .panel_content .panel_image {
    width: 50%;
    order: 1;
    background-size: cover;
    background-position: center center
}

.layout_page_panel.Image_Panel_Left .panel_content .panel_text {
    order: 2;
    width: 50%;
    padding: 60px;
}

/* Panel Layout: Image Panel Right */

.layout_page_panel.Image_Panel_Right {
    padding: 0px;
    max-width: 100%;
}

.layout_page_panel.Image_Panel_Right .panel_content .panel_image {
    width: 50%;
    order: 2;
    background-size: cover;
    background-position: center center
}

.layout_page_panel.Image_Panel_Right .panel_content .panel_text {
    order: 1;
    width: 50%;
    padding: 60px;
}

/* Panel Layout: Text Overlay */
.layout_page_panel.Text_Overlay{
    width: 100%;
    max-width: 100%;
}

.layout_page_panel.Text_Overlay .panel_content {
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
    height: 100%;
}

.layout_page_panel.Text_Overlay .panel_content .panel_text {
    width: 50%;
    padding: 60px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, .8);
}

/* Panel Layout: Text Overlay left */

.layout_page_panel.Text_Overlay_Left {
    width: 100%;
    max-width: 100%;
}
.layout_page_panel.Text_Overlay_Left .panel_content {
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.layout_page_panel.Text_Overlay_Left .panel_content .panel_text {
    width: 50%;
    padding: 60px;
    margin-left: 0px;
    margin-right: auto;
    background-color: rgba(255, 255, 255, .8);
}

/* Panel Layout: Text Overlay right */

.layout_page_panel.Text_Overlay_Right {
    width: 100%;
    max-width: 100%;
}
.layout_page_panel.Text_Overlay_Right .panel_content {
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-position: center center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.layout_page_panel.Text_Overlay_Right .panel_content .panel_text {
    width: 50%;
    padding: 60px;
    margin-left: auto;
    margin-right: 0px;
    background-color: rgba(255, 255, 255, .8);
}

/* Panel Layout: Text Box Bottom */

.layout_page_panel.Text_Box_Bottom {
    padding: 0px;
    max-width: 100%;
}
.layout_page_panel.Text_Box_Bottom .panel_content .panel_image {
    width: 100%;
    height: 480px;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;

}

.layout_page_panel.Text_Box_Bottom .panel_content .panel_text {
    width: 100%;
    padding: 60px;
    background-color: rgba(255, 255, 255, .8);
    margin-bottom: 40px;
}

.layout_page_panel h3 {
    margin: 0px;
    margin-bottom: 20px;
}

/* infobox */
.infobox_container {
    background-color: #fff;
    border-top: 5px solid var(--highlight_color);
    
}

.infobox_container p, .infobox_container li {
    color: #000;
}
.infoboxes .boxGridItem_container {
    background-color: #fff;
    /* border: 1px solid var(--box_border); */
    box-sizing: border-box;
}

.infoboxes .boxGridItem_container a.btn {
    width: auto;
    display: inline-block;
    clear: both;
    color: #fff;
}

/* infoblocks */

.infoblocks_links {
    display: block;
    padding: 10px;
    text-align: center;
}


.infoblocks_links ul {
    padding: 0px;
    margin: 0px;
    display: block;
}

.infoblocks_links ul li {
    display: inline-block;
}

.infoblocks_links ul li a {
    display: block;
    padding: 10px 5px;
    background-color: var(--primary_color);
    color: #fff;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

/* infocards */

.infocards {
    margin: 0px;
    padding: 0px;
    justify-content: center;
    width: 100%;
}


.infocards .infocard_container {
    padding: 0px;
    margin: 0%;
    border: 1px solid var(--box_border);
    list-style-type: none;
    box-sizing: border-box;
    box-shadow: #d2d2d2 3px 3px 3px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
}

.infocards .infocard_container .infocard_image {
    width: 33.333%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.infocards .infocard_container .infocard_content {
    width: 66.666%;
    padding: 20px;
    box-sizing: border-box;
}

.infocards .infocard_container .infocard_content.full {
    width: 100%;
}
.infocards .infocard_container .infocard_image img {
    clear: none;
    width: 100%;
    padding: 0px;
    height: auto;
    margin-bottom: 10px;
}

.infocards .infocard_container .infocard_content .infocard_price {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    padding: 20px 30px;
    border-radius: 30px;
    background-color: var(--primary_color);
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}
.infocards .infocard_container h3 {
    margin-left: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.infocards .infocard_container a {
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
}

.infocards .infocard_container a.btn {
    width: auto;
    display: inline-block;
    clear: both;
}
/* IMage Panel */

.imagepanel {

}
.imagepanel .imagepanel_container {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 420px;
    position: relative;
}

.imagepanel .imagepanel_container.panel_100 {
    grid-column: span 12;
}
.imagepanel .imagepanel_container.panel_50 {
    grid-column: span 6;
}
.imagepanel .imagepanel_container.panel_33 {
    grid-column: span 4;
}
.imagepanel .imagepanel_container.panel_25 {
    grid-column: span 3;
}
.imagepanel .imagepanel_container a {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: center; /* centers horizontally */
    align-items: center; 
}
.imagepanel .imagepanel_container h3 {
    color: #fff;
    margin: 0;
    padding: 0;
}
.imagepanel .imagepanel_container a .contents {
    width: 100%;
    max-width: 80%;
    text-align: center;
    background-color: rgba(184, 115, 51, .8);
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    text-transform: uppercase;
    /* border-radius: 10px; */
}
/* Image Cards */

.imagecards {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    justify-content: center;
    width: 100%;
}

.imagecards .imagecard_container {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
}
.imagecards .imagecard_container.Quarter {
    grid-column: span 3;
}

.imagecards .imagecard_container.Third {
    grid-column: span 4;
}

.imagecards .imagecard_container.Half {
    grid-column: span 6;
}

.imagecards .imagecard_container.Full {
    grid-column: span 12;
}

.imagecards .imagecard_container a {
        display: block;
        height: 265px;
        text-decoration: none;
}
.imagecards .imagecard_container .imagecard_content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.imagecards .imagecard_container a .imagecard_content h3 {
    color: #fff;
    background-color: #204da2;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    padding: 10px 15px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px;
    border-radius: 5px;
}

.imagecards .imagecard_container a .imagecard_content h3:after {
    margin-left: auto;
    margin-right: auto;
}



/* Image Boxes */

.imageboxes {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    justify-content: center;
    width: 100%;
}

.imageboxes .imagebox_container {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    border: 1px solid #969696;
    position: relative;
}

.imageboxes .imagebox_container.square {
    aspect-ratio: 1 / 1;
}

.imageboxes .imagebox_container.background_image {

}

.imageboxes .imagebox_container.background_image .imagebox_content {
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
}

.imageboxes .imagebox_container .imagebox_content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.imageboxes .imagebox_container .imagebox_content .image {
    display: block;
    width: 100%;
    height: 320px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.imageboxes .imagebox_container .imagebox_content .contents {
    padding: 20px;
    box-sizing: border-box;
}
.imageboxes .imagebox_container.background_image .imagebox_content .contents {
    padding: 60px;
    box-sizing: border-box;
}
.imageboxes .imagebox_container .imagebox_content h3 {
   
}

.imageboxes .imagebox_container.background_image .imagebox_content h3, .imageboxes .imagebox_container.background_image .imagebox_content p  {
    color: #fff
}

/* ImageGrid */

.imagegrid {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: 5px;
    grid-column-gap: 5px;
    justify-content: center;
    width: 100%;
}

.imagegrid.Single {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.imagegrid.SingleHalf {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.imagegrid.DoubleOffset {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.imagegrid.Triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.imagegrid.TripleLeft, .imagegrid.TripleRight {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.imagegrid.TripleGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.imagegrid.FiveLeft {
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    grid-template-columns: 33% 66%;
}
.imagegrid.FiveRight {
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    grid-template-columns: 66% 33%;
    
}
.imagegrid .imagegrid_item {
    padding: 0px;
    margin-bottom: 0px;
    list-style-type: none;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}

.imagegrid.DoubleOffset .imagegrid_item:nth-child(1), .imagegrid.DoubleOffset .imagegrid_item:nth-child(4) {
    grid-column: span 2
}

.imagegrid .imagegrid_item a {
    display: block;
    width: 100%;
    padding-bottom: 75%;
    background-color: transparent;
}
.imagegrid .imagegrid_item a.no-caption {
    background-color: transparent;
}
.imagegrid.Single .imagegrid_item a {
    display: block;
    width: 100%;
    padding-bottom: 60%;
}

.imagegrid.SingleHalf .imagegrid_item a {
    display: block;
    width: 100%;
    padding-bottom: 30%;
}

.imagegrid.Double .imagegrid_item a {
    display: block;
    width: 100%;
    padding-bottom: 150%;
}

.imagegrid_main, .imagegrid_other {
    height: 100%;
}
.imagegrid.FiveLeft  .imagegrid_other, .imagegrid.FiveRight .imagegrid_other {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-row-gap: 5px;
    grid-column-gap: 5px;
}
.imagegrid.Tripple .imagegrid_item a {
    display: block;
    width: 100%;
    padding-bottom: 150%;
}

.imagegrid.TripleRight .imagegrid_main {
    order: 2;
}

.imagegrid.TripleRight .imagegrid_other {
    order: 1;
}

.imagegrid.TripleLeft .imagegrid_main .imagegrid_item a, .imagegrid.TripleRight .imagegrid_main .imagegrid_item a {
    padding-bottom: 150%
}

.imagegrid.TripleLeft .imagegrid_other .imagegrid_item, .imagegrid.TripleRight .imagegrid_other .imagegrid_item {
    display: block;
    width: 100%;
    height: calc(50% - 7.5px);
    margin-bottom: 5px;
}

.imagegrid.FiveRight .imagegrid_main {
    order: 2;
}

.imagegrid.FiveRight .imagegrid_other {
    order: 1;
}

.imagegrid.FiveLeft .imagegrid_main .imagegrid_item a, .imagegrid.FiveRight .imagegrid_main .imagegrid_item a {
    padding-bottom: 150%
}

.imagegrid.FiveLeft .imagegrid_other .imagegrid_item, .imagegrid.FiveRight .imagegrid_other .imagegrid_item {
    display: block;
    /* width: calc(50% - 7.5px); */
    /* height: calc(100% - 7.5px); */
    margin-bottom: 0px;
}
.imagegrid.TripleGrid .imagegrid_item a {
    display: block;
    width: 100%;
    padding-bottom: 100%;
}

.imagegrid .imagegrid_item .caption {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 15px;
    width: 50%;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px;
}

.imagegrid .imagegrid_item .caption::after {
    content: "More Details";
    width: 120px;
    background-color: var(--highlight_color);
    display: block;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding: 10px 15px;
    border-radius: 10px;
    color: #000;
    font-weight: bold;
}

.imagegrid .imagegrid_item .caption .title {
    display: block;
    font-family: var(--heading_font);
    font-size: 24px;
    margin-bottom: 25px;
    position: relative;
}

.imagegrid .imagegrid_item .caption .title::after {
    content: "";
    width: 120px;
    height: 3px;
    background-color: var(--highlight_color);
    display: block;
    margin-top: 10px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.imagegrid .imagegrid_item .caption .text {
    font-size: 14px;
}

/* infopanels */

.infopanels .infopanel_container {
    background-color: var(--box_back);
    border-right: 5px solid var(--primary_color);
}

.infopanels .infopanel_container .title {
    /* background-color: var(--primary_color); */
}

.infopanels .infopanel_container .title h3 {
    color: var(--primary_color);
    margin: 0px;
    padding: 0px;
}

.infopanels .infopanel_container .infopanel_content {}
.infopanels .infopanel_container .title h3::after {
    display: none;
}

.infopanels .infopanel_container .contents {

}
.infopanels .infopanel_container .infopanel_image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}


/* itembox */

.itemboxes .boxGridItem_container {
    border: 1px solid var(--box_border);
    padding: 10px;
}
.itemboxes .boxGridItem_container .boxGridItem_content fieldset {
    border: none;
    padding-left: 0px;
}

.itemboxes .boxGridItem_container .boxGridItem_content input {
    width: 40px;
    clear: right;
}

.itemboxes .boxGridItem_container h3 {
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}
.itemboxes .boxGridItem_container h3::after {
    display: none;
}

.itemboxes .boxGridItem_container .price {
    font-size: 18px;
    font-weight: bold;
    display: block;
    padding: 10px;
    padding-left: 0px;
    border-top: 2px solid #000;
    box-sizing: border-box;
    width: 100%;
}


/* Split boxes */

.splitboxes .splitbox_container {
    background-color: var(--back_grey);
}
.splitboxes .splitbox_container .splibox_left {
    background-color: var(--primary_color);
}

.splitboxes .splitbox_container .splibox_left h3 {
    color: #fff;
}

.splitboxes .splitbox_container .splibox_left p, .splitboxes .splitbox_container .splibox_left li {
    color: #fff;
}

.splitboxes .splitbox_container .splibox_left .btn {
    background-color: #fff;
    color: var(--primary_color)!important;
}


/* Split boxes Image */

.splitboxes_image .splitbox_image_container {
    background-color: var(--primary_color);}


.splitboxes_image .splitbox_image_container .splibox_image_right {
    padding: 20px;
}

.splitboxes_image .splitbox_image_container .splibox_image_right h3 {
    color: #fff;
}

.splitboxes_image .splitbox_image_container .splibox_image_right p, .splitboxes_image .splitbox_image_container .splibox_image_right li {
    color: #fff;
}

.splitboxes_image .splitbox_image_container .splibox_image_right .btn {
    background-color: #fff;
    color: var(--primary_color);
}

.splitboxes_image .splitbox_image_container .splibox_image_left {
    min-height: 220px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Split Page */

.splitpage_container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    overflow: hidden;
}
.splitpage_image {
    min-height: 750px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-animation: zoomin 2s ease-in;
animation: zoomin 2s ease-in;
transition: all .5s ease-in;
overflow: hidden;
}

.splitpage_content {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.splitpage_container.Left .splitpage_image {order: 1}
.splitpage_container.Left .splitpage_content {order:2}
.splitpage_container.Right .splitpage_image {order: 2}
.splitpage_container.Right .splitpage_content {order:1}

/* staffboxes */

.staffboxes .staffbox_container {
    border-bottom: 5px solid #CCC;
}

/* Quote Scroller */

.quote_container {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    border-left: 4px solid var(--primary_color);
    background-color: var(--back_grey);
}

.quote_container .image {
    grid-column: span 3;
}

.quote_container .image img {
    width: 100%;
    height: auto;
    border-radius: 120px;
}

.quote_container .content {
    grid-column: span 9;
    padding: 20px;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    align-items: center;

}
/* Quote Scroller */

.quote_box_container {}

.quote_box {
    border-left: 4px solid var(--primary_color);
    background-color: var(--back_grey);
}
.quote_box .image {}

.quote_box .image img {
    border-radius: 120px;
}

/* mediaboxes */

.mediaboxes .boxGridItem_container .boxGridItem_image {
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 */
    position: relative;
    overflow: hidden;
}

.mediaboxes .boxGridItem_container .boxGridItem_image>div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

/* planbox */

.plans {
    margin: 40px auto;
    width: 90%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-row-gap: 15px;
    grid-column-gap: 0px;
    zoom: 1;
}


.plan {
    flex-grow: 1;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    background: #f2f2f2;
    background-clip: padding-box;
    border: solid #d2d2d2;
    border-width: 2px 0 2px 2px;


    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
    position: relative;
    padding-bottom: 50px;
}

.plan:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.plan:last-child {
    border-width: 2px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.plan-title {
    position: relative;
    margin: 0px;
    padding: 20px;
    line-height: 1;
    font-size: 16px;
    font-weight: bold;
    color: #595f6b;
    border-bottom: 1px dashed #d2d2d2;
    margin-top: 0px;
}

.plan-title:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-size: 3px 1px;
}

.plan-price {
    margin: 30px auto;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 19px;
    font-weight: bold;
    color: white;
    background: #595f6b;
    border-radius: 45px;
    margin-top: 30px;
    padding: 0px;
}

.plan-price>span {
    font-size: 12px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.9);
}

.plan-features {
    margin-bottom: 20px;
    line-height: 2;
    font-size: 12px;
    color: #999;
    text-align: center;
}

.plan-features ul {
    margin: 0px;
    padding: 0px;
}

.plan-features li {
    list-style: none;
    margin: 0px;
    padding: 5px 0px;
    font-size: 16px;
    display: block;
}

.plan-features>li>strong {
    font-weight: bold;
    color: #888;
}

.plan-button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 140px;
    margin-left: -70px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 15px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    background: var(--primary_color);
    border: 1px solid #222;
    border-bottom-color: black;
    border-radius: 3px;
    box-sizing: border-box;
}

.plan-button:active {
    color: rgba(255, 255, 255, 0.95);
    background: var(--primary_color);
}

.plan-tall {
    margin: 0;
    background-color: white;
    border-width: 2px;
    border-radius: 10px;
    padding-bottom: 70px;
}

.plan-tall::before {
    content: "Recommended";
    display: block;
    background-color: var(--primary_color);
    padding: 10px 15px;
    font-size: 14px;
    font-weight: bold;
    box-sizing: border-box;
    width: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}

.plan-tall>.plan-title {
    font-size: 26px;
    margin-top: 10px;
}

.plan-tall>.plan-price {
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 24px;
    border-radius: 90px;
    margin-top: 10px;
}

.plan-tall>.plan-features {
    font-size: 13px;
}

.plan-tall>.plan-button {

    bottom: 30px;
}

.plan-tall+.plan {
    border-left: 0;
}

/* boxgrid */

.gridboxes .gridboxes_container {
    position: relative;
    background-position: center center;
    background-size: cover;
    min-height: 420px;
    background-color: var(--back_grey);
}

/* bullet_list */

.bullet_list {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    width: 100%;
}

.bullet_list .bullet_list_container {
    padding: 0px;
    list-style-type: none;
    box-sizing: border-box;
    position: relative;
    background-image: url(/images/bullet.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 60px auto;
    padding-left: 80px;
}

.bullet_list .bullet_list_container .bullet_list_content {
    width: 100%;
    padding: 10px;
    padding-bottom: 40px;
}

.bullet_list .bullet_list_container h3 {
    margin-left: 0px;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
}

.bullet_list .bullet_list_container a {
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
}

/* bullet_grid */

.bullet_grid .bullet_grid_container {
    position: relative;
    background-image: url(/images/bullet.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 40px auto;
    padding-left: 60px;
}
.bullet_grid .bullet_grid_container  .bullet_grid_content h3 {
    margin-top: 0px;
}

/* icon_grid */

.icon_grid {}

.icon_grid .boxGridItem_container {
    position: relative;
    text-align: left;
    background-color: var(--box_back);
    border-radius: 20px;
    padding: 20px;
}

.icon_grid .boxGridItem_container .boxGridItem_image img {
    width: auto;
    height: 60px;
    margin-left: 0;
    margin-right: auto;
}

.icon_grid .boxGridItem_container .boxGridItem_content, .icon_grid .boxGridItem_container .boxGridItem_content p {
    font-size: 14px;
    text-align: left;
}
.icon_grid .boxGridItem_container h3 {
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}
.icon_grid .boxGridItem_container h3::after {
    display: none;
}

.icon_grid .boxGridItem_container .btn {
    display: inline-block;
}


/* iconbox */

.iconbox {}

.iconbox .boxGridItem_container {
    position: relative;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--box_border);
    border-radius: 20px;
    padding: 20px;
}

.iconbox .boxGridItem_container .boxGridItem_image img {
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.iconbox .boxGridItem_container .boxGridItem_content {

    text-align: center;
}
.iconbox .boxGridItem_container h3::after {
    display: none;
}

.iconbox .boxGridItem_container .btn {
    display: inline-block;
}
/* PDF Flipbook */

.pdf-flip-container {

}
.pdf-flip-container img {
    width: 50%;
    height: auto;
}

/* comment_box */

.comment_box {
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    width: 100%;
}

.comment_box .comment_box_container {
    padding: 0px;
    list-style-type: none;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.comment_box .comment_box_container .comment_box_content {
    width: calc(100% - 100px);
    padding: 10px;
    box-sizing: border-box;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-top: 2px solid #a2a2a2;
    border-bottom: 2px solid #a2a2a2;
    padding-top: 60px;
    padding-bottom: 50px;
    font-size: 22px;
    background-color: var(--back_grey);
}

.comment_box .comment_box_container .comment_box_content:before {

    content: url(/images/quote_left.png);
    /*url of image*/
    height: 33px;
    /*height of image*/
    width: 40px;
    /*width of image*/
    position: absolute;
    left: 10px;
    top: 10px;
}

.comment_box .comment_box_container .comment_box_content:after {

    content: url(/images/quote_right.png);
    /*url of image*/
    height: 33px;
    /*height of image*/
    width: 40px;
    /*width of image*/
    position: absolute;
    right: 20px;
    bottom: 15px;
}

/* Infocarousel */


/* Infotabs */

#accordion-container {
    margin-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box !important;
    width: 100% !important;
}

#accordion-container h2::after {
    display: none;
}

.accordion-header {
    font-size: 20px;
    background: #ebebeb;
    margin: 5px 0 0 0;
    padding: 5px 20px;
    padding-left: 40px;
    border: 1px solid var(--box_border)ccc;
    cursor: pointer;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box !important;
    width: 100% !important;
}

.active-header {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: url(/images/active-header.gif) #2A5CA3;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 25px 25px;
    color: #fff;
}

.active-header:hover {
    background: url(/images/active-header.gif) #2A5CA3;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 25px 25px;
}

.inactive-header {
    background: url(/images/inactive-header.gif) #ebebeb;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 25px 25px;
}

.inactive-header:hover {
    background: url(/images/inactive-header.gif) #f5f5f5;
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 25px 25px;
}

.accordion-content {
    display: none;
    padding: 20px;
    background-color: var(--box_back);
    border: 1px solid var(--box_border);
    border-top: 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Tab Switch */
    .tabswitch_nav {
        border-right: 2px solid var(--primary_color)
    }
ul.tabnav {
    display:flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }

  ul.tabnav li {
    padding:10px 15px;
    cursor:pointer;
    box-sizing:border-box;
    display: block;
    list-style: none;
    text-align: right;
    color: var(--primary_color);
  }
  
  ul.tabnav li:hover {
    background-color: var(--primary_color);
    color: #fff;
  }
  ul.tabnav li.currentPage {
    background-color: var(--back_grey);
  }
  ul.tabnav li.currentPage:hover {
    background-color: var(--primary_color);
  }
  .tabswitch_content {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .tabswitch_content_item {
  box-sizing:border-box;
  display: none;
  /* visibility: hidden; */
  box-sizing: border-box;
  padding: 20px;
  padding-top: 0px;
  animation: fadeInLeft 1s;
  }
  .tabswitch_content_item.hide.show {
      display: block;
  /* visibility: visible; */

  }
  .tabswitch_content_item.show {
      display: block;
  /* visibility: visible; */

  }
  .tabswitch_content_item.hide {
      display: none;
  /* visibility: hidden; */

  }

/* map box */

.map_box {
    display: block;
    width: 100%;
}

/* page banners */

#banner_image {
    width: 100%;
    height: 240px;
    background-size: cover;
    background-image: url(/images/back_header.jpg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin 10s ease-in;
    animation: zoomin 10s ease-in;
    transition: all .5s ease-in;
    overflow: hidden;
}
  
#banner_video {
    height: 560px;
    border-right: none;
    border-left: none;
    position: relative;
    padding: 0px;
}

#banner_video #video-container {
    position: absolute;
}

#banner_video #video-container {
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#banner_video video {
    position: absolute;
    z-index: 0;
}

#banner_video video.fillWidth {
    width: 100%;
}

.video_embed {
    display: block;
    position: relative;
}

.video_embed img {
    width: 100%;
    height: auto;
    margin-bottom: -5px
}

.video_embed a {

    display: block;
    position: relative;
}

.video_embed .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    align-items: center;
    display: block;
    color: #fff;
}

.video_embed .overlay div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    font-size: 28px;
    border: 2px solid #fff;
}

@media {

    @viewport {
        width: device-width;
    }

    @-ms-viewport {
        width: device-width
    }
}
@media (min-width: 1280px) {

    .xlgridSpan1 { grid-column: span 1; }
    .xlgridSpan2 { grid-column: span 2; }
    .xlgridSpan3 { grid-column: span 3; }
    .xlgridSpan4 { grid-column: span 4; }
    .xlgridSpan5 { grid-column: span 5; }
    .xlgridSpan6 { grid-column: span 6; }
    .xlgridSpan7 { grid-column: span 7; }
    .xlgridSpan8 { grid-column: span 8; }
    .xlgridSpan9 { grid-column: span 9; }
    .xlgridSpan10 { grid-column: span 10; }
    .xlgridSpan11 { grid-column: span 11; }
    .xlgridSpan12 { grid-column: span 12; }

    .xlw100 {width: 100%;}
    .xlw75 {width: 750%;}
    .xlw50 {width: 50%;}
    .xlw25 {width: 25%;}
    .xlw33 {width: 33%;}
    .xlw66 {width: 66%;}

    .xlgridRow0 {grid-row-gap: 0px}
    .xlgridRow5 {grid-row-gap: 5px}
    .xlgridRow10 {grid-row-gap: 10px}
    .xlgridRow15 {grid-row-gap: 15px}
    .xlgridRow20 {grid-row-gap: 20px}
    .xlgridRow25 {grid-row-gap: 25px}
    .xlgridRow30 {grid-row-gap: 30px}

    .xlgridColumn0 {grid-column-gap: 0px}
    .xlgridColumn5 {grid-column-gap: 5px}
    .xlgridColumn10 {grid-column-gap: 10px}
    .xlgridColumn15 {grid-column-gap: 15px}
    .xlgridColumn20 {grid-column-gap: 20px}
    .xlgridColumn25 {grid-column-gap: 25px}
    .xlgridColumn30 {grid-column-gap: 30px}

}

@media (max-width: 1280px) {

    #layout_headerbar,
    #layout_header,
    #layout_top_menu,
    #layout_breadcrumb,
    #layout_body,
    #layout_footer,
    #layout_copyright,
    #layout_strapline,
    #layout_page_promo,
    .layout_page_panel,
    #layout_mailing,
    #layout_top_social,
    #layout_testimonials,
    #layout_home_promo,
    #layout_home_body,
    #layout_search {}

    .lgridSpan2 { grid-column: span 2; }
    .lgridSpan3 { grid-column: span 3; }
    .lgridSpan1 { grid-column: span 1; }
    .lgridSpan4 { grid-column: span 4; }
    .lgridSpan5 { grid-column: span 5; }
    .lgridSpan6 { grid-column: span 6; }
    .lgridSpan7 { grid-column: span 7; }
    .lgridSpan8 { grid-column: span 8; }
    .lgridSpan9 { grid-column: span 9; }
    .lgridSpan10 { grid-column: span 10; }
    .lgridSpan11 { grid-column: span 11; }
    .lgridSpan12 { grid-column: span 12; }

    .lw100 {width: 100%;}
    .lw75 {width: 750%;}
    .lw50 {width: 50%;}
    .lw25 {width: 25%;}
    .lw33 {width: 33%;}
    .lw66 {width: 66%;}

    .lgridRow0 {grid-row-gap: 0px}
    .lgridRow5 {grid-row-gap: 5px}
    .lgridRow10 {grid-row-gap: 10px}
    .lgridRow15 {grid-row-gap: 15px}
    .lgridRow20 {grid-row-gap: 20px}
    .lgridRow25 {grid-row-gap: 25px}
    .lgridRow30 {grid-row-gap: 30px}

    .lgridColumn0 {grid-column-gap: 0px}
    .lgridColumn5 {grid-column-gap: 5px}
    .lgridColumn10 {grid-column-gap: 10px}
    .lgridColumn15 {grid-column-gap: 15px}
    .lgridColumn20 {grid-column-gap: 20px}
    .lgridColumn25 {grid-column-gap: 25px}
    .lgridColumn30 {grid-column-gap: 30px}

    .document_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    #page_col_centre {
        grid-column: span 6;
    }
    
    #page_col_full {
        grid-column: span 12;
    }
    
    #page_col_main {
        grid-column: span 9;
    }
    
    #page_col_left {
        grid-column: span 3;
    }
    
    #page_col_right {
        grid-column: span 3;
    }
    .list li .image {
        grid-column: span 4;
    }
    .list li .contents {
        grid-column: span 8;
    }
}


@media (max-width: 1180px) {

    #page_col_left {
        grid-column: span 12;
        order: 3;
        display: none;
    }

    #page_col_right {
        grid-column: span 12;
        order: 2;
    }

    #page_col_centre {
        grid-column: span 12;
        order: 1;
    }

    #page_col_main {
        grid-column: span 12;
        order: 1;
    }

    #page_col_full {
        grid-column: span 12;
        order: 1;
    }
}

@media (max-width: 1020px) {

    #layout_headerbar,
    #layout_header,
    #layout_top_menu,
    #layout_breadcrumb,
    #layout_body,
    #layout_footer,
    #layout_copyright,
    #layout_strapline,
    #layout_page_promo,
    .layout_page_panel,
    #layout_mailing,
    #layout_top_social,
    #layout_testimonials,
    #layout_home_promo,
    #layout_home_body,
    #layout_search {}

    .lgridSpan1 { grid-column: span 1; }
    .lgridSpan2 { grid-column: span 2; }
    .lgridSpan3 { grid-column: span 3; }
    .lgridSpan4 { grid-column: span 4; }
    .lgridSpan5 { grid-column: span 5; }
    .lgridSpan6 { grid-column: span 6; }
    .lgridSpan7 { grid-column: span 7; }
    .lgridSpan8 { grid-column: span 8; }
    .lgridSpan9 { grid-column: span 9; }
    .lgridSpan10 { grid-column: span 10; }
    .lgridSpan11 { grid-column: span 11; }
    .lgridSpan12 { grid-column: span 12; }

    .lw100 {width: 100%;}
    .lw75 {width: 750%;}
    .lw50 {width: 50%;}
    .lw25 {width: 25%;}
    .lw33 {width: 33%;}
    .lw66 {width: 66%;}

    .lgridRow0 {grid-row-gap: 0px}
    .lgridRow5 {grid-row-gap: 5px}
    .lgridRow10 {grid-row-gap: 10px}
    .lgridRow15 {grid-row-gap: 15px}
    .lgridRow20 {grid-row-gap: 20px}
    .lgridRow25 {grid-row-gap: 25px}
    .lgridRow30 {grid-row-gap: 30px}

    .lgridColumn0 {grid-column-gap: 0px}
    .lgridColumn5 {grid-column-gap: 5px}
    .lgridColumn10 {grid-column-gap: 10px}
    .lgridColumn15 {grid-column-gap: 15px}
    .lgridColumn20 {grid-column-gap: 20px}
    .lgridColumn25 {grid-column-gap: 25px}
    .lgridColumn30 {grid-column-gap: 30px}

    .boxGrid.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .boxGrid.grid.grid4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
    .boxGrid.grid.grid3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .boxGrid.grid.grid2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .page_block.block_50 {
        grid-column: span 12;
    }

    .boxgrid {
        grid-template-columns: auto;
        min-height: 420px;
    }


    .imagegrid .imagegrid_item .caption .text {
        display: none;
    }
    .imagepanel .imagepanel_container.panel_100 {
    grid-column: span 12;
    }
    .imagepanel .imagepanel_container.panel_50 {
        grid-column: span 6;
    }
    .imagepanel .imagepanel_container.panel_33 {
        grid-column: span 4;
    }
    .imagepanel .imagepanel_container.panel_25 {
        grid-column: span 6;
    }
}

@media (max-width: 850px) {

    #layout_headerbar,
    #layout_header,
    #layout_top_menu,
    #layout_breadcrumb,
    #layout_body,
    #layout_footer,
    #layout_copyright,
    #layout_strapline,
    #layout_page_promo,
    .layout_page_panel,
    #layout_mailing,
    #layout_top_social,
    #layout_testimonials,
    #layout_home_promo,
    #layout_home_body,
    #layout_search
     {}

    #top_links {
        right: 40px;
    }

    #top_contact {
        right: 40px;
    }

    #breadcrumb {
    }

    .col_25 {
        grid-column: span 6;
    }

    .col_33 {
        grid-column: span 6;
    }

    .col_66 {
        grid-column: span 6;
    }

    .col_75 {
        grid-column: span 6;
    }
    .mgridSpan1 { grid-column: span 1; }
    .mgridSpan2 { grid-column: span 2; }
    .mgridSpan3 { grid-column: span 3; }
    .mgridSpan4 { grid-column: span 4; }
    .mgridSpan5 { grid-column: span 5; }
    .mgridSpan6 { grid-column: span 6; }
    .mgridSpan7 { grid-column: span 7; }
    .mgridSpan8 { grid-column: span 8; }
    .mgridSpan9 { grid-column: span 9; }
    .mgridSpan10 { grid-column: span 10; }
    .mgridSpan11 { grid-column: span 11; }
    .mgridSpan12 { grid-column: span 12; }

    .mw100 {width: 100%;}
    .mw75 {width: 750%;}
    .mw50 {width: 50%;}
    .mw25 {width: 25%;}
    .mw33 {width: 33%;}
    .mw66 {width: 66%;}

    .mgridRow0 {grid-row-gap: 0px}
    .mgridRow5 {grid-row-gap: 5px}
    .mgridRow10 {grid-row-gap: 10px}
    .mgridRow15 {grid-row-gap: 15px}
    .mgridRow20 {grid-row-gap: 20px}
    .mgridRow25 {grid-row-gap: 25px}
    .mgridRow30 {grid-row-gap: 30px}

    .mgridColumn0 {grid-column-gap: 0px}
    .mgridColumn5 {grid-column-gap: 5px}
    .mgridColumn10 {grid-column-gap: 10px}
    .mgridColumn15 {grid-column-gap: 15px}
    .mgridColumn20 {grid-column-gap: 20px}
    .mgridColumn25 {grid-column-gap: 25px}
    .mgridColumn30 {grid-column-gap: 30px}

    .boxGrid.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .boxGrid.grid.grid4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .boxGrid.grid.grid3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .boxGrid.grid.grid2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .imagepanel .imagepanel_container.panel_100 {
        grid-column: span 12;
    }
    .imagepanel .imagepanel_container.panel_50 {
        grid-column: span 12;
    }
    .imagepanel .imagepanel_container.panel_33 {
        grid-column: span 12;
    }
    .imagepanel .imagepanel_container.panel_25 {
        grid-column: span 6;
    }
    .index_side li p {
        font-size: 14px;
    }

    .plans {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plan {

        border-radius: 5px;
    }

    .plan-tall {

        border-radius: 5px;
    }

    .plan-tall>.plan-button {

        bottom: 10px;
    }

    .plan-tall {
        padding-bottom: 40px;
    }

    .imagegrid.Triple {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .imagegrid.Tripple .imagegrid_item a {
        display: block;
        width: 100%;
        padding-bottom: 60%;
    }
    .imagecards .imagecard_container.Quarter {
        grid-column: span 6;
    }
    
    .imagecards .imagecard_container.Third {
        grid-column: span 4;
    }
    
    .imagecards .imagecard_container.Half {
        grid-column: span 12;
    }
    
    .imagecards .imagecard_container.Full {
        grid-column: span 12;
    }

    #top_contact p#contact_tel {
        font-size: 1.6em;
    }
    .link_index, .link_index_icon {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .gridboxes .gridboxes_container {
        min-height: 360px;
    }

    #top_contact, #top_links {
        display: none;
    }

    .panel_index_image {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Panel Layout: Image Left */

    .layout_page_panel.Image_Left .panel_content .panel_image {
        width: 100%;
        order: 1;
    }

    .layout_page_panel.Image_Left .panel_content .panel_image img {}

    .layout_page_panel.Image_Left .panel_content .panel_text {
        order: 2;
        width: 100%;
        padding-left: 0px;
        padding: 60px 0px;
    }

    /* Panel Layout: Image Right */

    .layout_page_panel.Image_Right .panel_content .panel_image {
        width: 100%;
        order: 1;
    }

    .layout_page_panel.Image_Right .panel_content .panel_image img {}

    .layout_page_panel.Image_Right .panel_content .panel_text {
        order: 2;
        width: 100%;
        padding-right: 0px;
        padding: 60px 0px;
    }

    /* Panel Layout: Image Panel Left */

    .layout_page_panel.Image_Panel_Left .panel_content .panel_image {
        width: 100%;
        order: 1;
        height: 360px;
    }

    .layout_page_panel.Image_Panel_Left .panel_content .panel_text {
        order: 2;
        width: 100%;
    }

    /* Panel Layout: Image Panel Right */

    .layout_page_panel.Image_Panel_Right .panel_content .panel_image {
        width: 100%;
        order: 1;
        height: 360px;
    }

    .layout_page_panel.Image_Panel_Right .panel_content .panel_text {
        order: 2;
        width: 100%;
    }

    /* Panel Layout: Text Overlay */

    .layout_page_panel.Text_Overlay .panel_content {}

    .layout_page_panel.Text_Overlay .panel_content .panel_text {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Panel Layout: Text Overlay left */

    .layout_page_panel.Text_Overlay_Left .panel_content {}

    .layout_page_panel.Text_Overlay_Left .panel_content .panel_text {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Panel Layout: Text Overlay right */

    .layout_page_panel.Text_Overlay_Right .panel_content {}

    .layout_page_panel.Text_Overlay_Right .panel_content .panel_text {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    /* page block */

    .page_block .panel_image {
        width: 100%;
    }

    .page_block.Left .panel_image {
        width: 100%;
    }

    .page_block.Right .panel_image {
        width: 100%;
    }

    .page_block.Center .panel_image {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .page_block.Full .panel_image {
        width: 100%;
    }

    .page_block .panel_text {
        width: 100%;
    }

    .page_block.Left .panel_text {
        width: 100%;
    }

    .page_block.Right .panel_text {
        width: 100%;
    }

    .page_block.Center .panel_text {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }

    .page_block.Full .panel_text {
        width: 100%;
    }

    .col_container {
        grid-column-gap: 0px;
    }

    .col_25 {
        grid-column: span 12;
    }

    .col_33 {
        grid-column: span 12;
    }

    .col_66 {
        grid-column: span 12;
    }

    .col_50 {
        grid-column: span 12;
    }

    .col_75 {
        grid-column: span 12;
    }

    .document_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .imagecards .imagecard_container.Quarter {
        grid-column: span 12;
    }
    
    .imagecards .imagecard_container.Third {
        grid-column: span 12;
    }
    
    .imagecards .imagecard_container.Half {
        grid-column: span 12;
    }
    
    .imagecards .imagecard_container.Full {
        grid-column: span 12;
    }


    .imagegrid, .imagegrid.Single, .imagegrid.DoubleOffset, .imagegrid.TripleLeft, .imagegrid.TripleRight, .imagegrid.FiveLeft, .imagegrid.FiveRight, .imagegrid.TripleGrid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .imagegrid .imagegrid_item .caption .text {
        display: inline;
    }

    .imagegrid.TripleRight .imagegrid_main {
        order: 1;
    }

    .imagegrid.TripleRight .imagegrid_other {
        order: 1;
    }

    .imagegrid.TripleLeft .imagegrid_main .imagegrid_item a, .imagegrid.TripleRight .imagegrid_main .imagegrid_item a {
        height: 150%
    }

    .imagegrid.DoubleOffset .imagegrid_item:nth-child(1), .imagegrid.DoubleOffset .imagegrid_item:nth-child(4) {
        grid-column: span 1;
    }
        .imagegrid.FiveRight .imagegrid_main {
        order: 1;
    }

    .imagegrid.FiveRight .imagegrid_other {
        order: 1;
    }

    .imagegrid.FiveLeft .imagegrid_main .imagegrid_item a, .imagegrid.FiveRight .imagegrid_main .imagegrid_item a {
        height: 150%
    }
    .tabswitch_nav {
        border-right: none;
    }
    ul.tabnav {
        display:block;
        margin: 0px;
        padding: 0px;
      }
    
      ul.tabnav li {
        padding:10px 15px;
        cursor:pointer;
        box-sizing:border-box;
        display: inline-block;
        list-style: none;
        text-align: right;
        color: var(--primary_color);
      }
}

@media (max-width: 650px) {

    #layout_headerbar,
    #layout_header,
    #layout_top_menu,
    #layout_breadcrumb,
    #layout_body,
    #layout_footer,
    #layout_copyright,
    #layout_strapline,
    #layout_page_promo,
    .layout_page_panel,
    #layout_mailing,
    #layout_top_social,
    #layout_testimonials,
    #layout_home_promo,
    #layout_home_body,
    #layout_search {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sgridSpan1 { grid-column: span 1; }
    .sgridSpan2 { grid-column: span 2; }
    .sgridSpan3 { grid-column: span 3; }
    .sgridSpan4 { grid-column: span 4; }
    .sgridSpan5 { grid-column: span 5; }
    .sgridSpan6 { grid-column: span 6; }
    .sgridSpan7 { grid-column: span 7; }
    .sgridSpan8 { grid-column: span 8; }
    .sgridSpan9 { grid-column: span 9; }
    .sgridSpan10 { grid-column: span 10; }
    .sgridSpan11 { grid-column: span 11; }
    .sgridSpan12 { grid-column: span 12; }

    .sw100 {width: 100%;}
    .sw75 {width: 750%;}
    .sw50 {width: 50%;}
    .sw25 {width: 25%;}
    .sw33 {width: 33%;}
    .sw66 {width: 66%;}

    .sgridRow0 {grid-row-gap: 0px}
    .sgridRow5 {grid-row-gap: 5px}
    .sgridRow10 {grid-row-gap: 10px}
    .sgridRow15 {grid-row-gap: 15px}
    .sgridRow20 {grid-row-gap: 20px}
    .sgridRow25 {grid-row-gap: 25px}
    .sgridRow30 {grid-row-gap: 30px}
    
    .sgridColumn0 {grid-column-gap: 0px}
    .sgridColumn5 {grid-column-gap: 5px}
    .sgridColumn10 {grid-column-gap: 10px}
    .sgridColumn15 {grid-column-gap: 15px}
    .sgridColumn20 {grid-column-gap: 20px}
    .sgridColumn25 {grid-column-gap: 25px}
    .sgridColumn30 {grid-column-gap: 30px}

    .boxGrid.grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .boxGrid.grid.grid4 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .boxGrid.grid.grid3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .boxGrid.grid.grid2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* page block */
    .page_block {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }

    .page_block .block_image {
        grid-column: span 1;
        order: 1;
    }

    .page_block.Left .block_image {
        grid-column: span 1;
        order: 1;
    }

    .page_block.Right .block_image {
        grid-column: span 1;
        order: 1;
    }

    .page_block.Center .block_image {
        grid-column: span 1;
        margin-left: 0%;
        margin-right: 0%;
        order: 1;
    }

    .page_block.Full .block_image {
        grid-column: span 1;
        order: 1;
    }

    .page_block .block_text {
        grid-column: span 1;
        order: 2;
    }

    .page_block.Left .block_text {
        grid-column: span 1;
        order: 2;
    }

    .page_block.Right .block_text {
        grid-column: span 1;
        order: 2;
    }

    .page_block.Center .block_text {
        grid-column: span 1;
        margin-left: 0%;
        margin-right: 0%;
        order: 2;
    }

    .page_block.Full .block_text {
        grid-column: span 1;
        order: 2;
    }

    .page_block .block_addons {
        grid-column: span 1;
    }

    #layout_footer #foot_contact {
        float: none;
    }

    #layout_footer #foot_menu {
        width: 100%;
    }

    #layout_footer #foot_menu li {
        width: 33.333%;
    }

    .layout_page_panel .panel_content {
        width: auto;
    }

    #layout_mailing .mc-field-group {
        width: 98%;
    }

    .infopanels .infopanel_container .infopanel_image {
        height: 320px;
    }
    .plan {
        width: 100%;
        margin: 0px;
        margin-bottom: 15px;
    }

    .gridboxes .gridboxes_container {
        min-height: 320px;
    }

    .image_index_grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .image_index_panel li p {
        display: none;
    }
    .imagegrid .imagegrid_item .caption .text {
        display: none;
    }

    .list li .image {
        grid-column: span 12;
    }
    .list li .contents {
        grid-column: span 12;
    }
    #top_links {
        right: 30px;
    }

    #top_contact {
        right: 30px;
    }

    #breadcrumb {

    }

    .panel_index_image {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #top_links {
        display: none;
    }

    #layout_footer #foot_menu li {

        /* width: 50%; */
    }

    #top_logo {
        /* float: left; */
    }

    #top_logo a img {
        /* width: 90%; */
        /* max-width: 360px; */
    }

    #banner_video,
    #banner_image {
        height: 180px;
    }

    .link_index, .link_index_icon {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .document_grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    #layout_footer #foot_menu li {
        /* width: 100%; */
    }
}

@media (max-width: 480px) {
    #layout_header {
        height: 113px;
    }
    #layout_home_promos, #layout_page_promo {
        padding-top: 109px;
    }
#promo-nivo-container, #banner_image {
border-top: 4px solid var(--highlight_color);}
    #wrapper_header {
        top: 0px;
    }
}