body {
  font-family:'Rubik';
  background:#f8f8f8;
  font-size:16px;
  color:#0e2337;
  font-weight:300;
}


/*USER TO ADJUST SCROLL POISITION FOR #LINKS to take into account the header depth*/
.videoAnchor, .pricingAnchor, .toolsAnchor, .featuresAnchor {
  display: block;
  position: relative;
  top: -150px;
  visibility: hidden;
}

.container-fluid {
  width:900px;
}
.header {
  background:#0e2337;
  padding:25px 0;
  position: sticky;
  top: 0;
  z-index: 999999;
}
.header .logo img {
  width:200px;
}
.header .nav, .header .nav li {
  list-style:none;
  padding:0;
  margin:0;
}
.header .nav li {
  display:inline-block;
  margin:10px 58px;
}
.header .nav li a {
  color:#f5a627;
  font-weight:400;
}

.navyBtn {
  display: inline-block;
  padding: 10px 25px;
  background: #0e2337;
  color: white;
  text-align:center;
  font-size:20px;
}
.orangeBtn {
  display: inline-block;
  padding: 10px 25px;
  background: #f5a627;
  color: white;
  text-align:center;
  font-size:20px;
}
.navyBtn:hover, .orangeBtn:hover {
  color:white;
  text-decoration:none;
}
.navyBtn.stretch, .orangeBtn.stretch {
  display:block;
}
.navyBtn.stretch.half, .orangeBtn.stretch.half {
  width:95%;
  margin:0 auto;
}

.container-block {
  max-width:1024px;
  margin:0 auto;
}

.hero-section, .assess-section, .video-section, .features-section, .expertise-section, .tools-section, .pricing-section {
  padding:90px 0;
  padding-bottom:110px;
}
.hero-section {
  padding:75px 0;
}
.basic-page-section {
  padding:60px 0;
}
.basic-page-section p {
  margin: 20px 0;
}
.hero-section img {
  position:relative;
  top: -72px;
  margin-bottom: -72px;
}

#mobileAssessSection, #mobileExpertiseSection {
  display:none;
}

.assess-section {
  background:#0e2337;
  color:#fff;
}
.video-section {
  background:#f5a627;
}
.expertise-section {
  background:#0e2337;
  color:#fff;
}
.expertise-section h3 {
  font-weight:300;
}
.features-section {
  padding:60px 0;
  background: #f8f8f8;
}
.tools-section {
  background:#f5a627;
}

/*
.full-height {
  height:100vh;
}
*/


.hero-section h1 {
  font-size:68px;
  margin-bottom:25px;
  margin-top:20px;
}
.hero-section h1 span, .assess-section h2 span, .expertise-section h2 span {
  color:#f5a627;
}
.video-section h2 span, .tools-section h2 span {
  color:#fff;
}
.hero-section .subtitle {
  font-size: 30px;
  margin-bottom:20px;
  line-height:37px;
}
.hero-section .orangeBtn {
  margin-bottom:20px;
}
.hero-section .paymentInfo {
  font-size:24px;
  margin-top:20px;
}

.features-box {
  margin:50px 0;
}
.features-box img {
  width:65%;
}
.features-box h4 {
  margin-bottom:0;
  padding-bottom:0;
  margin-top:10px;
  font-size:23px;
  font-weight:300;
}
.features-box .title-section {
  display:block;
  padding:10px;
  margin-bottom:10px;
}
.features-box .caption {
  padding: 0 5px;
  font-size: 20px;
}

.assess-section .subtitle {
  font-size: 30px;
  margin-bottom:20px;
  margin-top:25px;
  width:85%;
  line-height:37px;
  color:#f5a627;
}
.assess-section .text p {
  margin:20px 0;
}

.video-section iframe {
  margin:40px 0 50px;
}

h1, h2 {
  font-size:60px;
  font-weight:bold;
}

h3 {
  font-size: 22px;
}

.tools-list {
  margin:40px 0;
}
.tools-list img {
  width:100%;
  top: -30px;
}

img#img1, img#img2, img#img4 {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(87deg) brightness(1000%) contrast(1000%);
}

.tools-list h4, .tools-section h3 {
  color:white;
  font-size:33px;
  margin-bottom:15px;
  margin-top: 15px;
  font-weight:300;
}
.tools-list .text {
  font-size:20px;
}
.tools-section .subtitle {
  font-size:20px;
  width:90%;
  margin:0 auto;
  padding-bottom:60px;
}
.tools-section h2 {
  margin:0 auto;
  width:85%;
}

.expertise-section .orangeBtn.stretch.half {
  margin-top:30px;
  margin-bottom:50px;
  display:block;
}
.expertise-section h2 {
  margin-bottom:25px;
  font-size: 56px;
}

.expertise-section img {
  margin-top: 50px;
}
.expertise-section .main-text p {
  margin:20px 0;
}
.expertise-section .subtitle {
  font-size: 21px;
  font-weight:500;
}
.expertise-section .subtitle strong {
  text-decoration:underline;
  color:#f5a627;
}

.pricing-section h2 {
  font-size:50px;
}
.pricing-section h2.bottom {
  width: 100%;
  font-size: 30px;
  font-weight:300;
  margin: auto;
  line-height: 37px;
}
.pricing-section .subtitle {
  font-size:30px;
  margin-top:15px;
  margin-bottom:30px;
  line-height:37px;
}


