@keyframes fade-up {
    0% {
        opacity:0;
        transform:translateY(30px) scale(0.9)
    }

    100% {
        opacity:1;
        transform:translateY(0px) scale(1)
    }
}

@keyframes fade-down {
    0% {
        opacity:0;
        transform:translateY(-30px) scale(1)
    }

    100% {
        opacity:1;
        transform:translateY(0px) scale(1)
    }
}

@keyframes fade-right {
    0% {
        opacity:0;
        transform:translateX(-100%) scale(1)
    }

    100% {
        opacity:1;
        transform:translateX(0) scale(1)
    }
}

@keyframes fade-left {
    0% {
        opacity:0;
        transform:translateX(100%) scale(1)
    }

    100% {
        opacity:1;
        transform:translateX(0) scale(1)
    }
}

#container {
    padding:0;
    margin:0 auto
}

.hidden {
    opacity:0;
    transition:all 1s
}

.show {
    animation:fade-up 1s;
    opacity:1
}

.show.right {
    animation:fade-right 1s;
    opacity:1
}

.show.left {
    animation:fade-left 1s;
    opacity:1
}

#top-header {
    display:block;
    width:100%;
    margin:auto;
    background:#142870;
    background:linear-gradient(90deg,#142870ff 0%,#00b4f0ff 100%);
    animation:fade-down 1s
}

#topnav {
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-self:center;
    width:90%;
    margin:auto;
    padding:2px 4px;
    font:12px Inter,sans-serif;
    color:#FFF;
    text-align:right
}

#topnav a,#topnav a:active,#topnav a:visited {
    color:#FFF;
    position:relative;
    text-decoration:none;
    padding:0 12px;
    margin:0 4px;
    transition:.25s;
    border-radius:2.5%/10%
}

#topnav a:hover {
    box-shadow:inset -2px -2px 6px #0387bc,inset 2px 2px 6px #03b7fe
}

#header {
    display:block;
    height:100%;
    width:100%;
    box-shadow:0 2px 12px #333;
    position:sticky;
    top:0;
    z-index:1;
    background:#ffffff80;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    animation:fade-down 1s
}

#flexcon {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:auto;
    padding:0 4px;
    width:90%;
    overflow:hidden
}

#nav {
    display:flex;
    flex-direction:row;
    align-content:center;
    justify-content:space-around;
    margin:auto;
    color:#333
}

#nav a,#nav a:active,#nav a:visited {
    color:#333;
    font:16px/28px Inter,Arial;
    position:relative;
    text-decoration:none;
    padding:0 12px;
    margin:0 4px;
    transition:.25s
}

#nav a:after {
    content:"";
    position:absolute;
    background-color:#3A59A8;
    height:4px;
    width:0;
    left:0;
    bottom:-32px;
    transition:.25s
}

#nav a:hover,#nav a.selected,#nav span a:hover,#nav span.active a {
    color:#3A59A8;
    text-decoration:none
}

#logo {
    padding:12px;
    background:url(../images/logo2_small.png) center no-repeat;
    transition:.5s
}

#logo:hover {
    transform:scale(105%)
}

#logo a {
    width:169px;
    height:56px;
    display:block
}

#footer {
    display:block;
    height:100%;
    width:100%;
    box-shadow:0 -2px 12px #333;
    position:relative;
    padding:12px 0
}

#flexcon2 {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin:auto;
    padding:0 4px;
    width:90%;
    overflow:hidden
}

#footer-nav-right,#footer-nav-center {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-content:center;
    align-items:center;
    justify-content:space-around;
    height:100%
}

#footer-nav-right {
    text-align:right
}

#footer-nav-center {
    text-align:center
}

.footer-nav a,.footer-nav a:active,.footer-nav a:visited {
    color:#333;
    position:relative;
    text-decoration:none;
    padding:0 12px;
    margin:0 4px;
    transition:.25s
}

.footer-nav a:hover {
    color:#142870;
    text-decoration:none
}

#copy {
    padding:12px;
    width:auto;
    font-size:12px;
    color:#333
}

#contents {
    display:flex;
    flex-direction:column;
    justify-content:space-between
}

.bgvid {
    object-fit:cover;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}

.hero {
    background-color:#00000040;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    position:relative;
    height:72vh;
    padding:80px 40px
}

.hero-text {
    padding:32px
}

.com-content-article__body {
    width:auto;
    height:auto
}

.main-text {
    padding:12px 24px;
    margin:24px 48px
}

.chronoforms {
    padding:24px;
    margin:48px
}

.chronoforms h1 {
    font-size: 36pt !important;
}

.dropdown .icon,.checkbox .icon {
    display:block;
    background:none;
    border-radius:64px;
    box-shadow:none
}

.checkbox .icon {
    transform: scale(2)
}

.pitch {
    background-color:#142870;
    padding:80px 40px
}

.block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    width:248px;
    height:424px
}

.title {
    padding:0 16px
}

