/* bug fix */
@media (max-width: 991px){
  .subscription-wrapper {
      overflow: hidden;
  }
  .naviagtion.fixed-top{ width: 100vw !important; }
  .list-unstyled{
    overflow: hidden;
  }
  .naviagtion.naviagtion-white .btn {
    color: #000 !important;
  }
}

.topBarLogo{height: 50px;}

.message{
  font-style: italic;
  display: none;
  margin-top: 15px;
  text-align: center;
}

.bg-blue{
  background-color: #007bff !important;
}

.bg-grey{
  background-color: #aaaaaa !important;
}

.bg-price{
  background-color: #2d3041 !important;
}

.error{
  color: red;
}

.success{
  color: green;
}

.hideTrans {
  opacity: 0 !important;
  position: absolute !important;
  display: none;
}

html{ scroll-behavior: smooth; }

.custom-shadow {
  text-shadow: 2px 2px 2px black;
}

.page-title {
  padding: 60px 0 40px;
}

.sectioncustom {
    padding-top: 120px;
    padding-bottom: 40px;
}

.fw7 {
  font-weight: 700;
}

.f14 {
  font-size: 14px !important;
  padding: 14px 25px !important;
}

.card button{
  border: 0px;
  color: #333;
  width: 100%;
  text-transform: none;
  text-align: left;
}

.card button:hover{
  text-decoration: none !important;
}

.card .btn-outline-primary{
  background: #F7F7F7;
  border: 0px;
}

.card .btn-outline-primary:hover button{
  color: #ffffff;
}

.btn-outline-primary:after {
  /* background: linear-gradient(45deg, #FF7F27 0%, #FFCA2A 100%); */
  background: linear-gradient(45deg, #264DE4 0%, #3682ff 100%)!important;
}

.btn-primary:after {
  /* background: linear-gradient(45deg, #FF7F27 0%, #FFCA2A 100%); */
  background: linear-gradient(45deg, #264DE4 0%, #3682ff 100%)!important;
}

.btn-custom-sign {
  padding: 8px 8px 8px 18px;
  border-radius: 45px 0 0 45px;
  border: 0px;
  font-size: 14px;
}

.btn-custom-sign i {
  font-size: small;
}

.icon-nav {
  font-size: x-large !important;
  padding: 15px 15px 20px 15px !important;
}

.btn-custom-login {
  padding: 8px 18px 8px 18px;
  border-radius: 45px;
  border: 0px;
  font-size: 14px;
}

.btn-custom-login i {
  font-size: medium;
}

.btn-custom-back {
  padding: 8px 18px;
  font-weight: 500;
  border-radius: 45px;
  font-size: 14px;
}

.btn-custom-ask {
  padding: 8px 18px;
  font-weight: 500;
  border-radius: 45px;
  font-size: 14px;
}

.btn-custom-sign:hover {
  background: linear-gradient(45deg, #FF7F27 0%, #FFCA2A 100%)!important;
}

.btn-custom-login:hover {
  background: linear-gradient(45deg, #5f2ed8 0%, #3682ff 100%)!important;
}

.btn-light:hover {
  background: linear-gradient(45deg, #5f2ed8 0%, #3682ff 100%)!important;
}

.btn-custom-ask:hover {
  background: linear-gradient(45deg, #FF7F27 0%, #FFCA2A 100%)!important;
}

.nav-item.dropdown img{
  width: 22px;
}

.nav-item.dropdown .dropdown-toggle::after {
  display: none;
}

.nav-item.dropdown .dropdown-menu {
  border-radius: 15px !important;
  min-width: 100px;
  background: rgba(255,255,255,0.4);
  margin-bottom: 20px;
}

.nav-item.dropdown .dropdown-menu a{
  border-radius: 20px !important;
}

.subtitle{text-transform: none;}

@media (max-width: 991px){
  .navbar .nav-item .nav-link {
      color: #000000 !important;
  }
}

img{pointer-events: none;}
h1, h2, h3, h4, h5, h6 {text-transform: none !important;}

.custom-body{background-color: #f8f9fa;}
.terms-style {border: 1px solid rgba(185,185,185,0.4); border-radius: 5px; padding: 30px; margin-bottom: 30px;}
.terms-content {border-bottom: 1px solid #eee; margin-bottom: 20px;}
.terms-content p {font-size: 12px;}
.terms-content p a {color:#ff6600;}
.terms-content li { font-size: 12px;}
.terms-content li:before { content: '•'; display: inline-block; position: relative; left: -10px; color: #2d3e50;}

.missingField{
  color: red;
  border: 1px solid red;
  border-radius: 25px;
}

.red{color:red}
.green{color:green}

@media (max-width: 991px){
  .sectionFooter {
      padding-top: 0px !important;
  }
}

.card-body {
  padding: 0px 15px 10px 15px;
}

.card-body ul {
  padding: 10px 15px 10px 15px;
}

/* preloader */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgb(235, 235, 235) 100%)!important;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader img {
  width: 60%!important;
  max-width: 160px;
}

/* Hover */
.hoverCard {
  margin:8px;
  transition: margin 0.3s ease-out;
    -webkit-transition: margin 0.3s ease-out;
    -moz-transition: margin 0.3s ease-out;
    -o-transition: margin 0.3s ease-out;
}

.hoverCard:hover {
	cursor:pointer;
    margin-top: 0px;
}