.pricing-half .pricing-box {
  padding:25px 15px;
  margin:35px 0;
}
.pricing-half .pricing-box .top-section {
  display:block;
  overflow:hidden;
  clear:both;
}
.pricing-half .pricing-box .thumbnail-image {
  width:21%;
  margin-right:5%;
  float:left;
}
.pricing-half .pricing-box .thumbnail-image img {
  height:59px;
}
.pricing-half .pricing-box .title-section {
  width:74%;
  float:left;
  text-align:left;
  padding:10px 0;
  padding-top:5px;
}
.pricing-half .pricing-box .title-section h4 {
  font-size:24px;
  padding-bottom:0;
  margin-bottom:0;
  font-weight:normal;
}
.pricing-half .pricing-box.riskul-teams .title-section h4, .pricing-half .pricing-box.riskul-teams .title-section .users {
  color:#0e2337;
}
.pricing-half .pricing-box .title-section .users {
  font-size: 23px;
  line-height: 32px;
}
.pricing-half .pricing-box .subtitle-text {
  width:100%;
  display:block;
  clear:both;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  margin: 30px auto;
  min-height:50px;
}
.pricing-half .pricing-box .pricingInfo {
  margin-top:35px;
  display:block;
}
.pricing-half .pricing-box .box {
  width: 44%;
  margin: 0 3%;
  background: orange;
  float: left;
  padding:15px 5px;
  height:118px;
  line-height:17px;
}
.new .pricing-half .pricing-box .box {
  height:80px;
  padding:10px 5px;
}
.pricing-half .pricing-box .box .pricing {
  display:block;
  display: block;
  font-size: 14px;
  margin-bottom: 3px;
}
.pricing-half .pricing-box .box .pricing strong {
  font-size:21px;
}
.pricing-half .pricing-box .box .pricing span {
    color: red;
}
.pricing-half .pricing-box .box span.type {
  font-size: 11px;
  line-height: 11px;
}
.pricing-half .pricing-box .savings {
  padding: 25px 0;
  display: block;
  clear: both;
  font-size: 12px;
  font-weight: 500;
}
.pricing-half .pricing-box .savings span {
  font-size: 19px;
}
.pricing-half .pricing-box .taxes-message {
  margin-top: 15px;
  font-size: 11px;
}
.pricing-full .pricing-box.riskul-enterprise .taxes-message {
  display:none;
}

.pricing-full .pricing-box {
  padding:30px;
  text-align:left;
  overflow:hidden;
}
.pricing-full .pricing-box .top-section {
  float:left;
  width:45%;
  margin-right:10%;
}
.pricing-full .pricing-box .top-section .thumbnail-image {
  margin-bottom:20px;
}
.pricing-full .pricing-box .top-section .thumbnail-image img {
  width:100%;
}
.pricing-full .pricing-box .main-section {
  float:right;
  width:45%;
}
.pricing-full .pricing-box .title-section h4 {
  font-size:34px;
  padding-bottom:0;
  margin-bottom:0;
}
.pricing-full .pricing-box .title-section .users {
  font-size: 26px;
  line-height: 32px;
}
.pricing-full .pricing-box .subtitle-text {
  font-size: 18px;
  margin-top: 13px;
  margin-bottom: 60px;
}
.pricing-full .pricing-box .navyBtn {
  padding:20px 10px;
}

.large-img-responsive {
  width:100%;
}

.sign-up h1 {
  font-size: 37px;
  margin-bottom: 35px;
  margin-top: 35px;
}
.sign-up h2 {
  font-size:22px;
  margin-top:50px;
}
.sign-up h2 strong {
  font-weight:500;
  color:#efa623;
}
.sign-up .bottom-text {
  font-weight:500;
  font-size:16px;
  margin-top:25px;
}
.sign-up p {
  width:70%;
  margin:0 auto;
}
.sign-up .sign-up-form {
  width: 70%;
  margin: auto;
  background: #ddd;
  padding: 25px;
  margin-top:30px;
}
.sign-up .sign-up-form .terms-message {
  font-size:13px;
  text-align:center;
  margin-top:15px;
}
.sign-up .sign-up-form .terms-message a {
  color: black;
  text-decoration: underline;
}
.sign-up .sign-up-form input, .sign-up .sign-up-form select {
  background:#0b2238;
  width:100%;
  display:block;
  padding:10px 15px;
  border:none;
  outline:none;
  color:#efa623;
  margin:8px 0;
}
.sign-up .sign-up-form select {
  padding:12px 15px;
}
.sign-up .sign-up-form input::placeholder {
  color:#efa623;
}
.freeTrialBtn {
  background:#efa623;
  color:white;
  font-size:27px;
  padding:15px 20px;
  outline:none;
  border:none;
  font-weight:500;
  margin-top:30px;
}

.error-message {
  width: 70%;
  background: red;
  padding: 9px 15px;
  /* color: white; */
  margin: 12px auto;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.success-message {
  width: 70%;
  background: red;
  padding: 9px 15px;
  /* color: white; */
  margin: 12px auto;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.footer {
  text-align: center;
  font-size: 15px;
  padding-top:70px;
  color:#fff;
  background:#0e2337;
  padding-bottom: 70px;
}
.footer a {
  color:#fff;
}