body{
     background-image: url(../images/bg.png);
      
      background-repeat: repeat;
      overflow: hidden;
    }
      .iframe-wrapper{
        /* overflow: hidden; */
        height: 60vh;

      }
      iframe{
        border: none;
        width: 100%;
        height:65vh; 
        background: #FDC9CA;
      }
      
      #header-pg{
/* 
		background-image: url(../images/Raz.jpg);
		background-size: 50%;
		background-repeat: no-repeat;
		background-position: top center;
		padding: 100px 0px;
 */
     background-image: url(../images/Raz.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 100px 0 80px 0px;
    margin-top: -5px;
    margin-bottom: 5px;
  }
/* 
      .top-btn-wrapper{
        width: 94%;
        margin: 0 auto;
        padding: 20px 0px;
        background-image: url(../images/Raz.jpg);
        background-size: 50% 65%; 
        height: 20vh;
        background-repeat: no-repeat;
        background-position:top center;
      }
 */
      #header-btn{
          margin-bottom: 30px;

	 }
      #content-frm{
    /* padding: 100px 0px; */
	/* 
position: relative;
    bottom: 100px;
 */

	 }
      .btn1,.btn2,.btn3{
        /*background-image: url(../images/btn1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;*/
        display: inline-block;
        color: #fff;
        text-align: center;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
        border-radius:30px;
        background-color: #245f96;
        text-align: center;
        font-weight: 600;
        text-decoration:none;
        box-shadow: 0px 1px  1px #666;
        border:solid 1px #003563;
        padding: 0px 30px;
        background: #377aba; /* Old browsers */
        background: -moz-linear-gradient(top, #377aba 0%, #20598f 50%, #104372 100%);
        background: -webkit-linear-gradient(top, #377aba 0%,#20598f 50%,#104372 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#377aba', endColorstr='#104372',GradientType=0 );
      }
      .top-btn-wrapper .bt{
        display: inline-block;
        cursor:pointer;
      }
      .top-btn-wrapper center{
        padding-top: 100px;
        position: relative;
      }
      .bt:hover{
        color: #fff;
        text-decoration: none;
        text-shadow: 2px 0px #000;
        box-shadow: 0px 2px  2px #666;
        transition: 0.7s; 
        opacity: 0.9;
      }
a:focus{color: #fff;text-decoration: none;}

@media (min-width: 0px) and (max-width: 479px){
#header-pg {
    background-size: 100% 100%!important;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 15px 0 65px 0px !important;

}
}
@media (min-width: 480px) and (max-width:767px) {
#header-pg {
    background-size: 80% !important;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 100px 0 0px 0px !important;
}
}
@media (min-width: 768px) and (max-width:991px) {
#header-pg {
    background-size: 80% !important;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 100px 0 50px 0px !important;
}
}
@media (min-width: 992px) and (max-width:1023px) {
#header-pg {
    background-size: 100% !important;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 100px 0 50px 0px !important;
}
}
@media (min-width: 1024px) and (max-width:1366px) {
#header-pg {
    background-size: 70% !important;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 100px 0 50px 0px !important;
}
}
@media screen and (max-width:992px) {
.top-btn-wrapper{
        background-size: 100% 65%;
      }}

       @media screen and (max-height:680px) {
.top-btn-wrapper center {padding-top:40px;}
}
       @media screen and (max-width:480px) {
        .top-btn-wrapper .bt{
       width: 38%;
       font-size: 14px;
      }

      .top-btn-wrapper .bt{
       font-weight: 400;
    padding: 0px 20px;
  
      }
      
      .top-btn-wrapper center {padding-top:80px;}


       }

       @media screen and (max-width:680px) {
        
      .top-btn-wrapper center {padding-top:50px;}

       }
       @media screen and (max-width:320px) {
      
    }




/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  
}
.modal-footer{
  text-align: center!important;
}
.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
 
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #1f588d;
  padding: 10px 0px;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #0b4071;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}
.btn{
  border-radius: 0px;
}
.modal-content{
  border-radius: 0px;
  border: solid 10px #eee;
}
.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 
.btn-default1{
color: #666;
background-color: #eee;
border-color: #666;
font-weight: 600;
}
.login-help{
  font-size: 12px;
}
.modal-title1{
  font-size: 24px;
}