/* ----------------------- */
/* Primary Gradients */
/* ----------------------- */
body.page-404 #header-default,
section.dark.primary-gradient,
.triple-con, .large-cta,
#header-2 {
  background: -webkit-linear-gradient(200deg, #017cef, #04b0e3);
  background: linear-gradient(200deg, #017cef, #04b0e3);
}

.btn.alt,
#pricing_1 .pricing__item:hover .btn {
  background: -webkit-linear-gradient(#04b0e3, #017cef);
  background: linear-gradient(#04b0e3, #017cef);
}

/* ----------------------- */
/* Custom Gradients */
/* ----------------------- */
.shader-gradient, #header-default.flat {
  background: -webkit-linear-gradient(200deg, #c755bb, #0082f0);
  background: linear-gradient(200deg, #c755bb, #0082f0);
  /*background: linear-gradient(to bottom, rgba(240, 114, 255, 0.2) 0%,rgba(192, 135, 255, 0.5) 30%,rgba(110, 82, 134, 0.8) 80%,rgba(38, 0, 88, 0.9) 100%);*/
  /*background: -webkit-linear-gradient(to bottom, rgba(240, 114, 255, 0.2) 0%,rgba(192, 135, 255, 0.5) 30%,rgba(110, 82, 134, 0.8) 80%,rgba(38, 0, 88, 0.9) 100%);*/
}

/* ----------------------- */
/* Primary Colour */
/* ----------------------- */
.job-list-item:hover,
#nav a.nav-btn:hover,
#nav.light a.nav-btn:hover,
body.careers .job-list-item:hover,
body.pricing .job-list-item:hover {
  border-color: #017cef;
}

footer#footer_light h1,
footer#footer_light h2,
footer#footer_light h3,
footer#footer_light h4,
footer#footer_light a:hover,
footer#footer_light .contact_link,
.skill-line .skill-line-inside .percentage,
.contact-detail i,
.service-icon-block h4,
.service-icon-block i,
.cbp-item h4,
section.counter.light i,
body.maintenance .main-icon,
body.maintenance .contain-message p,
#nav ul li ul li a:hover,
#header_subpage3 h3,
#pricing_1 .pricing--yama .pricing__price,
section a, p a, section a:visited, p a:visited, section a:active, p a:active,
h1.primary, h2.primary, h3.primary, h4.primary, p.primary, .icon,
.service-icon-block .service-block i,
.service-icon-block .service-block h4,
#nav nav ul li ul li a:hover,
.mobile-nav nav ul li ul li a:hover,
.mobile-nav nav ul li a:hover,
.mobile-nav ul > li > ul > li > ul li a,
.app_intro h4 i,
.article .article-foot h4,
.article h2:hover{
  color: #017cef;
}

.shader-primary,
section.primary,
.skill-line .skill-line-inside,
#testimonials .cbp-nav-pagination-item,
.cbp-item a.team_social:hover,
.social-icon:hover,
.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active,
#nav.stick.stuck.primary,
#nav a.nav-btn:hover,
.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap,
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap,
#pricing_1 .pricing--yama .pricing__price::before,
#agency-portfolio .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap,
.cbp-item .over,
.tabs .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active,
#nav.light a.nav-btn:hover {
  background: #017cef;
}

@media (max-width: 991px) {
  #nav.mobile-stick {
    background: #017cef;
  }
}

/* ----------------------- */
/* Secondary Colour */
/* ----------------------- */
#blog-mosaic-2 .blogDateTitle p,
#blog-mosaic-1 .blogDateTitle p,
footer#footer_1 .contact_link,
.country a,
section a:hover, p a:hover, a:hover {
  color: #04b0e3;
}

#logo-strip img:hover,
#logo-strip svg:hover {
  fill: #017cef;
}

:focus {
  outline-color: #017cef;
}

.box1{
  margin-top:40px;
  padding: 10px;
  border-radius: 3px;
  background: #fff;
  color: #8c51a5;
  position: relative;
}
@media (min-width: 1024px) {
  .box1 {
    width: 600px;
    margin: 70px auto 0;
  }
}
.box1__body{
  padding:20px;
  text-align: center;
}
.purple-color{
  color: #8c51a5!important;
}

.alert-danger{
  background: #582c88;
  color: #fff;
  padding: 10px;
  border-radius: 4px;
}

.landing{
  background: #c94b9c;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  margin: 12px 0;
  position: relative;
  top: 5px;

}
a.landing:hover, a.landing:visited:hover, a.landing:active:hover{
  color: #fff;
}
.btn-subscribe{
  background: #fff;
  color: #722fa7;
  font-weight: bold;
  font-size: 16px;
}
a.btn-subscribe:hover, a.btn-subscribe:visited:hover, a.btn-subscribe:active:hover{
    color: #6e1e77;
    background-color: #e2d4ec;
}
.btn-next-step{
  border-radius: 62px;
  box-shadow: none;
  background: #FBB03B;
  font-weight: bold;
  border: 2px solid #B95915;
  background-image: -webkit-linear-gradient(top, #FBB03B 0%, #F57B20 60%);
}
a.btn-next-step:hover, a.btn-next-step:visited:hover, a.btn-next-step:active:hover{
    color: #fff;
}
.btn-cancel{
  border-radius: 62px;
  box-shadow: none;
  background: #afafaf;
  font-weight: bold;
  /* border: 2px solid #B95915; */
  /* background-image: -webkit-linear-gradient(top, #FBB03B 0%, #F57B20 60%); */
  border: none;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 410px;
    margin: 121px auto;
  }
}
.modal-content{
  border-radius: 0;
  box-shadow: none;
}

.modal .form-group input {
  background: #ffffcc;
  border: 2px solid #ffcc00;

}
.modal .form-group input, .form-group select {
  height: 39px;
  padding: 6px 5px 4px 8px;
  font-size: 16px;
  color: #000;
  border-radius: 3px;
}
.modal .form-group label {
  display: block;
  font-weight: bold;
  font-size: 13px;
  color: #666;
  margin-bottom: 3px;
  float: left;
}
.payment-tabs {
  width: 100%;
  background-color: #6F889B;
  padding: 35px 20px 0 20px;
}
#payment-method{
  display:inline-block;
  background: none;
  top: 6px;
}
#payment-method ul {
  width: auto;
  height: 40px;
  margin-bottom: 30px;
}
#payment-method ul li {
  border: 0px;
  padding: 0px 17px;
  margin-right: 5px;
  height: 40px;
  line-height: 44px;
  display: block;
  float: left;
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #6F889B;
  cursor: pointer;
  cursor: hand;

  background: rgba(255,255,255,.7);
}
#payment-method ul li.active {
  border-bottom: 0px;
  color: #6F889B;
  background: #FFF;
}
.modal-header{
  padding: 0;
  border: none;
  background: #6f889b;
}
.modal-backdrop.in{
  opacity: .75;
}