* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 16px;
}
html, body {
    overflow-x: hidden;
}

a, a img, img {
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
}
ul  {
    list-style: none;
    padding-left: 0
}
.container {
    max-width: 64.5rem;
    margin: 0 auto;
    width: 100%;
    padding: 0 1.5rem;
}
.thestorysec .container { max-width: 64.5rem;}
.senusdemo .container { max-width: 65rem;}
.icenorthpole .container { max-width: 71.5rem;}
.senusdemo  ul{    list-style: disc;
    text-align: left;
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 2rem;}
.senusdemo  ul li{margin-bottom:15px;}

.row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}
.col-20 {
    width: 20%;box-sizing: border-box;
}
.col-60 {
    width: 60%;box-sizing: border-box;
}
.col-50 {
    width: 50%;box-sizing: border-box;
}
.col-30 {
    width: 30%;box-sizing: border-box;
}
.col-40 {
    width: 40%;box-sizing: border-box;
}
.col-45 {
    width: 45%;box-sizing: border-box;
}
.col-55 {width: 55%;box-sizing: border-box;}
.col-70 {
    width: 70%;box-sizing: border-box;
}
.col-100 {width: 100%;}
.col-half {
    width: 50%;box-sizing: border-box;
}
.col-third {
    width: calc(100% / 3);box-sizing: border-box;
}
.col-forth {
    width: calc(100% / 4);box-sizing: border-box;
}


