p, h3, h6{
    color: rgb(21, 25, 110);
}
p {
    font-weight: 400;
}
ul li, ol li {
    color: rgb(21, 25, 110) !important;
}
img {
    max-width: 100%;
    border-radius: 0;
}

hr.line-success {
    background-color: #42c1ff;
}

.work-at-rpco{
  opacity: 1;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.5;
}

h3{
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
}

h4{
    font-family: "Poppins", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
}

.openings a:hover{
  background-color: #161A6E;
  color: #FFFFFF !important;
}

.openings a:focus {
    color: #161A6E;
}

.info .info-title {
    color: rgb(21, 25, 110);
    margin: 1.75rem 0 0.875rem;
}
.info p {
    color: rgb(21, 25, 110);
  }
.navbar-transparent .navbar-toggler-bar{
  background-color: #ffffff !important;
  box-shadow: 1px 1px 2px #999999 !important;
}
.navbar-toggler-bar{
  background-color: #161A6E !important;
  box-shadow: none !important;
}
.job{
  margin-top:20px;
}

.job h4{
  color: #42C1FF;
  margin-bottom: 0;
}

.bg-info {
    background-color: #15196e !important;
}
.bg-default {
    background-color: #42c1ff !important;
}
.index-page .page-header {
    margin-bottom: 100px;
}

.bg-danger {
    background-color: #4B12A7 !important;
}
.icon.icon-success {
    color: #42c1ff;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p, h1, h2, h3, h4, h5, h6 {
    color:  rgb(21, 25, 110);
}
.profile-title {
    position: relative;
    top: 20px;
    left: 0px;
    font-size: 1.5em;
}
.text-on-back {
    position: relative;
    z-index: 1;
    font-size: 5.5em;
    margin-left: -4px;
    font-weight: 900;
    color: hsla(200, 100%, 63%, 0.4)!important;
}

.team-mate{
    text-align: center;
}