.icon-img {
    transform:scale(3);
    filter:drop-shadow(0px 2px 0px #000)
}

.pitch-button-con {
    margin:auto 0 12px
}

.client-section h3 {
    color:#000
}

.partner-section {
    background-color:#333;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    gap:80px;
    padding:80px 40px;
    margin:24px 0
}

.box-section {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:center;
    gap:24px;
    padding:80px 40px;
    margin:24px 0
}

.box-events,.box-news {
    display:flex;
    flex-direction:column;
    background-color:#333;
    padding:48px 48px 24px;
    border-radius:16px;
    box-shadow:12px 12px 24px #d9d9d9,-12px -12px 24px #fff;
    min-width:12pc;
    max-width:24pc;
    width:100%
}

.box-events h2,.box-news h2 {
    font-size:24pt;
    color:#FFF;
    margin:0
}

.box-events ul,.box-news ul {
    display:flex;
    flex-direction:column;
    list-style:none;
    padding:0
}

.box-events li,.box-news li {
    padding:8px 0
}

.box-events a,.box-news a {
    font-size:14pt;
    font-weight:400;
    color:#333;
    border-radius:4px;
    transition:all 250ms;
    margin:0
}

.box-events a:hover,.box-events a:focus,.box-news a:hover,.box-news a:focus {
    text-decoration:none;
    font-weight:700
}

.box-events a.view-more,.box-news a.view-more {
    align-self:center;
    margin:12px 0 0;
    color:#FFF;
    font-weight:700;
    font-size:12pt;
    transition:all 250ms
}

.mod-articles-date {
    color:#333;
    font-weight:300;
    margin:0
}

.box-events .mod-articles-item-content,.box-news .mod-articles-item-content {
    display:grid;
    grid-template-rows:67% 33%;
    justify-content:stretch;
    justify-items:stretch;
    align-items:center;
    background:#ffffffab;
    border-radius:8px;
    padding:16px
}

.box-events .mod-articles-item-content {
    grid-template-columns:100%
}

.box-news .mod-articles-item-content {
    grid-template-columns:80% 20%
}

.mod-articles-item .mod-articles-item-content img {
    width:72px;
    height:72px;
    object-fit:cover;
    border-radius:4px
}

.mod-articles-item .mod-articles-title {
    grid-area:1 / 1 / 2 / 2
}

.mod-articles-item .list-unstyled {
    grid-area:2 / 1 / 3 / 2
}

.mod-articles-item .item-image {
    grid-area:1 / 2 / 3 / 3;
    margin:0
}

.contact-section {
    padding:24px 0;
    background-color:#142870;
    background-image:linear-gradient(#00b4f000,#00000054)
}

.contact-section h1 {
    font-size:0;
    color:#FFF;
    padding:24px 24px 12px;
    margin:12px 0
}

.contact-section p {
    padding:12px 0 24px
}

.contact-button {
    align-items:center;
    background-color:#00B4F0;
    border-radius:.25rem;
    box-sizing:border-box;
    color:#FFF;
    cursor:pointer;
    display:inline-flex;
    font-size:16px;
    font-weight:700;
    justify-content:center;
    padding:10px 20px;
    margin:0 20px;
    text-decoration:none;
    width:auto;
    height:auto;
    transition:all 250ms
}

.au-hero {
    background-image:linear-gradient(#00000040,#00000040),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_139899101.jpeg?1753214876);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content:flex-end;
    position:relative;
    width:100%;
    height:80vh;
    padding:96px 0
}

.au-hero-2 {
    background-image:linear-gradient(#00000040,#00000040),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_51095971.jpeg?1753214823);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:80vh;
    padding:96px 0
}

.core-values-head-text {
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:16px
}

.core-values-blocks {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    gap:64px;
    padding:32px 0
}

.core-pic {
    border-radius:24px;
    max-width:100%;
    height:auto
}

.core-text {
    display:flex;
    flex-direction:column;
    max-width:36pc
}

.team-section {
    background-color:#333;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    gap:48px;
    padding:64px 32px
}

.team-header {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    gap:12px;
    width:67%
}

.team-aspects {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    gap:96px 48px;
    width:100%
}

.team-aspect {
    border-radius:24px;
    background:#333;
    box-shadow:24px 24px 48px #282828,-24px -24px 48px #3e3e3e;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    padding:24px 48px;
    width:280px
}

.p-hero {
    background-image:url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_822567155_Converted.jpg?1756326871);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:80vh;
    padding:80px 0
}

.p-hero-text {
    display:flex;
    flex-direction:column;
    width:480px;
    padding:96px
}

.p-section1 {
    background-size:cover;
    background: linear-gradient(90deg, #333 65%, #33333380 65%), url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_1024030865_small.jpg?1756394605) no-repeat right center;
    position:relative;
    width:100%;
    height:100%;
    padding:64px 0
}

.p-box1 {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#ffffffab;
    border-radius:24px;
    padding:36px;
    width:320px;
    height:220px
}

.p-icon {
    display:flex;
    justify-content:left;
    align-items:flex-start;
    padding:24px 24px 36px
}

.p-section2 {
    background-size:cover;
    background: linear-gradient(-90deg, #142870 65%, #14287080 65%), url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_1035243242_small.jpg?1756407933) no-repeat left center;
    position:relative;
    width:100%;
    height:100%;
    padding:64px 0
}

.p-section3 {
    background: linear-gradient(90deg, #FFF 55%, #ffffff80 55%), url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_285955858_small.jpg?1756410894) no-repeat right center;
    background-size:cover;
    position:relative;
    width:100%;
    height:100%;
    padding:64px 0
}

.p-box3 {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#00000054;
    border-radius:24px;
    padding:36px;
    width:320px;
    height:240px
}

.p-icon-img {
    transform:scale(3);
    filter:drop-shadow(0px 2px 0px #333)
}

.p-section4 {
    background: linear-gradient(-90deg, #00B4F0 55%, #00b4f080 55%), url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_1040440122_small.jpg?1756412656) no-repeat left center;
    background-size:cover;
    position:relative;
    width:100%;
    height:100%;
    padding:64px 0
}

.p-section4 h2,.p-section4 h3 {
    font-size:0;
    color:#00B4F0
}

.cams-hero {
    background-image:url(https://stage.haverly.com/cmsnext/images/downloads/stock/HCAMS_HeroBG.jpg?1753471934);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-around;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.cams-hero-text {
    display:flex;
    flex-direction:column;
    min-width:240px;
    max-width:640px;
    padding:48px
}

.cams-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:288px
}

.cams-feature-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#ffffffab;
    border-radius:24px;
    padding:36px;
    width:320px
}

.cams-icon-img {
    transform:scale(3);
    filter:drop-shadow(0px 2px 0px #999)
}

.cams-library {
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    gap:80px;
    padding:80px 40px;
    margin:24px 0
}

.cams-library-boxes {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:stretch;
    gap:48px;
    padding:0 12px;
    margin:0 24px
}

.cams-library-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:24px;
    background:#999;
    border-radius:24px;
    padding:36px;
    min-width:12pc;
    max-width:36pc;
    height:100%
}

.planet-hero {
    background-image:linear-gradient(0.25turn,#00000054,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_432359625.jpeg?1754071747);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:20% center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.planet-pitch h3 {
    font-size:0;
    padding:12px 128px;
    color:#FFF
}

.planet-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:600px
}

.grtmps-hero {
    background-image:linear-gradient(0.75turn,#000000a8,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_52596819.jpeg?1754424497);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:80% center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.grtmps-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:600px
}

.comet-hero {
    background-image:linear-gradient(0.25turn,#00000080,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/iStock-868112238.jpg?1754490632);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:20% center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.comet-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:288px
}

.sched-hero {
    background-image:linear-gradient(0.25turn,#00000054,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_937529408.jpeg?1754595202);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.sched-hero-text {
    display:flex;
    flex-direction:column;
    min-width:240px;
    max-width:560px;
    padding:96px
}

.sched-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:440px
}

.sched-feature-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#ffffffab;
    border-radius:24px;
    padding:36px;
    width:400px
}

.petrocalc-hero {
    background-image:linear-gradient(0.25turn,#00000080,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_1080743993.jpeg?1755539982);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:10% center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.petrocalc-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    max-width:600px
}

.petrocalc-details {
    overflow-wrap:anywhere;
    width:95%
}

.petrocalc-feature-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#ffffffab;
    border-radius:24px;
    padding:36px;
    width:480px
}

.netblend-hero {
    background-image:linear-gradient(0.75turn,#000000bf,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_202041790.jpeg?1755878097);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:80% center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    width:100%;
    height:96vh;
    padding:96px 0
}

.netblend-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:360px
}

.netblend-button-con {
    display:flex;
    justify-content:center;
    gap:24px
}

.s-hero {
    background-image:linear-gradient(1turn,#FFF,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_288431226.jpg?1758121525);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:72vh;
    padding:72px 0
}

.s-email {
    background:#333;
    position:relative;
    width:100%;
    height:100%;
    padding:64px 0
}

.s-email h3 {
    font-size:8pt
}

.s-email-boxes {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
    gap:48px
}

.s-email-box {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#333;
    border-radius:16px;
    box-shadow:  8px 8px 16px #2b2b2b,
             -8px -8px 16px #3b3b3b;
    padding:16px;
    width:360px;
    height:40px
}

.s-tele h3 {
    font-size:0;
    padding:12px;
    color:#142870
}

.s-tele-box {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:240px;
    height:360px
}

.s-icon-img {
    filter:drop-shadow(0px 4px 0px #000)
}

.s-other-box {
    border-radius:24px;
    background:#142870;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    padding:24px 48px;
    width:320px;
    height:480px
}

.c-hero {
    background-image:url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_383692253.jpg?1758034415);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:72vh;
    padding:72px 0
}

.c-local-box {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    background:#ffffffab;
    border-radius:24px;
    padding:24px;
    width:280px;
    height:480px
}

.c-other-box {
    border-radius:24px;
    background:#333;
    box-shadow:24px 24px 48px #282828,-24px -24px 48px #3e3e3e;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    padding:24px 48px;
    width:480px;
    height:80px
}

.c-other-button-con {
    margin:0 0 0 auto
}

.t-hero {
    background-image:linear-gradient(0.25turn,#FFF,#0000),linear-gradient(1turn,#FFF,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_384282681_Converted.jpg?1758210362);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:72vh;
    padding:72px 0
}

.t-course {
    background:#FFF;
    position:relative;
    width:100%;
    height:100%;
    padding:64px 0 16px
}

.t-course-blocks {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:stretch;
    gap:24px;
    padding:0 12px;
    margin:0 24px
}

.t-course-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:24px;
    background:#142870;
    border-radius:24px;
    padding:36px;
    max-width:96pc;
    height:100%
}

.t-course-details {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    gap:36px
}

.t-course-text {
    display:flex;
    flex-direction:column;
    gap:24px;
    width:75%
}

.t-button-con {
    display:flex;
    flex-direction:column;
    gap:24px;
    align-self:flex-end;
    align-items:flex-end
}

.last-note {
    color:#000;
    padding:24px 48px 48px
}

.partner-hero {
    background-image:linear-gradient(1turn,#FFF,#0000),url(https://stage.haverly.com/cmsnext/images/downloads/stock/AdobeStock_450832714_Converted.jpg?1758295578);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    top:0;
    left:0;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    position:relative;
    width:100%;
    height:72vh;
    padding:72px 0
}

.partner-list {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:stretch;
    gap:48px;
    padding:24px;
    margin:24px
}

.partner-list p {
    color:#FFF;
    font-size:0;
    line-height:1.125
}

.partner-list ul {
    color:#FFF;
    list-style:square;
    margin:0
}

.partner-list li {
    color:#FFF;
    font-size:12pt;
    padding:4px 0
}

.partner-item {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:24px;
    background:#142870;
    border-radius:24px;
    padding:36px;
    min-width:12pc;
    max-width:36pc;
    height:100%
}

.partner-icon {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 0 12px
}

.partner-icon-img {
    height:100%;
    width:100%;
    background:#FFF;
    padding:24px;
    border-radius:12px
}

.blog {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:center;
    padding:24px 48px;
    margin:0 24px
}

.events-leading .event-img img {
    border-radius:24px 0 0 24px;
    object-position:left center;
    width:440px;
    height:400px
}

.events-common .event-img img {
    border-radius:24px 24px 0 0;
    width:320px;
    height:180px
}

.event-img img {
    border-radius:24px;
    object-fit:cover;
    width:33%;
    height:33%
}

.event-content {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:24px;
    padding:24px 0
}

.blog-item .event-content p,.blog-item .event-content h2,.blog-item .event-content h3 {
    margin:0;
    color:#FFF
}

.event-link {
    margin-top:auto
}

.events-common .event-link {
    align-self:center
}

.event-button {
    margin-right:0;
    margin-left:0
}

.news-leading .news-img img {
    border-radius:24px 0 0 24px;
    object-fit:cover;
    object-position:left center;
    width:440px;
    height:400px
}

.news-common .news-img img {
    border-radius:24px 24px 0 0;
    object-fit:cover;
    object-position:center center;
    width:320px;
    height:180px
}

.news-content {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:16px;
    padding:24px 0
}

.news-content ul {
    list-style:square;
    margin:12px 0
}

.news-leading .news-content li {
    color:#FFF;
    font-size:12pt;
    margin:4pt
}

.news-common .news-content li {
    color:#FFF;
    font-size:10pt;
    margin:4pt
}

.news-img img {
    border-radius:24px;
    object-fit:cover;
    object-position:center center;
    width:33%;
    height:33%
}

.news-leading .news-button-con,.events-leading .events-button-con {
    align-self:flex-start;
    text-align:left
}

.news-common .news-button-con,.events-common .events-button-con {
    align-self:center;
    text-align:center;
    margin:12px 0 0
}

.kathy-hero {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:48px;
    position:relative;
    width:100%;
    height:100%;
    padding:40px 0
}

.kathy-hero-text {
    display:flex;
    flex-direction:column;
    width:40%
}

.kathy-hero-img img {
    box-shadow:#14287080 -16px 0,#14287066 -32px 0,#1428704d -48px 0,#14287033 -64px 0,#1428701a -80px 0;
    border-radius:24px;
    transition:.4s
}

.kathy-hero-img img:hover {
    box-shadow:#142870ff 0 0
}

.kathy-intro {
    background:#333;
    border-radius:24px;
    padding:48px;
    margin:24px 0;
    color:#FFF
}

.kathy-intro-text {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:12px;
    padding:0 0 12px
}

.kathy-intro-text h2 {
    margin:0 0 12px
}

.kathy-text h3 {
    font-weight:300
}

.kathy-sig {
    align-self:flex-end;
    font-weight:400
}

.kathy-intro-notes {
    display:flex;
    justify-content:space-between
}

.kathy-notes {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    font-weight:300
}

.kathy-button {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:flex-end
}

.kathy-button .contact-button {
    margin:0;
    text-align:center
}

.kathy-leading .page-header,.kathy-common .page-header {
    background:none;
    margin:0;
    padding:0
}

.kathy-leading .page-header h2,.kathy-common .page-header h2 {
    margin:auto auto 12px
}

.kathy-leading,.kathy-common {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:24px;
    margin:24px 0
}

.kathy-leading .blog-item,.kathy-common .blog-item {
    background:#999;
    border-radius:24px;
    padding:24px;
    max-width:650px;
    height:auto;
    color:#FFF
}

.index-container {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    gap:24px
}

.index-column {
    display:flex;
    flex-direction:column
}

.index-section {
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:12px 0
}

.index-section a {
    color:#000;
    font-weight:300
}

.index-section a:hover {
    font-weight:700
}

.index-section h2 {
    font-weight:700;
    margin:12px 0 0
}

.index-section h3 {
    color:#142870;
    margin:0;
    font-weight:500;
    font-size:16pt
}

.index-entry {
    display:flex;
    align-items:center;
    gap:4px
}

.index-entry div,.index-entry a {
    color:#00B4F0;
    font-weight:300;
    font-size:12pt
}

.index-entry a:hover {
    color:#0A6EB0;
    font-weight:700
}

#head-r,#head-rb {
    height:100%
}

#nav a:hover:after,#nav a.selected:after,#nav span a:hover:after,#nav span.active a:after,.events-leading,.news-leading {
    width:100%
}

#sidebar-active,.open-sidebar-button,.close-sidebar-button,.list-unstyled dt,.blog-item .item-image {
    display:none
}

.hero h1,.pitch h1,.partner-section h1,.au-hero h1,.au-hero-2 h1,.team-section h1,.p-hero h1,.p-section1 h1,.p-section2 h1,.p-section3 h2,.p-section3 h3,.p-section4 h1,.cams-feature h1,.cams-feature h3,.planet-hero h1,.planet-feature h1,.planet-feature h3,.grtmps-hero h1,.grtmps-feature h1,.grtmps-feature h3,.comet-hero h1,.comet-feature h1,.comet-feature h3,.sched-hero h1,.sched-feature h1,.sched-feature h3,.petrocalc-hero h1,.petrocalc-feature h1,.petrocalc-feature h3,.netblend-hero h1,.netblend-feature h1,.netblend-feature h3,.s-tele h1,.c-local h1,.t-course h2,.t-course p {
    font-size:0;
    color:#FFF
}

.hero-button,.pitch-button,.partner-button,.petrocalc-button {
    align-items:center;
    background-color:#00B4F0;
    border-radius:.25rem;
    box-sizing:border-box;
    color:#FFF;
    cursor:pointer;
    display:inline-flex;
    justify-content:center;
    text-decoration:none;
    width:auto;
    height:auto;
    transition:all 250ms;
    padding:10px 20px;
    font:700 16px Inter
}

.hero-button:hover,.hero-button:focus,.pitch-button:hover,.hero-button:focus,.partner-button:hover,.partner-button:focus,.contact-button:hover,.contact-button:focus,.petrocalc-button:hover,.hero-button:focus {
    text-decoration:none;
    box-shadow:#00000040 0 4px 16px;
    background-color:#0A6EB0;
    color:#FFF
}

.hero-button:hover,.pitch-button:hover,.partner-button:hover,.contact-button:hover,.petrocalc-button:hover {
    transform:translateY(-2.5px)
}

.hero-button:active,.pitch-button:active,.partner-button:active,.contact-button:active,.petrocalc-button:active {
    background-color:#0591D0;
    box-shadow:#00000080 0 2px 4px;
    color:#FFF;
    transform:translateY(0)
}

.pitch h2,.cams-pitch h2,.planet-pitch h2,.grtmps-pitch h2,.comet-pitch h2,.sched-pitch h2,.petrocalc-pitch h2,.netblend-pitch h2,.s-tele h2,.c-local h2 {
    color:#142870
}

.pitch h3,.cams-pitch h3 {
    padding:12px 120px;
    color:#FFF
}

.icon-boxes,.cams-pitch-boxes,.cams-feature-boxes,.planet-pitch-boxes,.planet-feature-boxes,.grtmps-pitch-boxes,.grtmps-feature-boxes,.comet-pitch-boxes,.comet-feature-boxes,.sched-pitch-boxes,.sched-feature-boxes,.petrocalc-pitch-boxes,.petrocalc-feature-boxes,.netblend-pitch-boxes,.netblend-feature-boxes,.s-tele-boxes,.c-local-boxes {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    gap:24px 12px;
    padding:16px 12px 0;
    margin:32px 24px 0
}

.block:nth-child(2),.team-aspect:nth-child(2),.p-box1:nth-child(2),.p-box2:nth-child(2),.cams-block:nth-child(2),.cams-feature-block:nth-child(2),.cams-library-block:nth-child(2),.planet-block:nth-child(2),.planet-feature-block:nth-child(2),.grtmps-block:nth-child(2),.grtmps-feature-block:nth-child(2),.comet-block:nth-child(2),.comet-feature-block:nth-child(2),.sched-block:nth-child(2),.sched-feature-block:nth-child(2),.petrocalc-block:nth-child(2),.petrocalc-feature-block:nth-child(2),.netblend-block:nth-child(2),.netblend-feature-block:nth-child(2),.s-tele-box:nth-child(2),.s-other-box:nth-child(2),.c-local-box:nth-child(2),.c-other-box:nth-child(2) {
    transition-delay:200ms;
    animation-delay:200ms
}

.block:nth-child(3),.team-aspect:nth-child(3),.p-box2:nth-child(3),.cams-block:nth-child(3),.cams-feature-block:nth-child(3),.cams-library-block:nth-child(3),.planet-block:nth-child(3),.planet-feature-block:nth-child(3),.grtmps-block:nth-child(3),.grtmps-feature-block:nth-child(3),.comet-block:nth-child(3),.comet-feature-block:nth-child(3),.sched-block:nth-child(3),.sched-feature-block:nth-child(3),.petrocalc-block:nth-child(3),.petrocalc-feature-block:nth-child(3),.netblend-block:nth-child(3),.netblend-feature-block:nth-child(3),.s-tele-box:nth-child(3),.s-other-box:nth-child(3),.c-local-box:nth-child(3),.c-other-box:nth-child(3) {
    transition-delay:400ms;
    animation-delay:400ms
}

.block:nth-child(4),.cams-block:nth-child(4),.cams-feature-block:nth-child(4),.cams-library-block:nth-child(4),.planet-block:nth-child(4),.planet-feature-block:nth-child(4),.grtmps-block:nth-child(4),.grtmps-feature-block:nth-child(4),.comet-block:nth-child(4),.comet-feature-block:nth-child(4),.sched-block:nth-child(4),.sched-feature-block:nth-child(4),.petrocalc-block:nth-child(4),.petrocalc-feature-block:nth-child(4),.netblend-block:nth-child(4),.netblend-feature-block:nth-child(4),.s-tele-box:nth-child(4),.c-local-box:nth-child(4),.c-other-box:nth-child(4) {
    transition-delay:600ms;
    animation-delay:600ms
}

.block:nth-child(5),.cams-feature-block:nth-child(5),.planet-feature-block:nth-child(5),.grtmps-feature-block:nth-child(5),.comet-feature-block:nth-child(5),.sched-feature-block:nth-child(5),.petrocalc-feature-block:nth-child(5),.netblend-feature-block:nth-child(5),.s-tele-box:nth-child(5),.c-local-box:nth-child(5) {
    transition-delay:800ms;
    animation-delay:800ms
}

.icon,.s-icon {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:24px 16px 16px;
    height:128px;
    width:128px;
    background:#142870;
    border-radius:64px;
    box-shadow:8px 8px 16px #8e93a6,-8px -8px 16px #d6ddfa
}

.client-section h1,.p-section3 h1 {
    font-size:0;
    color:#000
}

.client-section,.au-partner-section {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    gap:80px;
    padding:80px 40px;
    margin:24px 0
}

.client-imgs,.partner-imgs {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    align-items:center;
    gap:36px;
    min-width:16pc;
    max-width:72pc
}

.client-text,.partner-text {
    display:flex;
    flex-direction:column;
    min-width:20pc;
    max-width:36pc
}

.partner-section h3,.au-hero h3,.au-hero-2 h3,.team-section h2,.team-section h3,.team-section p,.planet-hero h3,.grtmps-hero h3,.comet-hero h3,.sched-hero h3,.petrocalc-hero h3,.netblend-hero h3,.s-email h1,.s-email h2,.s-email h3,.s-other h1,.s-other h3,.c-other h1,.blog-item .news-content p,.blog-item .news-content h2,.blog-item .news-content h3,.kathy-leading .page-header a,.kathy-common .page-header a {
    color:#FFF
}

.mod-articles-item .mod-articles-item-content h3,.partner-button-con,.partner-item .contact-button,.events-common .event-article,.news-button,.news-common .news-article,.kathy-intro-text h3,.career {
    margin:0
}

.au-hero-text,.au-hero-text-2 {
    padding:0 64px;
    width:640px
}

.core-values,.events-leading .event-content,.news-leading .news-content {
    padding:48px
}

.core-values h1,.au-partner-section h1,.p-section1 p,.p-section2 p,.p-section3 p,.p-section4 p,.cams-hero h1,.cams-library h1,.cams-library h3,.s-email h1 {
    font-size:0
}

.core-block,.core-block-alt {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:32px;
    justify-content:space-around;
    align-content:space-around;
    align-items:center;
    width:100%
}

.p-section1 h2,.p-section1 h3,.planet-feature p,.grtmps-feature p,.comet-feature p,.sched-feature p,.petrocalc-feature p,.netblend-feature p {
    font-size:0;
    color:#333
}

.p-text1,.p-text3 {
    display:flex;
    flex-direction:column;
    padding:0 48px
}

.p-box1-con,.p-box3-con {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:48px;
    padding:24px 24px 0;
    margin:24px 24px 0;
    width:55%
}

.p-section2 h2,.p-section2 h3,.c-local h3 {
    font-size:0;
    color:#142870
}

.p-text2,.p-text4 {
    display:flex;
    flex-direction:column;
    padding:0 48px;
    margin-left:auto;
    text-align:right
}

.p-box2-con,.p-box4-con {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:48px;
    padding:24px 24px 0;
    margin:24px 24px 0 auto;
    width:55%
}

.p-box2,.p-box4,.netblend-feature-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#ffffffab;
    border-radius:24px;
    padding:36px;
    width:320px;
    height:240px
}

.p-button-con,.c-local-button-con {
    margin:auto 0 0
}

.cams-pitch,.planet-pitch,.grtmps-pitch,.comet-pitch,.sched-pitch,.petrocalc-pitch,.netblend-pitch {
    background-color:#142870;
    padding:96px 0
}

.cams-pitch h1,.planet-pitch h1,.grtmps-pitch h1,.comet-pitch h1,.sched-pitch h1,.petrocalc-pitch h1,.netblend-pitch h1 {
    font-size:0;
    color:#FFF;
    padding:0 16px
}

.cams-pitch-text,.planet-pitch-text,.grtmps-pitch-text,.comet-pitch-text,.sched-pitch-text,.petrocalc-pitch-text,.netblend-pitch-text {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    gap:24px
}

.cams-details,.planet-details,.grtmps-details,.comet-details,.sched-details,.netblend-details {
    width:95%
}

.cams-feature,.planet-feature,.grtmps-feature,.comet-feature,.sched-feature,.petrocalc-feature,.netblend-feature {
    background-color:#333;
    padding:80px 0
}

.cams-feature h2,.planet-feature h2,.grtmps-feature h2,.comet-feature h2,.sched-feature h2,.petrocalc-feature h2,.netblend-feature h2 {
    color:#333
}

.cams-feature-text,.cams-library-text,.planet-feature-text,.grtmps-feature-text,.comet-feature-text,.sched-feature-text,.petrocalc-feature-text,.netblend-feature-text {
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    gap:24px;
    padding:0 64px
}

.cams-icon,.planet-icon,.grtmps-icon,.comet-icon,.sched-icon,.petrocalc-icon,.netblend-icon {
    display:flex;
    justify-content:left;
    align-items:flex-start;
    padding:24px
}

.cams-library h2,.cams-library p,.partner-list h2 {
    color:#FFF;
    font-size:0
}

.cams-library-details,.news-button-con,.events-button-con,.kathy-text {
    display:flex;
    flex-direction:column;
    gap:12px
}

.planet-hero-text,.petrocalc-hero-text {
    display:flex;
    flex-direction:column;
    min-width:240px;
    max-width:640px;
    padding:96px
}

.planet-feature-block,.grtmps-feature-block,.comet-feature-block {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    gap:12px;
    background:#ffffffab;
    border-radius:24px;
    padding:36px;
    width:480px
}

.grtmps-hero-text,.comet-hero-text,.netblend-hero-text {
    display:flex;
    flex-direction:column;
    min-width:240px;
    max-width:480px;
    padding:96px
}

.grtmps-pitch h3,.comet-pitch h3,.sched-pitch h3,.petrocalc-pitch h3,.netblend-pitch h3 {
    font-size:0;
    padding:12px 120px;
    color:#FFF
}

.s-hero h1,.c-hero h1,.t-hero h1,.t-hero h3,.partner-hero h1,.partner-hero h3 {
    font-size:16pt;
    color:#00B4F0
}

.s-hero-text,.c-hero-text {
    display:flex;
    flex-direction:column;
    width:100%;
    padding:96px
}

.s-email-header,.t-course-header {
    display:flex;
    flex-direction:column;
    padding:0 48px 48px
}

.s-tele,.c-local {
    background:#142870;
    padding:96px 0
}

.s-tele-header,.c-local-header {
    display:flex;
    flex-direction:column;
    justify-content:space-around
}

.s-other {
    background-color:#FFF
}

.c-other {
    background-color:#333
}

.s-other,.c-other {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
    gap:48px;
    padding:80px 40px
}

.t-hero-text,.partner-hero-text {
    display:flex;
    flex-direction:column;
    width:33%;
    padding:96px
}

.t-course h1,.events-header h1,.news-header h1,.kathy-hero-text h1,.kathy-hero-text h3 {
    font-size:16pt
}

.events-header,.news-header {
    padding:24px 12px
}

.events-leading .item-content,.news-leading .item-content {
    flex-direction:row;
    height:400px;
    margin:12px
}

.events-common,.news-common {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}

.events-common .item-content,.news-common .item-content {
    flex-direction:column;
    height:auto;
    width:320px;
    margin:12px
}

.events-leading .item-content,.events-common .item-content,.news-leading .item-content,.news-common .item-content {
    display:flex;
    background:#333f;
    border-radius:24px
}

.events-common .event-content,.news-common .news-content {
    padding:24px;
    height:100%
}

.events-common .event-content h2,.news-common .news-content h2 {
    font-size:18pt
}

.events-common .event-content h3,.event-content p,.news-content p,.news-content li,.news-common .news-content h3 {
    font-size:12pt
}

.events-common .event-content p,.news-common .news-content p {
    font-size:10pt
}

.event-content p,.event-content h2,.event-content h3,.news-content p,.news-content h2,.news-content h3 {
    margin:0;
    color:#000
}

.event-content h2,.news-content h2 {
    font-weight:700;
    font-size:24pt
}

.event-content h3,.news-content h3 {
    font-weight:300;
    font-size:14pt
}

.event-details,.news-details {
    padding:4px 0 16px
}

.events-leading .event-article,.news-leading .news-article {
    display:flex;
    margin:0
}

.event-article,.news-article {
    margin:72px 72px 48px
}

.news-leading .news-content ul,.news-common .news-content ul {
    color:#FFF;
    margin:0
}

@media(max-width: 1500px) {
    .kathy-hero-img img {
        box-shadow:#14287080 -8px 0,#14287066 -16px 0,#1428704d -24px 0,#14287033 -32px 0,#1428701a -40px 0
    }
}

@media(max-width: 1260px) {
    .kathy-hero-text {
        width:auto
    }

    .kathy-hero-img img {
        width:375px;
        height:212px;
        box-shadow:none
    }
}

@media(max-width: 1150px) {
    #header {
        background:#ffff;
        backdrop-filter:none;
        -webkit-backdrop-filter:blur(10px)
    }

    #nav {
        flex-direction:column;
        justify-content:space-evenly;
        align-items:center;
        position:fixed;
        top:0;
        right:-50%;
        z-index:999;
        height:100%;
        width:200px;
        background-color:#FFF;
        box-shadow:-4px 0 8px #333;
        transition:.5s
    }

    #nav a {
        box-sizing:border-box;
        height:auto;
        width:100%;
        margin:0 auto;
        padding:20px 30px;
        justify-content:flex-start
    }

    #nav a:after {
        left:0;
        bottom:0
    }

    .open-sidebar-button,.close-sidebar-button {
        margin:0 auto;
        padding:10px;
        display:block;
        border-radius:100%;
        transition:box-shadow .5s
    }

    .open-sidebar-button:hover,.close-sidebar-button:hover {
        box-shadow:-2px -2px 6px #999999,2px 2px 6px #fff
    }

    #sidebar-active:checked ~ #nav {
        right:0
    }

    #sidebar-active:checked ~ #overlay {
        height:100%;
        width:100%;
        position:fixed;
        top:0;
        left:0;
        z-index:9
    }

    .core-block {
        flex-direction:column
    }

    .core-block-alt {
        flex-direction:column-reverse
    }

    .core-text {
        text-align:center
    }

    #nav a:hover:after,#nav a.selected:after,#nav span a:hover:after,#nav span.active a:after,.events-leading .event-img img,.news-leading .news-img img {
        width:100%
    }
}