/*font CSS*/
@import url("https://p.typekit.net/p.css?s=1&k=atu1ezk&ht=tk&f=50413.50414.50415.50416.50417.50418.50419.50420.50421.50422&a=27561613&app=typekit&e=css");
@font-face {
    font-family: "citrus-gothic";
    src: url("https://use.typekit.net/af/0575e6/00000000000000007736d7cd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),
        url("https://use.typekit.net/af/0575e6/00000000000000007736d7cd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),
        url("https://use.typekit.net/af/0575e6/00000000000000007736d7cd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic";
    src: url("https://use.typekit.net/af/63ffa4/00000000000000007736d7c9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
        url("https://use.typekit.net/af/63ffa4/00000000000000007736d7c9/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
        url("https://use.typekit.net/af/63ffa4/00000000000000007736d7c9/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-inline";
    src: url("https://use.typekit.net/af/eab340/00000000000000007736d7c5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
        url("https://use.typekit.net/af/eab340/00000000000000007736d7c5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
        url("https://use.typekit.net/af/eab340/00000000000000007736d7c5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-inline";
    src: url("https://use.typekit.net/af/2cbb5d/00000000000000007736d7c6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),
        url("https://use.typekit.net/af/2cbb5d/00000000000000007736d7c6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),
        url("https://use.typekit.net/af/2cbb5d/00000000000000007736d7c6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-rough";
    src: url("https://use.typekit.net/af/dcf66a/00000000000000007736d7cc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
        url("https://use.typekit.net/af/dcf66a/00000000000000007736d7cc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
        url("https://use.typekit.net/af/dcf66a/00000000000000007736d7cc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-rough";
    src: url("https://use.typekit.net/af/786dbc/00000000000000007736d7ce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),
        url("https://use.typekit.net/af/786dbc/00000000000000007736d7ce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),
        url("https://use.typekit.net/af/786dbc/00000000000000007736d7ce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-shadow";
    src: url("https://use.typekit.net/af/8857d6/00000000000000007736d7cb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),
        url("https://use.typekit.net/af/8857d6/00000000000000007736d7cb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),
        url("https://use.typekit.net/af/8857d6/00000000000000007736d7cb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-shadow";
    src: url("https://use.typekit.net/af/69786b/00000000000000007736d7ca/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
        url("https://use.typekit.net/af/69786b/00000000000000007736d7ca/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
        url("https://use.typekit.net/af/69786b/00000000000000007736d7ca/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-solid";
    src: url("https://use.typekit.net/af/30dbf5/00000000000000007736d7c7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),
        url("https://use.typekit.net/af/30dbf5/00000000000000007736d7c7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),
        url("https://use.typekit.net/af/30dbf5/00000000000000007736d7c7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}
@font-face {
    font-family: "citrus-gothic-solid";
    src: url("https://use.typekit.net/af/950d3d/00000000000000007736d7c8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
        url("https://use.typekit.net/af/950d3d/00000000000000007736d7c8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
        url("https://use.typekit.net/af/950d3d/00000000000000007736d7c8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/l?subset_id=2&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/d?subset_id=2&fvd=n5&v=3) format("woff"),
        url(https://use.typekit.net/af/46adfc/00000000000000007753ca29/30/a?subset_id=2&fvd=n5&v=3) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}
@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/l?subset_id=2&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/d?subset_id=2&fvd=n7&v=3) format("woff"),
        url(https://use.typekit.net/af/2b93b6/00000000000000007753ca37/30/a?subset_id=2&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}
@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/f7a8b2/00000000000000007753ca28/30/l?subset_id=2&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/f7a8b2/00000000000000007753ca28/30/d?subset_id=2&fvd=i4&v=3) format("woff"),
        url(https://use.typekit.net/af/f7a8b2/00000000000000007753ca28/30/a?subset_id=2&fvd=i4&v=3) format("opentype");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    font-display: auto;
}
@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/303ac1/00000000000000007753ca2b/30/l?subset_id=2&fvd=i5&v=3) format("woff2"), url(https://use.typekit.net/af/303ac1/00000000000000007753ca2b/30/d?subset_id=2&fvd=i5&v=3) format("woff"),
        url(https://use.typekit.net/af/303ac1/00000000000000007753ca2b/30/a?subset_id=2&fvd=i5&v=3) format("opentype");
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    font-display: auto;
}
@font-face {
    font-family: aktiv-grotesk;
    src: url(https://use.typekit.net/af/ae6138/00000000000000007753ca27/30/l?subset_id=2&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/ae6138/00000000000000007753ca27/30/d?subset_id=2&fvd=i7&v=3) format("woff"),
        url(https://use.typekit.net/af/ae6138/00000000000000007753ca27/30/a?subset_id=2&fvd=i7&v=3) format("opentype");
    font-weight: 700;
    font-style: italic;
    font-stretch: normal;
    font-display: auto;
}
/*end font css*/

body {
    background-color: #fff;
    color: #747474;
    margin: 0 auto !important;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    max-width: 100%;
}
body, .btn{ 
    font-family: aktiv-grotesk;
    font-weight: 400;
    font-style: normal;
    color:#FFF;
}
/*
@font-face {
  font-family: 'MyCustomFont';
  src: url('Citrus_Gothic_Regular.woff2') format('woff2'),
       url('Citrus_Gothic_Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "citrus-gothic-inline";
    src: url("https://use.typekit.net/af/eab340/00000000000000007736d7c5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), 
    url("https://use.typekit.net/af/eab340/00000000000000007736d7c5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/eab340/00000000000000007736d7c5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal
}

@font-face {
    font-family: "citrus-gothic-inline";
    src: url("https://use.typekit.net/af/2cbb5d/00000000000000007736d7c6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/2cbb5d/00000000000000007736d7c6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/2cbb5d/00000000000000007736d7c6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal
} */
header {
    padding: 0.813rem 1.625rem;
    position: fixed;
    top: 0;
    left: -1.875rem;
    width: 100%;
    z-index: 9;
}

header .row {
    justify-content: right;
}

header .row ul {
    align-items: center;
    display: flex;
    margin-top: 1rem;
    color: #096dab;
    background: #90cbf0;
    border-radius: 50px;
}

header .row ul li a:hover {
    background: #b5d9eb;
    border-radius: 50px;
}
header {
    padding: 0.813rem 1.625rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

header .row {
    justify-content: right;
    margin-right: -30px;
}

header .row ul {
    align-items: center;
    display: flex;
    margin-top: 1rem;
    color: #096dab;
    background: #90cbf0;
    border-radius: 50px;
}

header .row ul li a {
    letter-spacing: 2px;
    font-size: 1rem;
    
    display: inline-block;
    color: #096dab !important;
    text-decoration: none;
    font-family: "citrus-gothic-solid", sans-serif;
}

header .row ul li:nth-child(1) a { padding: 10px 9px 10px 12px; }
header .row ul li:nth-child(3) a { padding: 10px 12px 10px 9px; }

header .row ul li a:hover {
    background: #b5d9eb;
    border-radius: 50px;
}

.bannersec {
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.bannersec .container {
    height: 100%;
}
.image img {cursor: pointer;}
.senusdemo .col-45 .headingBox {
    margin-bottom: 3rem;
}
.bannersec .container .row {
    height: 100%;
    align-items: center;
    justify-content: center;
}
.bannercontent h1 {
    font-family: "citrus-gothic-inline", sans-serif;
    font-weight: 400;
    font-size: 10rem;
    /*max-width: 40rem;*/
    letter-spacing: 4px;
    color: #AF110F;
    line-height: 1;
    margin-bottom: 2rem;
}

.bannercontent {
    text-align: center;
    padding-bottom: 150px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 150px;
}

.bannercontent h4 {
    font-family: "citrus-gothic-solid", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 3.6rem;
    color: #0272D0;
    transform: rotate(-2deg);
    letter-spacing: 1px;
}

.pd-equal {
    padding: 1rem 0 9rem;
}
.thestorysec.pd-equal {
    padding-bottom: 12rem;
}
.downloadmoreinfo.pd-equal {
    padding-bottom: 11rem;
}
.headingBox {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.headingBox h2 {
    font-family: "citrus-gothic-solid", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 4.4rem;
    font-style: italic;
    transform: rotate(-2deg);
    color: #fff;
}

.lastchrismash {
    background: #0898f5;z-index: 2;
}

.headingBox h6 {
    font-family: "citrus-gothic-solid", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 2rem;
    font-style: italic;
    transform: rotate(-2deg);
    color: #fff;
    margin: 2rem 0;
    display: inline-block;width: 100%;
}


.headingBox p {
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    text-align: justify;
    white-space: normal;
}

.lastchrismash .headingBox p {
   /* max-width: 58rem; */
    margin: 1rem auto;
    color: #fff;
    line-height: 32px;
    text-align: left;
}

.pathwaygloabal {
    background: #0787d8;
}

/*
.pathwaygloabal ul {
display: flex;
flex-wrap: wrap;
max-width: 56.875rem;
margin: 0 auto;
} */

.pathwaygloabal ul li {
width: 50%;
list-style: none;
margin-bottom: 2.5rem;
}

.pathwaygloabal ul li .libox {
display: flex;
align-items: center;
}

.pathwaygloabal ul li .libox .icon {
    width: 5rem;
    height: 5rem;
    text-align: center;
}

.pathwaygloabal ul li .libox .content {
    width: calc(100% - 5rem);
    padding-left: 2rem;
}
.pathwaygloabal ul li .libox .icon img {
width: 100%;
object-position: center;
object-fit: contain;
}

.pathwaygloabal ul li .libox .content h6 {
    margin: 0px 0 10px !important;
    font-size: 28px;
    font-style: italic;
    transform: rotate(-2deg);
    font-family: "citrus-gothic-solid", sans-serif;
    font-weight: 400;
    letter-spacing: 0em;
    color:#FFF;
}

.pathwaygloabal ul li .libox .content p {
    color: #fff;
    margin: 0;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 0px;
    font-weight: 500;line-height: 28px;

}
.pathwaygloabal ul li .libox .content h6 {
  padding-left: 2rem;
}

.pathwaygloabal .headingBox{
    padding-bottom: 4.875rem
}
.thestorysec {
    background: #0877bc;
}

.thestorysec h6 {
    /*max-width: 50.625rem;*/
    margin: 2rem auto;
}
.thestorysec .image:hover img, .northpole .image:hover img {
    transform: scale(1.04);
}
.mb-0 {margin-bottom: 0px !important}
.thestorysec .image, .northpole .image {
    transition: 0.5s all ease-in-out;
    height: 100%;
    overflow: hidden;
    border-radius: 60px;
}

.thestorysec .image img, .northpole .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all ease-in-out;    z-index: 3;
    position: relative;
}

.thestorysec .headingBox p {
    text-align: left;
    padding-left: 0;
    padding-;
    line-height: 1.4;
}

.thestorysec .headingBox p{font-size: 21px;}
.thestorysec .headingBox .mb-0 p {
    font-size: 2rem;
}
.northpole .headingBox.button h2, .northpole .headingBox h6 {
    text-align: left;
}
.northpole .headingBox.button h2 span {
    margin-left: 0.8rem;font-size: 6.72rem;
}
.thestorysec .row {
    justify-content: space-between;
    padding-top: 5rem;
}

.downloadmoreinfo {
    background: #0968a1;
}

.downloadmoreinfo .buttongrp {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.5rem;flex-wrap:wrap;
}

.downloadmoreinfo .button {
    width: 39%;
    padding: 0.5rem;
}

.downloadmoreinfo .button:nth-child(2), .downloadmoreinfo .button:nth-child(4) {
  margin-left:45px;
}

.btn {
    border: 2px solid #fff;
    color: #fff;
    padding: 0 2.375rem;
    font-size: 1.5rem;
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-align: center;line-height: 28px;
}
.btn br{line-height: 28px;margin: 0;padding: 0;}
.senusdemo{
    background-color: #055382;
}

.marqueesslider {
    width: 100%;  /* Width of the container */
    overflow: hidden; /* Hide anything outside the container */
    white-space: nowrap; /* Ensure the text doesn't wrap */
    box-sizing: border-box;
    margin-bottom: 4.125rem;
    margin-top: 2.125rem;
}
img {
    max-width: 100%;
}
.marqueesslider span {
    display: inline-block;
    white-space: nowrap;
    color: #FFF;
    font-size: 2.5rem;  /* Adjust font size as needed */
        font-family: "citrus-gothic-inline", sans-serif;
        position: relative;
        margin-right: 75px;   
}
.marqueesslider span:after {
    position: absolute;
    content: '~';
    width: 10px; height: 10px;   
    color: rgb(112, 146, 216); right: -40px;
    }

/* .marqueesslider span:last-child:after{content:'';} */

.headingBox h5 {
    font-size: 2.25rem;
    font-style: italic;
    transform: rotate(-2deg);
    color: #fff;
    font-weight: 400;
    margin: 2rem 0;
    font-family: "citrus-gothic-solid", sans-serif;
}

.senusdemo .headingBox h5 {
    text-align: left;
}

.northpole .headingBox h2 {
    font-size: 7.3rem;line-height: 1;
}
.northpole .headingBox h2:first-child {
    font-size: 7rem;line-height: 1;
}



.senusdemo .headingBox p {text-align: left;}
.senusdemo .headingBox p {
    margin-bottom: 1rem;font-size: 1.375rem;
}
.northpole {background-color: #054366;}
.northpole .row {
    justify-content: space-between;
}
.northpole .headingBox h6 {
    margin: 1.5rem 0 2.5rem;    font-size: 2.3rem;
}
.northpole .container {
    max-width: 52.75rem;
}

.senusdemo .row .headingBox h5 {
    font-size: 2.3rem;text-align: center;
    margin-left: -80px;
}
.northpole .image {
    border-radius: 20px;width: 100%;
}
 .northpole .image img{display:block;}
.icenorthpole {
    background: #053249;
}
audio#audio-8-1{padding-right: 45px;padding-left: 5px;}
ul.flex-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:3.375rem 0 3.375rem 0;
    max-width: 850px;
}

/*.icenorthpole ul li {
    width: calc(100% /3);
} */

.icenorthpole ul li .libox {
    text-align: center;
}
.libox .icon img{margin-bottom: 15px;width: 102px;height: 102px;}
.icenorthpole ul.flex-box{max-width: 100%;}
.icenorthpole ul li .content h6 {
    font-family: "citrus-gothic-solid", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    rotate: -2deg;
}
header .container {max-width: 1400px;}
.maphead h5 {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
    color: #fff;font-weight: normal;
}
.maphead{z-index: 3;position: relative;}
.getintouch {
    background-color: #031e2c;
}
.formcontrol {
    display: flex;
    margin-bottom: 1rem;
}

.getintouch .row {
    justify-content: space-between;
}
.getintouch .col-20{margin-top:64px; }
.getintouch a{color:hsla(207.38,98.1%,41.18%,1);}
.formgrp .formcontent p {
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0.8rem;
}
.formgrp .smsg{min-height: 405px;}
.formgrp .formcontent p span, .input label span {
    opacity: 0.6;
    font-weight: 500;
    font-size: 0.75rem;
}
.formgrp .smsg h3{font-size: 24px;margin-bottom: 15px;}
.formgrp .smsg p{    font-size: 1.125rem;}

.input label {
    display: block;
    font-size: 0.875rem;
    color: #fff;font-weight: bold;
    margin-bottom: 0.5rem;
}

.formcontrol .input input {
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    height: 2.5rem;
}

.formcontrol .input {
    padding-right: 0.8rem;
    width: 100%;
}

.formcontrol .input textarea {
    width: 100%;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    height: 150px;
    resize: none;
}
.formgrp input:focus, .formgrp textarea:focus, .formgrp input:hover, .formgrp textarea:hover{background-color: hsla(205,70.59%,93.33%, calc(1* 0.4)); }
.formgrp input, .formgrp textarea{font-family: aktiv-grotesk;color:hsla(0,0%,100%,1);padding:10px 10px 10px 20px; font-size: 0.875rem;font-weight: bold;}

.getintouch .col-20 p {
    font-size: 1.125rem;
    margin: 1rem 0;
    color: #fff; line-height: 30px;
}

.getintouch .col-20 p:first-of-type{margin-top: 0;}
.formcontrol .input button {
    border: 2px solid #fff;
    color: #fff;
    padding: 0 2.375rem;
    font-size: 1.375rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    text-align: center;
    background: transparent;
}

.footersite .privacy {
    margin-bottom: 6rem;
}

.footersite .copyright {
    display: flex;
    justify-content: space-between;
}

.footersite .copyright  p {
    font-weight: bold;
}
.copyright .right a:hover{cursor: pointer;    text-decoration: underline;}
.copyright .right a{ color:#FFF;text-decoration: none;}

.footersite .copyright p img {
    width: 4rem;
}
.button .btn, button  {cursor: pointer;}
.getintouch.pd-equal {
    padding-bottom: 2rem;
}
.button a{text-decoration: none;}
.getintouch .row{align-items: flex-start;}
.button .btn:hover, button:hover {
    background-color: #fff !important;
    color: #333 !important;
}
.downloadmoreinfo .button .btn:hover {
    color: rgb(49, 39, 131) !important;
}
.curvewave {
    position: absolute;
    top: -8.9rem;
    left: 0;
    width: 100%;
    z-index: 2;
}
.bannersec .icemeltinganimation {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: -3px;
    z-index: -1;
}
.bannersec {
    position: relative;
    z-index: 1;
    
}
.bannersec .icemeltinganimation video#myVideo {
    height: 100%;
    width: 130%;
    object-fit: cover;
}
.pd-equal {
    position: relative;
}

.pathwaygloabal .curvewave svg path {
    fill: #0787d8 !important;
}

.thestorysec .curvewave svg path {
    fill: #0877bc !important;
}

.downloadmoreinfo .curvewave svg path {
    fill: #0968a1 !important;
}

.senusdemo .curvewave svg path {
    fill: #055382 !important;
}

.northpole .curvewave svg path {
    fill: #054366 !important;
}
.northpole .btn{width: 70%;    margin-left: 55px;}

.icenorthpole .curvewave svg path {
    fill: #053249 !important;
}

.getintouch .curvewave svg path {
    fill: #031e2c !important;
}

.senusdemo .image {
    overflow: hidden;padding: 10px;
}
.senusdemo.pd-equal{padding-top:0;}
.senusdemo .image:hover img {
    transform: scale(1.04);
}
.lastchrismash .container {
    max-width: 70rem;
}
.lastchrismash .headingBox p, .thestorysec .headingBox p {text-align: justify;}
.thestorysec .mb-0 p{text-align: center;}
.senusdemo .image img {
    transition: 0.5s all ease-in-out;
}

.northpole.pd-equal {
    padding-top: 3rem;
    padding-bottom: 12rem;
}

.icenorthpole.pd-equal {
    padding-bottom: 13rem;
}
.senusdemo.pd-equal {
    padding-bottom: 8rem;
}
.pathwaygloabal .headingBox {
    padding-bottom: 0;
}
.pathwaygloabal.pd-equal {
    padding-bottom: 5rem;
}
canvas#fallingSnow {
    z-index: 2;opacity: 0.5;
}
.footersite .privacy a, .footersite .copyright p {
       font-weight: bold;
       font-size: 16px;
       color: #FFF;
}
.thestorysec .col-45, .thestorysec .col-45 .image {
    height: 100%;
}
.thestorysec .col-45 .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thestorysec .col-45 .image {
    height: 25rem;
}
.thestorysec .row .headingBox {
    padding-left: 1.3rem;
}
.thestorysec .headingBox p {
    margin-bottom: 1rem;
}
.thestorysec .col-50 .headingBox p:last-of-type{margin-bottom: 0;}

.lastchrismash .headingBox h2 {
    margin-bottom: 2.5rem;
}
/* The Modal (background) */
.image img {cursor: pointer;}
#imageModal .modalimgcntnt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}
.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  /*padding-top: 60px;*/
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

.modal-content {
  margin: auto;
  display: block;
  width: 95%;
  max-width: 700px;
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.senusdemo .row .headingBox  h5 {
    font-size: 2.3rem;
}
.northpole .container {
    max-width: 67rem;
}
.getintouch .row {
    margin-top: 3rem;
}
ul.menu li:nth-child(2){margin: 0 1px;}

.thestorysec .headingBox, .icenorthpole .container, .northpole .container, .senusdemo .container, 
    .thestorysec .container, .lastchrismash .container, .pathwaygloabal .container, .downloadmoreinfo .container {
        max-width: 64.5rem;}
.thestorysec .container .headingBox{max-width: 100%;}        


@media (max-width: 1300px) {

    .icenorthpole .container, .northpole .container, .senusdemo .container, 
    .thestorysec .container, .lastchrismash .container, .pathwaygloabal .container, .downloadmoreinfo .container {
        max-width: 950px;}

.northpole .headingBox h2 {font-size: 5.5rem;}
.northpole .headingBox h2:first-child {font-size: 5.3rem;}
.headingBox h2 {font-size: 4rem;}
.northpole .headingBox h6 { font-size: 1.7rem;}
    
    .thestorysec .headingBox{max-width: calc(100% - 150px);}
    .thestorysec .container .headingBox{max-width: 100%;}

    .getintouch .col-20 {margin-right: 30px;}

    ul.flex-box{max-width:100%;}
    
    .northpole h2, .northpole h6{text-align: center !important;}
    .northpole .btn{margin: 0 auto;}
    
    header{display: none;}
    header.openmm{display: block;}
    header .close {display: block !important;}

    .buttonmenu {
        display: block !important;
        position: fixed;
        top: 0px;
        right: 10px;
        z-index: 9999;
    }
    .buttonmenu svg path:last-child {
        display: none;
    }

    .buttonmenu svg path {
        stroke: #fff;
    }

    header {
        position: fixed;
        background: #fff;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        padding-top: 80px;
    }
    

    header .close svg path {
        fill: #86bde0;
    }

    header .close svg {
        width: 30px;
        position: absolute;
        top: 0;
        right: 0px;
    }

    header .container {
        display: flex;
        align-items: center;justify-content: flex-end;
    }

    header .row ul {
        flex-wrap: wrap;
        background: transparent;
    }

    header .row ul li:nth-child(2) {
        display: none;
    }

    header .row ul li {
        width: 100%;
    }
    .thestorysec .headingBox p, .senusdemo .headingBox p {
        font-size: 20px;
    }
    header .row ul li a {
        font-size: 20px;
    }

}

@media (max-width: 1100px) {

    .northpole .headingBox h2 {font-size: 5rem;}
    .northpole .headingBox h2:first-child {font-size: 4.8rem;}

}
  

@media (max-width: 800px) {

    .downloadmoreinfo .button:nth-child(2), .downloadmoreinfo .button:nth-child(4) {margin-left: 0;}

    .thestorysec .headingBox, .icenorthpole .container, .northpole .container, .senusdemo .container, 
    .thestorysec .container, .lastchrismash .container, .pathwaygloabal .container, .downloadmoreinfo .container {
        max-width: 100%;}
    

   /* .headingBox h2 {margin-top: 5.1rem;} */
    .headingBox h2:first-child {
        position: relative;
        z-index: 9;
        margin-top: 5rem;
        text-align: center !important;
    }
    .headingBox h6 { text-align: center !important;}

  
    html {
        font-size: 58%;
    }
    .col-50 {
        width: 100%;
    }

    .downloadmoreinfo .button {
        width: 100%;
    }

    .downloadmoreinfo .buttongrp {
        flex-wrap: wrap;
    }

    .col-40 {
        width: 100%;
    }
    .formcontrol .input input {
        height: 30px;
    }
    .thestorysec .image {height: 340px;margin-bottom: 30px;}

    .col-45 {
        width: 100%;
    }

    

    .icenorthpole ul li {
        width: 100%;
        margin: 20px 0;
    }

    .icenorthpole ul li .content h6 {
        font-size: 20px;
    }

    .col-70, col-20 {
        width: 100%;
    }

    .formgrp .formcontent p, .formgrp .formcontent label {
        font-size: 12px;
    }

    .formgrp .formcontent p span, .formgrp .formcontent label span {
        font-size: 10px;
    }

    .col-20 {
        width: 100%;
    }

    .getintouch .col-20 p {
        font-size: 16px;
    }

    

    .footersite .copyright {
        flex-wrap: wrap;
    }
    .getintouch .col-20 p a {
        display: block;
    }
    .footersite .copyright .left {
        margin-bottom: 20px;
    }
    .pathwaygloabal ul li .libox {
        flex-wrap: wrap;
        justify-content: center;
    }

    .pathwaygloabal ul li {
        width: 100%;
    }

    .pathwaygloabal ul li .libox .content {
        width: 100%;
        text-align: center;
    }

    .pathwaygloabal ul li .libox .icon {
        width: 85px;
        margin: 0 auto;
        justify-content: center;
    }

    .pathwaygloabal ul li .libox .content h6 {
        font-size: 26px;
    }

    .pathwaygloabal ul li .libox .content p {
        font-size: 16px;
    }

    .footersite .copyright .right p img {
        width: 60px;
    }
    .headingBox p {font-size: 16px;}
    .btn {font-size: 16px}
    .bannercontent {
        text-align: center;
    }
    .bannercontent h1 {
        font-size: 70px;
        max-width: 40rem;
    }
    .footersite .privacy {
        margin-bottom: 60px;
    }
   
    .senusdemo .headingBox h5, .senusdemo .headingBox p {
        text-align: center;
    }
    .headingBox, .pathwaygloabal ul li .libox .content{padding: 0 1.5rem;}
    .headingBox h6 {
        font-size: 22px;
    }.headingBox p {
        font-size: 18px;
        line-height: 1.2;
    }
    .senusdemo .headingBox p {
        font-size: 22px;
    }
    
    .col-55 {
        width: 100%;
    }

    .pathwaygloabal ul li .libox .icon {
        margin-bottom: 40px;
    }

    .pathwaygloabal ul li .libox .icon img {
        width: 100%;
    }

    .pathwaygloabal ul li .libox .content h6 {
        padding-left: 0;
        margin-top: 20px !important;
        font-size: 30px;
    }

    .pathwaygloabal ul li .libox .content p {
        font-size: 23px;
    }

    .pathwaygloabal ul li {
        padding-bottom: 20px;
    }

    .thestorysec .headingBox p {
        font-size: 22px;
    }

    .thestorysec .col-45 .image {
        height: 413px;
    }

    .button .btn {
        font-size: 22px;
        height: 100px;width: 75%;
        margin: auto;
    }

    .senusdemo .headingBox h5 {
        font-size: 30px;
    }

    .northpole .headingBox h6 {
        font-size: 2.23rem;
    }

    .icenorthpole ul li .content h6 {
        font-size: 23px;
    }

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

    .formgrp .formcontent p span, .formgrp .formcontent label span {
        font-size: 17px;
    }

    .formgrp .formcontent p, .formgrp .formcontent label {
        font-size: 20px;
    }

    .formcontrol {
        flex-wrap: wrap;
    }

    .formcontrol .input input {
        height: 52px;
    }

    .getintouch .col-20 p {
        font-size: 20px;
    }

    .getintouch .col-20 p a {
        color: #fff;
    }

    .footersite .privacy a, .footersite .copyright p {
        font-size: 19px;
    }

    .footersite {
        padding-top: 50px;
    }

    .footersite .copyright .right p img {
        width: 80px;
    }
   
    
    .image {width: 100% !important;margin-top: 40px; padding: 0 !important;}
    .marqueesslider, .senusdemo .col-45 .headingBox{margin-bottom: 0;}
    .thestorysec .row {padding-top: 0;}
    .thestorysec .row .headingBox{    padding: 0 1.5rem;}
    
    .senusdemo.pd-equal, .northpole.pd-equal {
        padding-bottom: 12rem !important;
    }
    .formcontrol .input button {
        font-size: 19px;
        height: 48px;
    }
    .lastchrismash .curvewave svg {height: 100px !important;}
    header {
        background: rgb(226 240 250);
    }
    header .row ul li a {font-size: 30px;font-family: sans-serif;text-transform: uppercase;font-weight: 600;display: block;margin-bottom: 10px;}

    .senusdemo .row .headingBox h5 {
        font-size: 2.3rem;text-align: center;
    margin-left: -80px;
    }
   
    .senusdemo .col-50 .headingBox {
        margin-bottom: 0rem;
    }
    header {
        left: 0;
    }
}