@font-face {
    font-family: 'museo500';
    src: url('../assets/fonts/exljbris_-_museo-500-webfont.eot');
    src: url('../assets/fonts/exljbris_-_museo-500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/exljbris_-_museo-500-webfont.woff2') format('woff2'),
         url('../assets/fonts/exljbris_-_museo-500-webfont.woff') format('woff'),
         url('../assets/fonts/exljbris_-_museo-500-webfont.ttf') format('truetype'),
         url('../assets/fonts/exljbris_-_museo-500-webfont.svg#museo500') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../assets/fonts/RobotoSlab.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: 400;
    src: local('Helvetica'), url('../assets/fonts/Helvetica.woff') format('woff');
}

@import url("typekit-museo-sans.min.css");
body {
  font-size:.875em;
  color:#454545;
  font-family:museo-sans,sans-serif;
  font-weight:100;
  font-style:normal;
  letter-spacing:.04em;
}

body .row-main-content img {
    display: inline;
}

body .row-main-content ol {
    list-style: decimal;
    margin-bottom: 1rem;
    padding: 0;
    padding-left: 2.5rem;
}

body main {
    min-height: calc(100vh - 30px - 120px - 292px);
}

body.bkg-fp {
    background-image: url('../images/main-background-fp.png');
    background-repeat: repeat;
}

body.bkg-np {
    background-image: url('../images/main-background.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-attachment: fixed;
}

body {
    padding-top: 86px;
}

body.front-page {
    padding-top: 150px;
}

body header div.custom img#inventure_technologies_logo {
    height: 48px;
    width: 126px;
}

body.front-page header div.custom img#inventure_technologies_logo {
    height: 80px;
    width: 205px;
}


body header div.fixed-top.dots {
    height: 12px;
    background-image: url('../images/top-dots-12x5.png');
    background-repeat: repeat-x;
    background-position: top;
}

body.front-page header div.fixed-top.dots {
    height: 30px;
    background-image: url('../images/top-dots-30x5.png');
    background-repeat: repeat-x;
    background-position: top;
}

.fixed-top-nav {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

body header nav.fixed-top-nav {
    top: 12px;
    padding: 8px 40px 8px 50px;
}

body.front-page header nav.fixed-top-nav {
    top: 30px;
    padding: 15px 40px 15px 55px;
}

#navbarCollapse {
    border-bottom: 1px solid #c6134f;
}

.navbar-nav > li.current.active, .navbar-nav > li.active.parent {
    border-bottom: 3px solid #c6134f;
}

.navbar-nav > li > a{
    color: #000000;
    font-family: 'museo500';
}

.navbar-nav > li > a:hover{
    color: #666666;
    text-decoration: none;
}

.navbar-nav > li {
    margin: 0 20px;
}