.loader{
  width: 1px;
  height: 100%;
  left: 0
  top:0;
  position: absolute;
  background-color: #161A6E;
}
.navbar .navbar-brand {
    position: relative;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    color: #161A6E;
    text-transform: capitalize;
    font-size: 1rem;
}
.page-header {
    min-height: 50vh;
}
.index-page .page-header {
    height: 60vh;
    background-image: url("../img/5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.page-header .content-center.brand {
    width: 100%;
}
.index-page .page-header .container>.content-center.brand .h1-seo{
    color: #161A6E;
    font-weight: 600;
    text-transform: capitalize;
}

 .index-page .page-header .container>.content-center.brand h3{
  color: #161A6E;
  font-weight: 300;
  text-transform: capitalize;
  padding-right: 20px;
  font-size: 1rem;
}

.h1-seo{
  font-size: 6rem;
}

.h2-seo{
  font-size: 3.5rem;
}

.subscribe{
  margin-bottom: 50px;
  margin-top: 50px;
}

.index-page .page-header .container>.content-center.brand .h1-seo, .index-page .page-header .container>.content-center.brand h3 {
    text-transform: capitalize;
    text-align: center;
}

ul li, ol li {
    color: #161A6E;
}

.navbar {
    padding: 0.9375rem;
    width: 100%;
    top:-200px;
    z-index: 1050;
    background: #FFFFFF;
}
.navbar-nav li {
    padding: 0 5px !important;
}
.navbar .navbar-nav .nav-item .nav-link {
    background-color: transparent;
    color: #42c1ff;
    border-radius: 5px;
}
.nav-link a {
    color: #ffffff !important;
}

.nav-link:hover {
    color: #ffffff !important;
    cursor:pointer;
}
/*.navbar-transparent .nav-link {
  color: #161A6E !important;
}*/
a {
    color: #42c1ff;
    font-weight: 300;
}
a:hover {
    color: #161A6E !important;
}
.navbar-transparent .nav-link {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px #999999;
    font-weight: 600;
}
.navbar-transparent .nav-link:hover {
    color:#42c1ff !important;
    text-shadow: none;
}
.navbar-nav li i {
    padding-right: 0px;
}
.blocks{
  width: 500px;
  height: 600px;
  position: absolute;
  right: 0;
  top: -600;
  background-color:#161A6E;
  z-index: -2000;
}

.hide-start{
  display: none;
  top: 1000px
}

.real h1; .real h3{
  opacity: 0;
}
a:hover, a:focus {
    color: #ffffff;
}
.rpco-btn {
    background-color: #FFFFFF;
    color: #161A6E;
    padding: 15px 30px;
    cursor: pointer;
    font-weight: 500;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}
.start{}
.next{}
.return-back{}

.footer {
    padding: 50px 0;
    border-top: 2px solid #435DB5;
    background: radial-gradient(ellipse at bottom, #161A6E 30%, #161A6E 80%);
}

@media screen and (max-width: 1280px){
  .imageBG01, .imageBG02, .imageBG03, .imageBG04, .imageBG05, .imageBG06  {
    right: -15px;
    width: 500px;
    height: auto;
  }
}

@media screen and (max-width: 1080px){
  .h1-seo {
    font-size: 5rem;
  }
}

@media screen and (max-width: 768px){
  .imageBG01, .imageBG02, .imageBG03, .imageBG04, .imageBG05, .imageBG06 {
    right: -15px;
    width: 300px;
    height: auto;
  }
  .blocks {
    width: 380px;
    height: 320px;
    position: absolute;
    right: 0;
    top: -600;
    background-color: #161A6E;
    z-index: -2000;
  }
  .index-page .page-header {
    margin-bottom: 20px;
  }
  .align-self-center{
    padding-top: 240px;
  }
}

@media screen and (max-width: 600px) and (min-width: 360px){
  body {
    overflow-x: hidden !important;
    max-width: 100% !important;
  }
  .profile-title {
    top: 20px;
}
  .navbar.navbar-transparent {
    background: #fff !important;
    padding-top: 25px;
  }
  .h1-seo {
    font-size: 2rem;
  }
  .index-page .page-header .container>.content-center.brand h3 {
      font-size: .8rem;
  }
  .imageBG01, .imageBG02, .imageBG03, .imageBG04, .imageBG05, .imageBG06  {
    right: 0px;
    margin-top:35px;
    width: 200px;
    height: auto;
  }
  .index-page .page-header {
    height: 72vh;
  }
  .page-header {
    min-height: auto;
    max-height: auto;
  }
  .page-header .content-center {
    top: 60%;
    left: 50%;
  }
  .blocks {
    width: 250px;
    height: 300px;
    right: -80px;
    top: 50px;
  }
  .h2-seo {
    font-size: 1.5rem;
  }
  .jd-pic{
    display: none;
  }
}

.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #161A6E  !important;
}

.form-control {
    border-color: transparent;
    border-radius: 0.4285rem;
    font-size: 0.85rem;
    -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    /* transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; */
    background-color: #eeeeee;
    border-radius: 0;
    padding: 20px 18px 20px 18px !important;
    margin-top: 3px;
    color: #15196e!important;
}

.form-control:focus {
    border-color: #eeeeee;
    background-color: transparent;
    box-shadow: none;
}

.btn-primary {
    background: #15196e;
    background-image: none;
    background-color: #15196e;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #ffffff;
    border-radius: 0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active:hover {
    background-color: #15196e !important;
    background-image: none !important;
    color: #ffffff;
    box-shadow: none;
}
.work-at-rpco{
  margin-bottom: 30px;}

.input-group, .form-group {
}
.work-img-content:after{
  content: '';
  width: 450px;
  height: 450px;
  background-color:#000000;
  background-position: 20px 20px;
  top: -20px;
  left: -20px;
}
.work-img-content, .vision-img-content{
  width: 450px;
  height: 450px;
  background-color:#161A6E;
}
.work-image{
  width: 450px;
  height: 450px;
  background-image: url("../img/work.jpg");
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  left: 50px;
  top: 50px;
  display: block !important;
}

.vision-image{
  width: 450px;
  height: 450px;
  background-image: url("../img/vision.jpg");
  background-repeat: no-repeat;
  position: absolute;
  background-size: cover;
  right:50px;
  bottom: 50px;
}
.vision-copy{
  margin-top: -50px;
}

.icon.icon-primary {
    color: #42c1ff;
}
.info:first-of-type {
    padding-top: 20%;
}

.info .icon>i {
    font-size: 4.0625rem;
}

.info-title{
  font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.team-mate{padding: 50px 0 35px 0;}

.head-tittle, .subscribe, .rpco-btn{
  opacity: 0;
}
.btn-secondary{
	background-color: #ffffff !important;
  border: solid thin #15196e !important;
  color: #15196e !important;
  border-radius: 0 !important;
  background-image: none;
}

.btn-secondary:hover{
	background-color: #15196e !important;
  color: #ffffff !important;
	background-image: none !important;
	box-shadow: none !important;
}
.values-list i{ margin: 0px 10px; font-size: 1rem;}

span.line { display:inline-block; }

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn:active:hover,
.btn.active:focus,
.btn.active:hover,
.navbar .navbar-nav>a.btn:hover,
.navbar .navbar-nav>a.btn:focus,
.navbar .navbar-nav>a.btn:active,
.navbar .navbar-nav>a.btn.active,
.navbar .navbar-nav>a.btn:active:focus,
.navbar .navbar-nav>a.btn:active:hover,
.navbar .navbar-nav>a.btn.active:focus,
.navbar .navbar-nav>a.btn.active:hover {
  background-color: #263148 !important;
  background-image: linear-gradient(to bottom left, #15196e, #15196e, #15196e) !important;
  background-image: -webkit-linear-gradient(to bottom left, #15196e, #15196e, #15196e) !important;
  background-image: -o-linear-gradient(to bottom left, #15196e, #15196e, #15196e) !important;
  background-image: -moz-linear-gradient(to bottom left, #15196e, #15196e, #15196e) !important;
  color: #ffffff;
  box-shadow: none;
}


/*Media queries*/
Extra-Small
@media (max-width: 500px){
  .work-img-content{
    display: none !important;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
  .jd-pic{
    display: none;
  }
}
Small
@media (max-width: 576px){
  .work-img-content{
    display: none;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
  .jd-pic{
    display: none;
  }
}
/*Medium*/
@media (max-width: 768px){
  .work-img-content, .vision-img-content {
      width: 280px;
      height: 280px;
    }
  .work-image {
    width: 280px;
    height: 280px;
  }
  .vision-image {
    width: 280px;
    height: 280px;
  }
  .work-image{
    left: 30px;
    top: 30px;
  }
  .vision-image{
    right: 30px;
    bottom: 30px;
  }
}
@media screen and (max-width: 991px){
  .section-safe img.img-fluid {
      display: inline;
      width: 120px !important;
  }
  .work-img-content, .vision-img-content {
    width: 300px;
    height: 300px;
    }
  .work-image {
    width: 300px;
    height: 300px;
    left: 50px;
    top: 50px;
  }
  .vision-image {
    width: 300px;
    height: 300px;
    right: 50px;
    bottom: 50px;
  }
}
@media screen and (min-width: 500px)
        and (max-width : 767px){
  .work-img-content{
    display: none;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
}
.hide{
  display: none;
}
/*@media screen
and (min-width: 360px)
and (max-width: 600px){
  .vision-image {
    width: 330px !important;
    height: 220px !important;
    right: 40px !important;
    bottom: 50px !important;
  }

  .col-6 {
      flex: 0 0 50% !important;
      max-width: 50% !important;
  }
  .vision-row{
    flex-direction: column-reverse;
  }
  .vision-img-content {
      right: -140px;
  }
  .section-safe img.img-fluid {
    display:inline;
  }
  .section {
    padding: 30px 0;
  }
  #work-at {
    margin-bottom: 100px !important;
  }
}*/

/*iPhones 5/SE*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px){
  .jd-pic{
    display: none;
  }
}
/*iPhones 6/7/8*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px){
  .work-img-content{
    display: none;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
  .jd-pic{
    display: none;
  }
}

/*big*/
@media (min-width: 992PX){

}
}

/* Galaxy S5 landscape */
@media screen
and (min-device-width: 360px)
and (max-device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
  .jd-pic{
    display: none;
  }
}
/*iphone 5/SE*/
@media only screen and (max-device-width: 480px) {
  .work-img-content{
    display: none;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
}

/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {
  .work-img-content{
    display: none;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
  .jd-pic{
    display: none;
  }
}

/* iPhone X in landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-height : 812px)
and (orientation : landscape)
and (-webkit-device-pixel-ratio : 3) {
  .work-img-content{
    display: none;
  }
  .vision-img-content {
    width: 570px;
    height: 250px;
    background-color: #161A6E;
  }
  .vision-image {
    width: 100%;
    height: 250px;
    right: 30px;
    bottom: 30px;
  }
  .big{
    display: none;
  }
  .hide{
    display: inline !important;
    margin-bottom: 80px;
  }
}

/* iPhone 8 plus in landscape */
@media only screen
  and (device-width : 414px)
  and (device-height : 736px)
  and (-webkit-device-pixel-ratio : 3) {
    .work-img-content{
      display: none;
    }
    .vision-img-content {
      width: 570px;
      height: 250px;
      background-color: #161A6E;
    }
    .vision-image {
      width: 100%;
      height: 250px;
      right: 30px;
      bottom: 30px;
    }
    .big{
      display: none;
    }
    .hide{
      display: inline !important;
      margin-bottom: 80px;
    }
	}

/*Samsung Galaxy Note9*/
@media only screen
and (min-device-width: 411px)
and (max-device-width: 846px)
and (orientation: landscape) {
  .work-img-content, .vision-img-content {
      width: 270px !important;
      height: 220px !important;
  }

  .work-image {
      width: 330px;
      height: 220px;
    }
}

.modal-open .modal {
    overflow-x: hidden;
		overflow-y: scroll !important; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
.modal-content {
    border-radius: 0;
	}
  .modal.show .modal-dialog {
      -webkit-transform: translate(0, 00%);
      transform: translate(0, 0%);
  }

.footer .nav-link {
  color: #ffffff; !important;
}

h3 {
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
}
#success-modal .modal-content	{
		margin: 0 50px;
		width: 100%;
	}

#success-modal .modal-content	.modal-body {
	    padding: 34px 24px 36px 24px;
		}

.modal-footer .btn-secondary{
	background-color: #ffffff ;
  border: solid thin #15196e !important;
  color: #15196e;
  border-radius: 0;
  background-image: none;
}

.modal-footer .btn-secondary:hover{
	background-color: #15196e !important;
  color: #ffffff !important;
	background-images: none !important;
	box-shadow: none !important;
}