/** Login form css
-------------------------------------------------**/

.login-wrap{
  width:100%;
  margin:auto;
  /*max-width:525px;*/
 /* min-height:670px;*/
  position:relative;
  /*background:url(https://raw.githubusercontent.com/khadkamhn/day-01-login-form/master/img/bg.jpg) no-repeat center;*/
  /*box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);*/
}
.login-html{
  width:100%;
  /*height:100%;*/
  /*position:absolute;*/
  padding:0px 70px 0px 70px;
  /*background:rgba(40,57,101,.9);*/
  text-align: center;
}
.login-html .sign-in-htm,
.login-html .sign-up-htm{
  top:0;
  left:0;
  right:0;
  bottom:0;
  position:absolute;
  transform:rotateY(180deg);
  backface-visibility:hidden;
  transition:all .4s linear;
}
.login-html .sign-in,
.login-html .sign-up,
.login-form .group .check{
  display:none;
}
.login-html .tab,
.login-form .group .label,
.login-form .group .button{
  text-transform:uppercase;
}
.login-html .tab{
  font-size:22px;
  margin-right:15px;
  padding-bottom:5px;
  margin:0 15px 10px 0;
  display:inline-block;
  border-bottom:2px solid transparent;
  cursor: pointer;
}
.login-html .sign-in:checked + .tab,
.login-html .sign-up:checked + .tab{
  /*color:#fff;*/
  border-color:#2f4871;
}
.login-form{
  min-height:345px;
  position:relative;
  perspective:1000px;
  transform-style:preserve-3d;
  z-index: 9999;
}
.login-form .group{
  margin-bottom:15px;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
  width:100%;
  /*color:#fff;*/
  display:block;
}
.login-form .group .input,
.login-form .group .button{
  border: none;
    padding: 10px 20px;
    /* border-radius: 25px; */
    background: rgba(0, 0, 0, 0.18);
    /* border: 1px solid #000; */
}
.login-form .group input[data-type="password"]{
  text-security:circle;
  -webkit-text-security:circle;
}
.login-form .group .label{
  color:#2d2d2d;
  font-size:14px;
  text-align: left;
}
.login-form .group .button{
  background:#2f4871;
      color: #fff;
    letter-spacing: 1px;
}
.login-form .group label .icon{
  width:15px;
  height:15px;
  border-radius:2px;
  position:relative;
  display:inline-block;
  background:rgba(255,255,255,.1);
}
.login-form .group label .icon:before,
.login-form .group label .icon:after{
  content:'';
  width:10px;
  height:2px;
  background:#fff;
  position:absolute;
  transition:all .2s ease-in-out 0s;
}
.login-form .group label .icon:before{
  left:3px;
  width:5px;
  bottom:6px;
  transform:scale(0) rotate(0);
}
.login-form .group label .icon:after{
  top:6px;
  right:0;
  transform:scale(0) rotate(0);
}
.login-form .group .check:checked + label{
  color:#fff;
}
.login-form .group .check:checked + label .icon{
  background:#1161ee;
}
.login-form .group .check:checked + label .icon:before{
  transform:scale(1) rotate(45deg);
}
.login-form .group .check:checked + label .icon:after{
  transform:scale(1) rotate(-45deg);
}
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
  transform:rotate(0);
}
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
  transform:rotate(0);
}

.hr{
  height:2px;
  margin:60px 0 50px 0;
  background:rgba(255,255,255,.2);
}
.foot-lnk{
  text-align:center;
}


/*footer css*/
/*footer css*/

.inverse-wrapper {
      background: linear-gradient(100deg,#2f4871,#2f4871);
    color: #cdcdcd;
    position: relative;
        height: 90px;


}
.footer-menu a{color: #fff; 
    text-decoration: none;}
footer .inner {
    padding: 10px 20px;
}
footer .copyright {
    margin: 0;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
}
.footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
.pull-right {
    float: right !important;
}
.footer-menu li {
    display: inline;
    padding-left: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.footer-menu li {
    display: inline;
    padding-left: 10px;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.footer-menu li:before {
    display: inline-block;
    content: "|";
    padding-right: 12px;
}
.footer-menu li:first-child:before {
    display: none
}
.newsletter_sub {
    display: flex;
    justify-content: center;
    align-items: center;
}
.newsletter-wrapper {
    position: relative;
    width: 100%;
}
footer .newsletter-wrapper,
footer .searchform {
    width: 300px;
    max-width: 100%;
        padding-left: 20px;
}
footer .newsletter-wrapper .newsletter-form input[type="email"] {
    height: 39px
}
.newsletter-wrapper .newsletter-form input[type="email"]:focus {
    background: none;
    border: 1px solid rgba(255,255,255,0.20);
}
.newsletter-wrapper .newsletter-form .btn {
    position: absolute;
    right: 3px;
    top: 7px;
    cursor: pointer;
}


.newsletter-wrapper .newsletter-form input[type="email"] {
    background: none;
    border: 1px solid #de2f36;
    width: 100%;
    font-weight: 500;
    transition: all 150ms ease-in;
    height: 54px;
    padding-right: 85px;
    border-radius: 4px;
}

.newsletter-wrapper .newsletter-form {
    background: none;
    font-family: inherit;
}



footer .newsletter-wrapper .newsletter-form .btn {

        position: absolute;
    right: -3px;
    top: 0;
    text-indent: initial;
    color: transparent !important;
    background: url(../images/icon_service_nav_upper_next.png) 16px center no-repeat #55af3b;
    width: 30px;
        height: 39px;
        cursor: pointer;


}

.inverse-wrapper hr{    margin: 10px 0px;     border: 1px solid #55af3b!important;}
.searchform .btn, .newsletter-wrapper .btn {
  
        border: 0;
    margin-bottom: 10px;
    margin-right: 4px;
    font-size: 12px;
    padding: 11px 20px 10px 20px;
    letter-spacing: 0.5px;
    font-weight: 700;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 150ms ease-in;
    box-shadow: none;
    border-radius: 4px;
    display: inline-block;
    font-family: 'Lato', sans-serif;
      border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.newsletter-form input.email {
    display: block;
    padding: 8px 0;
    margin: 0;
    text-indent: 15px;
    width: 100%;
    min-width: 130px;
}
.newsletter-wrapper .newsletter-form form {
    padding: 0;
        margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
        vertical-align: baseline;
    /* font-family: sans-serif !important; */
    font-family: 'Ubuntu', sans-serif;
}
.newsletter-wrapper .newsletter-form {
    background: none;
    font-family: inherit;
}
.newsletter-wrapper {
    position: relative;
    width: 100%;
}
.newsletter-wrapper .newsletter-form input[type="email"] {
    background: none;
    border: 1px solid #55af3b;
    width: 100%;
    font-weight: 500;
    transition: all 150ms ease-in;
    height: 54px;
    padding-right: 85px;
    border-radius: 4px;
}
footer .inner{
    padding: 10px 20px;
}
footer .newsletter-wrapper,

footer .newsletter-wrapper .newsletter-form input[type="email"] {
    height: 39px;
        color: #fff;
}
.newsletter-wrapper .newsletter-form input[type="email"]:focus {
    background: none;
    border: 1px solid rgba(255,255,255,0.20);
}
.newsletter-wrapper .newsletter-form .btn {
    position: absolute;
    right: 3px;
    top: 7px;
}




/*mobile responsive css*/


.green {
    color: #2F4871 !important;
}

@media (max-width: 767px){
  .footer-menu{display: none !important}
}