.navbar-dark .navbar-toggler {
    color: rgba(198,20,78,1);
    border-color: rgba(198,20,78,1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(198, 20, 78, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.bg-nav-inventure-technologies {
    background-color: #ffffff;
}

a#rbit360-platform:hover {
    text-decoration: none;
}

a.rbit360-font {
    font-family: 'museo500';
    font-size: 1em;
    letter-spacing: 0.1em;
}

span.rbit360-fc-red {
    color: #c6134f;
}

span.rbit360-fc-blue {
    color: #209ebc;
}

#frontpage-wrapper {
    background-image: url('../images/demming-bkg.png');
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
}

.hero-home {
    height: 776px;
    background: url('../images/storage-tanks.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding-top: 5%;
}

.hero-bottom-element {
    content: "";
    position: absolute;
    bottom: 0;
    min-height: 268px;
    width: 100%;
    background: url('../images/hero-bottom-element.svg');
    background-repeat: no-repeat;
    background-size: cover;
}

.hero {
    height: 475px;
}

.frontpage-content {
    position: relative;
    top: -297px;
    margin-bottom: calc(-297px + 70px);
}

.training-container .card,
.training-container .course-card {
    min-height: 945px;
}

.software-container .card {
    border-radius: 0;
    border: none;
    min-height: 660px;
}

.software-container .card-img-border,
.training-container .card-img-border {
    border: 12px solid #ffffff;
}

.training-container .card-header,
.training-container .card-footer {
    background-color: inherit;
    border-top: inherit;
    border-bottom: inherit;
}

.software-container .card-body h2,
.training-container .card-body h2,
.training-container .card-header h2 {
    color: #c6134f;
    font-family: 'museo500';
    font-size: 2.5em;
    padding-bottom: 15px;
    margin: 0;
    border-bottom: 1px solid #c6134f;
}

.training-container .card-header h2 {
    padding-top: calc(15px + 1.25rem);
}

.training-container .card-header p.card-subtitle {
    margin-top: 0.5rem;
}

.training-container .card-body h3 {
    font-family: 'museo500';
    color: inherit;
    min-width: 100%;
    padding: inherit;
    border-bottom: none;
}

.training-container .card-body  h3 {
    font-size: 1em;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.training-container .card-body p{
    margin: 0;
    margin-bottom: 0.5rem;
}

.text-red-500 {
    color: rgb(239,68,68);
}

.bg-green-50 {
    background-color: rgb(240,253,244);
}

.text-green-500 {
    color: rgb(34,197,94);
}

.text-green-700 {
    color: rgb(21,128,61);
}

.bg-blue-50 {
    background-color: rgb(239,246,255);
}

.text-blue-700 {
    color: rgb(29,78,216);
}

.text-blue-500 {
    color: rgb(59,130,246);
}

.text-orange-500 {
    color: rgb(249,115,22);
}

.text-yellow-500 {
    color: rgb(234,179,8);
}

.text-purple-500 {
    color: rgb(168,85,247);
}

.text-teal-500 {
    color: rgb(20,184,166);
}

.w-4 {
    width: 1rem;
}

.h-4 {
    height: 1rem;
}

.training-container .square-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.training-container .ratio-container {
    position: relative;
    width: 100%;
    padding-bottom: 83.8382%;
}

.training-container .square-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.training-container .square-content img {
    object-fit: contain;
}

.training-container .card-body .module-list,
.training-container .card-body .highlight-list {
    list-style: none;
    padding: 0;
}

.card-body h5 {
    color: #c6134f;
    font-family: 'museo500';
    font-size: 2.5em;
    padding-bottom: 15px;
    margin: 0 10px;
    border-bottom: 1px solid #c6134f;
}

.card-body p {
    margin: 20px 10px 0 10px;
    font-size: 1em;
}

h1 {
   font-family: 'museo500';
   color: #c6134f;
   display:inline-block;
   padding: 0 50px 15px 0;
   border-bottom: 1px solid #c6134f;
}

.row-main-content h1 {
    font-size: 2.7em;
    margin-bottom: 20px;
}

h1.job-offer {
   font-family: 'museo500';
   font-size: 2em;
}

h2 {
   font-family: 'museo500';
   color: #c6134f;
}

.row-main-content h2 {
    font-size: 1.9em;
    margin-bottom: 20px;
}

h2.job-offer {
   font-size: 2.7em;
}

h3 {
   font-family: 'museo500';
   color: #c6134f;
   min-width: 100%;
   padding: 0 50px 15px 0;
   border-bottom: 1px solid #c6134f;
}

.row-main-content h3 {
    font-size: 1.5em;
    margin-bottom: 0.5rem;
}

h3.job-offer {
   font-size: 1.3em;
}

h1.job-offer, h2.job-offer, h3.job-offer {
    border-bottom: none;
}

.row-main-content p {
    margin-bottom: 0.5rem;
}

.readmore, .sign-up, .backtotop {
    bottom: 0;
    font-family: 'museo500';
    font-size: 1em;
}

.readmore-card {
    position: absolute;
    margin: 0 10px 15px 10px;
    font-size: 1.3em;
}

.readmore a, .sign-up a, .backtotop a {
    color: #c6134f;
}

.breadcrumbs > span {
    color: #c6134f;
}

a.pathway {
    color: #c6c6c6;
}

.breadcrumbs {
    font-family: 'museo500';
    font-size: 1em;
}

.get-in-touch {
    background-image: url('../images/get_in_touch.svg');
    background-position: left;
    height: 187px;
    width: 275px;
    background-repeat: no-repeat;
}

.call-to-action {
    list-style-type: none;
    margin: 50px 0 0 0;
    padding: 0;
    font-family: 'museo500';
    font-size: 1.3em;
}

.implementation-asset-integrity-list li,
.implementation-asset-integrity-list-continue li,
.integrity-management-handbook-elements-list li,
.equipment-model-list li,
.integrity-training-list li,
#tankstorage-market-segment-list li,
#asset-integrity-management-service-list li {
    margin: 7px 0;
}

.footer {
    content: "";
    position: relative;
    left: 0;
    min-height: 267px;
    width: 100%;
    background: url('../images/footer.svg') top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-content {
    max-width: 1160px;
    margin: 0 auto;
    color: #ffffff;
}

.footer-content-top {
    margin-top: 70px;
}

.footer-content-copyright {
    margin-top: 20px;
    padding-top: 5px;
    border-top: 2px solid #d85c85;;
}

.footer-content ul.company-naw {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: 'museo500';
    font-size: 1em;
}

.footer-content ul.company-naw a {
    color: #ffffff;
}

.footer h3 {
    color: #ffffff;
    font-size: .9em;
    margin-bottom: 0;
    padding-bottom: 0;
}

.nav.menu.footermenu {
    display: block;
}

.nav.menu.footermenu .footer-menu {
    font-family: 'museo500';
    font-size: 1.0em;
}

.nav.menu.footermenu .footer-sub-menu {
    margin-left: 10px;
}

.footermenu li a {
    color: #ffffff;
    font-size: .9em;
}

.footermenu li a:hover {
    color: #f8f8f8;
}

.error-404 {
    color: #c6134f;
    font-family: 'museo500';
    font-size: 5em;
}

.row-main-content.error {
    min-height: 490px;
}

/*CLOCK*/

.world-clock-container, .contact-contactinfo, .rbit360-software {
    max-width: 968px;
    margin: 70px auto 0 auto;
}

.world-clock-container h2 {
    font-family: 'museo500';
    font-size: 2.5em;
    color: #c6134f;
    margin-bottom: 25px;
}

.badge-rbit360 {
    color: #ffffff;
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    padding: 4px;
    font-family: 'museo500';
    font-size: 0.55em;
    margin-bottom: 2px;
}

.rbit360-software .card {
    background-color: transparent;
    min-height: 585px;
}

.rbit360-software .card-img-border {
    border: none;
}

.rbit360-software p.card-text {
    font-size: 1em;
}


.world-clock-container .card .card-body, .contact-contactinfo .card .card-body {
    text-align: center;
}

.badge-clock {
    background-color: #ffffff;
    min-width: 170px;
    padding: .5em 1em;
}

.badge-contact {
    background-color: #f8f8f8;
    min-width: 170px;
    padding: .5em 1em;
}

.world-clock-container .card {
    background-color: transparent;
    border: none;
    height: 295px;
    border-radius: 0;
}

.contact-contactinfo .card {
    background-color: transparent;
    border: none;
    height: 295px;
    border-radius: 0;
}

.world-clock-container .card .card-body h5, .contact-contactinfo .card .card-body h5 {
    border: none;
    color: #000000;
    font-size: 1.2em;
    margin: 0;
}

.world-clock-container .card .card-body p {
    margin-top: 0;
}

.world-clock-container .card .card-body ul, .contact-contactinfo .card .card-body ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.expected {
    color: #999999;
}

.contact-address {
    min-height: 85px;
}
.jcgmt-container {
    float:left;
    width:151px;
/*    height:151px;*/
    padding: 3px;
    margin: 0 auto;
}
.jcgmt-container .jcgmt-lbl {
    font-size:10px;
    color: #333333;
    line-height: 22px;
/*    background: url(../images/jcgmt-clock_label.png) no-repeat;*/
    text-align: center;
    padding-bottom: 5px;
    width: 108px;
    margin: 0 auto;
}
.jcgmt-clockHolder {
    width:151px;
    margin:0 auto;
    position:relative;
    overflow: hidden;
}
.jcgmt-sec,
.jcgmt-min,
.jcgmt-hour {
    display:block;
    position:absolute;
}

.jcgmt-rotatingWrapper {
    position:absolute;
    width:151px;
    height:151px;
}

.jcgmt-digital,
.jcgmt-date {
    font-weight:bold;
    font-size: 12px;
    color: #444444;
    text-align:center;
    margin-left:8px;
}

/*END CLOCK*/

.banner {
    height: 173px;
    padding-left: 30px;
    background-color: rgba(255, 255, 255, 0.6);
}

.banner h1 {
    font-size: 2.7em;
    border-bottom: 0;
    margin-top: 15px;
    margin-bottom: 5px;
}

.banner a {
    text-decoration: none;
    color: #c6134f;
}

.banner a:hover {
    text-decoration: none;
    color: #209ebc;
}

@media only screen and (min-width : 1200px) {
    .container {
	max-width: 1440px;
    }

    .hero-home {
       height: 776px;
    }

    body.front-page header nav div#navbarCollapse .navbar-nav > li > a {
        font-size: 1.5em;
    }

    body header nav div#navbarCollapse .navbar-nav > li > a {
        font-size: 1.3em;
    }

    .hero-home .col-md-5,
    .hero-home .col-lg-5,.hero-home .col-xl-5 {
        left: 10%;
    }

}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .hero-home {
       height: 576px;
    }

    body.front-page header nav div#navbarCollapse .navbar-nav > li > a,
    body header nav div#navbarCollapse .navbar-nav > li > a {
        font-size: 0.9em;
    }

    .card-body p {
        font-size: 1em;
    }

    .banner h1 {
        font-size: 1.9em;
    }

    .hero-home .col-md-5,
    .hero-home .col-lg-5,.hero-home .col-xl-5 {
        left: 10%;
    }

}

