@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
body{ direction: ltr;overflow-x: hidden; width: 100%; height: auto;}
body *{  font:  "Montserrat", sans-serif;}

a{text-decoration: none;}
.appjad-image{position: relative;width: 100%;padding-bottom: 100%;overflow: hidden;}
.appjad-image.re{padding-bottom: 70%; }
.appjad-image.ro{ transform: translateY(-1px) rotate(0deg); }
.appjad-image img{position: absolute; left: 50%;top: 50%; min-height: 100%; width: 100%;
  -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transition: all .5s;
  transform: translate(-50%,-50%);object-fit: cover;object-position: center;}

.top-header {padding: 5px 0; background-color: #063764; color:#FFF;
  background:-moz-linear-gradient(45deg, #063764 0%, #3150FF 100%);
  background:-webkit-linear-gradient(45deg, #063764 0%, #3150FF 100%);
  background:linear-gradient(45deg, #063764 0%, #3150FF 100%);
}
.top-header .social{text-align: right; }
.top-header  a{margin: 0 5px; color: #FFF; text-decoration: none; }
.top-header  a:hover{color: #d7d5ed; }
.top-header .dropdown .dropdown-menu{background-color: #063764; padding: 0; border-top: 0;}
.top-header .dropdown .dropdown-menu a{color: #f0f9ff;margin: 0 0; }
.top-header .dropdown .dropdown-menu a:hover{ color: #063764;}
ul.navbar-nav .nav-item{padding: 13px 0;}
ul.navbar-nav .nav-link{text-transform: uppercase; font-size: small; color: #111; display: block; }


main.index.inside .page{ min-height: 500px; text-align: left; padding-top: 21px;  }

main.index.inside .sub-nav{text-align: left;  padding: 5px 0; 
  background:-moz-linear-gradient(45deg, #063764 0%, #3150FF 40%, #00199E 100%);
  background:-webkit-linear-gradient(45deg, #063764 0%, #3150FF 40%, #00199E 100%);
  background:linear-gradient(45deg, #063764 0%, #3150FF 40%, #00199E 100%); }
main.index.inside .sub-nav ul{margin: 0;padding: 0; color: #FFF;}
main.index.inside .sub-nav ul a{color: #FFF; text-decoration: none;}


.bg-none{background: none !important; background-color: none !important;}
.bg-blue{background:#877f6c; 
  background:-moz-linear-gradient(45deg, #063764 0%, #3150FF 40%, #00199E 100%);
  background:-webkit-linear-gradient(45deg, #063764 0%, #3150FF 40%, #00199E 100%);
  background:linear-gradient(45deg, #063764 0%, #3150FF 40%, #00199E 100%); }
.bg-blue .intro{color:#FFF;}
.bg-blue a,.blog a{color: #000; text-decoration: none;}
.bg-blue .card:hover a,.blog .card:hover a{color: #00199E;} 
.bg-blue h3,.blog h3{font-size: .9rem;}
.bg-blue caption,.blog caption{font-size: .8rem;}


.user-input-wrp {  position: relative;  width: auto;}
.user-input-wrp .inputText{font-size: 1rem !important;  padding: 13px 100px 13px 21px  !important;}
/* .user-input-wrp .inputText:focus{padding: 2rem;} */
.user-input-wrp .floating-label {  position: absolute;  pointer-events: none;  top: 13px;  left:21px !important;  transition: 0.2s ease all;}
.user-input-wrp .delete-btn {  position: absolute; cursor: pointer;  top: 13px;  right:21px !important; }
.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp textarea:focus ~ .floating-label,
.user-input-wrp input:not([value='']) ~ .floating-label,
.user-input-wrp textarea:not(:focus):valid ~ .floating-label{top: 3px;  left: 21px !important;  font-size: 10px;  opacity: 1;}
.user-input-wrp select:not([option='checked']) ~ .floating-label{top: 3px;  left: 21px !important;  font-size: 10px; opacity: 1;}


.footer-dark {color:#f0f9ff;background:#00199E; 
  background:-moz-linear-gradient(45deg, #063764 0%, #3150FF 40%,  #00199E 75%, #7586CC 100%);
  background:-webkit-linear-gradient(45deg, #063764 0%, #3150FF 40%,  #00199E 75%, #7586CC 100%);
  background:linear-gradient(45deg, #063764 0%, #3150FF 40%,  #00199E 75%, #7586CC 100%); }
.footer-dark ul a {color:inherit;text-decoration:none;opacity:0.8; line-height: 1.5rem;}
.footer-dark ul a:hover {opacity:1;color: #FFF;}
.footer-dark .footer-footer{background: #00199E;}

.footer-dark .social {text-align:center;}
.footer-dark .social > a {font-size:20px;width:36px;height:36px;line-height:36px;display:inline-block;
  text-align:center;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,0.4);margin:0 8px;color:#fff;opacity:0.75;}
.footer-dark .social > a:hover {opacity:0.9;}


@media (max-width:767px) {
  .item{width: 50%;}
  .top-header .top-nav{text-align: center; margin-bottom: 13px;}
  .top-header .email{text-align: center; margin: 13px;}
  .top-header .dropdown-toggle{text-align: center; margin-bottom: 13px;}
  .top-header .social{text-align: center;}
}