@media (max-width: 980px) {
    .refine {
        width:224px;
        height:31px
    }

    .p-section1 {
        background:linear-gradient(90deg,#333 100%,#33333380 100%)
    }

    .p-section2 {
        background:linear-gradient(-90deg,#142870 100%,#14287080 100%)
    }

    .p-section3 {
        background:linear-gradient(90deg,#FFF 100%,#ffffff80 100%)
    }

    .p-section4 {
        background:linear-gradient(-90deg,#00B4F0 100%,#00b4f080 100%)
    }

    .p-text1,.p-text2,.p-text3,.p-text4 {
        text-align:center;
        padding:0 24px
    }

    .p-box1-con,.p-box2-con,.p-box3-con,.p-box4-con {
        width:100%;
        justify-content:center;
        padding:24px 0 0;
        margin:24px 0 0
    }

    .event-article,.news-article {
        margin:48px
    }

    .event-img img,.news-img img {
        width:50%;
        height:50%
    }
}

@media (max-width: 840px) {
    .page-header {
        padding:72px 36px
    }

    .main-text,.chronoforms {
        padding:12px;
        margin:24px
    }

    .main-text img {
        width:100%;
        height:100%
    }

    .main-text .divider {
        width:320px;
        height:4px
    }

    .kathy-hero {
        flex-direction:column;
        gap:24px
    }

    .kathy-hero-text {
        align-items:center;
        text-align:center
    }

    .kathy-intro-notes {
        flex-direction:column;
        align-items:center
    }

    .kathy-button {
        align-items:center
    }

    .kathy-leading .blog-item,.kathy-common .blog-item {
        width:auto
    }

    .kathy-leading img,.kathy-common img {
        display:none
    }
}

@media (max-width: 740px) {
    .client-section {
        flex-direction:column-reverse
    }

    .client-text,.partner-text {
        text-align:center;
        min-width:10pc
    }

    .cams-img {
        display:none
    }

    .events-leading .item-content,.news-leading .item-content {
        margin:12px 0;
        height:auto
    }

    .events-leading .event-content,.news-leading .news-content {
        padding:24px
    }

    .events-leading .event-img img,.news-leading .news-img img {
        height:270px;
        border-radius:24px 24px 0 0
    }

    .events-common .item-content,.news-common .item-content {
        margin:12px 0;
        width:100%
    }

    .events-common .event-img img,.news-common .news-img img {
        width:100%
    }

    .partner-section,.au-partner-section,.events-leading .event-article,.news-leading .news-article,.events-common,.news-common {
        flex-direction:column
    }

    .au-hero,.au-hero-2 {
        align-items:center;
        justify-content:center
    }

    .au-hero-text,.au-hero-text-2 {
        padding:0 16px
    }

    .events-leading .event-link,.news-leading .news-link,.news-leading .news-button-con,.events-leading .events-button-con {
        align-self:center
    }
}

@media (max-width: 680px) {
    .pitch h1 {
        padding:0
    }

    .pitch h3 {
        padding:12px 24px
    }

    .country {
        width:242px;
        height:75px
    }

    .box-section {
        padding:40px 20px
    }

    .main-text .divider,.divider {
        width:224px
    }

    #nav {
        right:-75%
    }

    .p-hero {
        background-position:20% center
    }

    .p-hero-text {
        padding:64px;
        text-align:center
    }

    .p-box1,.p-box2,.p-box3,.p-box4 {
        margin:0 24px;
        height:100%
    }

    .s-hero-text {
        padding:16px;
        align-items:center
    }

    .s-email-header {
        padding:0 24px 24px
    }

    .s-email-boxes {
        gap:16px
    }

    .s-email-box {
        margin:16px
    }

    .s-other-box {
        overflow-wrap:anywhere;
        height:100%
    }

    .t-hero-text,.partner-hero-text,.c-hero-text {
        padding:16px;
        align-items:center;
        text-align:center;
        width:100%
    }

    .t-course-details {
        flex-direction:column
    }

    .t-button-con {
        align-self:center;
        align-items:center;
        gap:8px;
        text-align:center
    }

    .partner-item {
        align-items:center
    }

    .partner-item h2 {
        text-align:center
    }

    .c-hero {
        background-position:25% center
    }

    .c-other-box {
        flex-direction:column;
        padding:24px;
        width:auto;
        height:auto
    }

    .c-other-button-con,.c-other-button-con p {
        margin:auto
    }

    .planet-hero-text,.grtmps-hero-text,.comet-hero-text,.petrocalc-hero-text,.sched-hero-text,.netblend-hero-text {
        padding:48px
    }

    .cams-hero-text {
        padding:0 48px 48px
    }

    .planet-pitch h3,.grtmps-pitch h3,.cams-pitch h3,.comet-pitch h3,.petrocalc-pitch h3,.sched-pitch h3,.netblend-pitch h3 {
        padding:12px 32px
    }

    .cams-library {
        padding:48px 0
    }

    .event-img img,.news-img img {
        width:67%;
        height:67%
    }

    .team-header,.t-course-text {
        width:100%
    }

    .s-hero,.t-hero,.partner-hero,.c-hero {
        padding:36px 0
    }

    .planet-block,.grtmps-block,.cams-block,.comet-block,.petrocalc-block,.sched-block,.netblend-block,.planet-feature-block,.grtmps-feature-block,.cams-feature-block,.comet-feature-block,.petrocalc-feature-block,.sched-feature-block,.netblend-feature-block {
        height:100%
    }

    .planet-feature-text,.grtmps-feature-text,.cams-feature-text,.comet-feature-text,.petrocalc-feature-text,.sched-feature-text,.netblend-feature-text,.cams-library-text {
        padding:0 36px
    }
}

@media (max-width: 520px) {
    .kathy-hero-img img {
        width:250px;
        height:141px
    }
}

@media (max-width: 440px) {
    .mod-articles-item .mod-articles-title {
        padding:8px 8px 8px 0
    }

    .mod-articles-item .mod-articles-item-content img {
        width:36px
    }

    .pitch {
        padding:80px 20px
    }

    .icon-boxes {
        padding:8px 6px 0;
        margin:16px 12px 0
    }

    .box-section {
        padding:40px 10px
    }

    .au-hero,.au-hero-2 {
        height:auto
    }

    .core-values {
        padding:48px 24px
    }

    .team-section {
        padding:64px 16px
    }

    .team-aspect {
        width:auto
    }

    .planet-feature-text,.grtmps-feature-text,.cams-feature-text,.comet-feature-text,.petrocalc-feature-text,.sched-feature-text,.netblend-feature-text {
        padding:0 18px
    }

    .planet-feature-boxes,.grtmps-feature-boxes,.cams-feature-boxes,.comet-feature-boxes,.petrocalc-pitch-boxes,.petrocalc-feature-boxes,.sched-feature-boxes,.netblend-feature-boxes {
        padding:16px 8px 0;
        margin:32px 16px 0
    }

    .netblend-button-con {
        flex-direction:column
    }

    .t-course-header {
        padding:0 24px 24px
    }

    .partner-list {
        gap:24px;
        padding:12px;
        margin:12px
    }

    .partner-icon-img {
        padding:12px
    }

    .iog {
        width:192px;
        height:77px
    }

    .events-header,.news-header {
        padding:36px 0;
        text-align:center
    }

    .event-img img,.news-img img {
        width:100%;
        height:100%
    }

    .blog {
        padding:12px 24px;
        margin:0
    }
}

div#header #search,div#header div.search {
    display:block;
    float:right;
    width:163px;
    height:27px;
    margin-right:12px
}

div#header #search input.keyword,div#header div.search input#mod-search-searchword {
    background:#fff;
    width:130px;
    height:25px;
    border:0;
    padding:0 12px;
    color:#999;
    float:left;
    line-height:27px
}

div.mod_search80 input[type="search"] {
    width:130px!important
}

div#header #search input.button,div#header div.search input.button,div#header div.search button {
    float:right
}

div.search button {
    background:transparent url(../images/search.jpg) 0 0 no-repeat;
    width:28px;
    height:25px;
    border:1px solid #FFF;
    cursor:pointer
}

ul.actions {
    list-style-type:none;
    list-style-image:none;
    padding-left:0;
    margin:0;
    text-align:right
}

ul.actions li {
    display:inline
}

#lang-bkt {
    width:155px;
    float:right
}

#lang-bkt a:hover {
    text-decoration:none
}

#slideshow-stage {
    height:330px;
    width:982px
}

.pagination {
    margin:10px 0;
    padding:10px 0;
    clear:both
}

.pagination .counter {
    font-weight:700
}

.pagination ul {
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left
}

.pagination li {
    display:inline;
    padding:2px 5px;
    text-align:left;
    border:solid 1px #999;
    margin:0 2px
}

.pagination .pagenav {
    padding:2px
}

.pagination li.pagination-start,.pagination li.pagination-next,.pagination li.pagination-end,.pagination li.pagination-prev {
    border:0
}

.pagination li.pagination-start,.pagination li.pagination-start span {
    padding:0
}

div.cfdiv_radio,div.cfdiv_checkbox {
    float:left
}