@media only screen and (max-width: 992px) and (min-width: 768px) {
    body.front-page header nav div#navbarCollapse .navbar-nav > li > a,
    body header nav div#navbarCollapse .navbar-nav > li > a {
        font-size: .6em;
    }

    .navbar-nav > li {
        margin: 0 10px;
    }

    .card-body p {
        font-size: 0.85em;
    }

    .hero-home {
        padding-top: 2%;
    }

    .banner {
        height: 140px;
    }

    .banner h1 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 992px) {
    .hero-home {
       height: 476px;
    }

    .software-container .card-body h2 {
        font-size: 1.4em
    }

    h2 {
        margin-top: 20px;
    }

    .hero-home .col-md-5, .hero-home .col-lg-5,.hero-home .col-xl-5 {
        left: 10%;
    }
}

@media only screen and (max-width : 768px) {
    .software-container .card {
        margin-bottom: 10px;
    }

    .world-clock-container h2 {
        font-size: 2.0em;
    }

    .hero-home {
       height: 576px;
    }

    .software-container .card-body h2 {
        font-size: 2.5em
    }

    .banner {
        left: 0%;
    }

    .hero-home .col-md-5, .hero-home .col-lg-5,.hero-home .col-xl-5 {
        left: 0%;
    }

    ul.navbar-nav {
        margin-top: 20px;
    }

    ul.navbar-nav li {
        margin-top: 15px;
    }

    .badge-rbit360 {
        margin: 15px 0 20px 20px;
        padding: 10px;
    }

}

@media only screen and (max-width : 576px) {
    .fixed-top-nav-t30 {
        padding: 15px 0px 15px 15px;
    }

    .navbar-dark .navbar-toggler {
        margin-right: 15px;
    }

    .banner {
        height: 127px;
    }

    .banner h1 {
        font-size: 1.6em;
    }

    .banner {
        height: 140px;
    }

    h1 {
        font-size: 2em;
    }

    .hero {
        height: 250px;
    }

    .world-clock-container .card {
        margin-bottom: 35px;
    }
}