html,body{
    height:100%;
}

body, wrapper {
    min-height: 100vh;
}
.work{
margin-top: 0;
}

.container-fluid{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge*/
   user-select: none;  
   
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
   user-drag: none;
}


@media (min-width: 344px) {  
    .bar-head-p1 {font-size:  3vw;line-height: 3vw;margin-top: 18px;}
    .bar-head-p2 {font-size: 1.6vw;line-height: 2.2vw;}
    .bar-head-p3 {font-size: 1.4vw;line-height: 0.5vw;}
  }
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .bar-head-p1 {font-size:  2vw;line-height: 2vw;margin-top: 12px;}
    .bar-head-p2 {font-size: 1.6vw;line-height: 2.2vw;}
    .bar-head-p3 {font-size: 1.4vw;line-height: 1.5vw;}
  }
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .bar-head-p1 {font-size:  2.2vw;line-height: 1.8vw;margin-top: 10px;}
    .bar-head-p2 {font-size: 1.6vw;line-height: 1.8vw;}   
    .bar-head-p3 {font-size: 1.2vw;line-height: 1.2vw;}
  }
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .bar-head-p1 {font-size: 1.8vw;line-height: 2vw;margin-top: 6px;}
    .bar-head-p2 {font-size: 1.6vw;line-height: 1.2vw;}
    .bar-head-p3 {font-size: 1.1vw;line-height: 1.5vw;}
  }
    @media (min-width: 1400px) {  
    .bar-head-p1 {font-size: 1.8vw;line-height: 1.8vw;margin-top: 4px;}
    .bar-head-p2 {font-size: 1.2vw;line-height: 1.2vw;}
    .bar-head-p3 {font-size: 1.0vw;line-height: 1.5vw;}
  }
  
  @media (min-width: 344px) {  
    .footer-head-p1 {font-size:  0.95vw;line-height: 1vw;}
    .footer-head-p2 {font-size: 0.95vw;line-height: 1vw; margin-top: 3.5%;}
    .footer-head-p3 {font-size: 0.8vw;line-height: 1.5vw;}
  }
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .footer-head-p1 {font-size:  0.95vw;line-height: 1vw;}
    .footer-head-p2 {font-size: 0.95vw;line-height: 1vw; margin-top: 3.5%;}
    .footer-head-p3 {font-size: 0.85vw;line-height: 1.5vw;}
  }
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .footer-head-p1 {font-size:  0.95vw;line-height: 1vw;}
    .footer-head-p2 {font-size: 0.95vw;line-height: 1.1vw; margin-top: 3%;}   
    .footer-head-p3 {font-size: 0.85vw;line-height: 1.2vw;}
  }
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .footer-head-p1 {font-size: 0.95vw;line-height: 1vw;}
    .footer-head-p2 {font-size: 0.95vw;line-height: 1.2vw; margin-top: 1.5%;}
    .footer-head-p3 {font-size: 0.85vw;line-height: 1.5vw;}
  }


@media (min-width: 344px) {  
    .btn-head-p1,.btn-head-p2{line-height: 1.5vw;height: 1.5vw;font-size: 1.2vw;}

  }
  @media (min-width: 768px) {  
    .btn-head-p1,.btn-head-p2{line-height: 1.5vw;height: 1.5vw;font-size: 1.2vw;}
  }
  @media (min-width: 992px) { 
    .btn-head-p1,.btn-head-p2{line-height: 1.5vw;height: 1.5vw;font-size: 1vw;}
  }
  @media (min-width: 1200px) {  
    .btn-head-p1,.btn-head-p2{line-height: 1.5vw;height: 1.5vw;font-size: 1vw;}
  }
  
.btn-head-p1,.btn-head-p2{
    padding: 0;
    padding-right:  3%;
    border-style: none;
    outline-style: none;
}

.btn-head-p3{
padding: 0;
    border-style: none;
    outline-style: none;
    display: none;
}
.col-btn-left{
   display: flex;
    padding: 0 1% 0 1%;
    border-style: none;
    outline-style: none;
}
.blue-border{
    border-top-color: #0F75BC;
    border-top-style: solid;
    border-top-width: 4px;

}
.navcols-row{
background-color: white;

}

.nav-item{
background-color: #E6E6E6;
    width: calc(100% /6.2);
    border-left: 9px solid;
    border-left-color: white;
    position: relative;    
    float:left;
}
.nav-item:hover,.nav-item a:hover{
    background-color:#1674B9;
    color: white;
}

@media (min-width: 344px) {  
   .nav-link { font-size: 1.85vw;}

  }
  @media (min-width: 768px) {  
   .nav-link { font-size: 1.8vw;}
  }
  @media (min-width: 992px) { 
   .nav-link { font-size: 1.6vw;}
  }
  @media (min-width: 1200px) {  
    .nav-link { font-size: 1.4vw;}
  }
  
.nav-link {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.imgtoHome {
    bottom: 16%;
}
.about-head-a3{
    padding-left: 0;
    padding-right: 0;
    text-decoration: none;
    color: black;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;

}
.about-head-p3{
    padding-left: 0;
    padding-right: 0;
}
.about-head-a3:hover {

    text-decoration: none;
    color :black;
 
}
.about-head-a3 {     padding: 0;}
@media (min-width: 344px) {  
   .about-head-a3{ font-size: 1.85vw;line-height: 230%;}
  }
  @media (min-width: 768px) {  
   .about-head-a3{ font-size: 1.8vw;line-height: 220%;}
  }
  @media (min-width: 992px) { 
   .about-head-a3{ font-size: 1.4vw;line-height: 230%;}
  }
  @media (min-width: 1200px) {  
    .about-head-a3 { font-size: 1.3vw;    line-height: 230%; }
  }

#borderLeft {
    border-left: 4px solid #fff;
    position: absolute;
    top: 6%;
    bottom: 6%;
    left: -2px;
    border-radius: 2px;
}
.vxod1{
    margin-bottom: 3%;
    margin-top: 6% ;
    flex-direction: column;
    position: absolute;
    width: 88%;
}
.vxod2{
    margin-bottom: 3%;
    margin-top: 0 ;
        top: 58%;
    flex-direction: column;
    position: absolute;
    width: 88%;        
}

@media (min-width: 344px) {  
   .vxod1,.vxod2{ font-size: 0.9vw;line-height: 2.5vw;     height: 26%;}
  }
  @media (min-width: 768px) {  
   .vxod1,.vxod2{ font-size: 1.1vw;line-height: 2vw;    height: 26%;}
  }
  @media (min-width: 992px) { 
   .vxod1,.vxod2{ font-size: 1.1vw;line-height: 2vw;      height: 28%;}
  }
  @media (min-width: 1200px) {  
   .vxod1,.vxod2{ font-size: 1vw;line-height:  2vw;   height: 29%;}
  }
  @media (min-width: 1400px) {  
   .vxod1,.vxod2{ font-size: 1vw;line-height:  2vw;   height: 30%;}
  }  
.vxod1 img{
    height: 90%;
    margin-top: 1%;
    margin-left: 3%;
    padding-left: 5%;
}
.vxod2 img{
    height: 90%;
    margin-top: 1%;
    margin-left: 8%;
}
.borderLeft{
    border-left: 6px solid #fff;
    position: absolute;
    top: 6%;
    bottom: 6%;
    left: 1px;
    border-radius: 2px;
}

.footer-nav-item{
    background-color: #E6E6E6;
    margin-left: 2%;
    border:none;
}
@media (min-width: 344px) {  
   .footer-nav-link { font-size: 0.89vw;}

  }
  @media (min-width: 768px) {  
   .footer-nav-link { font-size: 0.89vw;}
  }
  @media (min-width: 992px) { 
   .footer-nav-link { font-size: 0.89vw;}
  }
  @media (min-width: 1200px) {  
    .footer-nav-link { font-size: 0.89vw;}
  }
  
.footer-nav-link {
    text-align: center;
        color: black;
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 344px) {  
   .div-footer {height: 32px;}
  }
  @media (min-width: 768px) {  
   .div-footer { height: 42px;}
  }
  @media (min-width: 992px) { 
   .div-footer { height: 46px;}
  }
  @media (min-width: 1200px) {  
    .div-footer{ height: 56px;}
  }
    @media (min-width: 1600px) {  
    .div-footer{ height: 66px;}
  }

@media (min-width: 344px) {  
   .footer-p { font-size: 0.89vw;    margin-top: 2.5%;}
   
  }
  @media (min-width: 768px) {  
   .footer-p { font-size: 0.89vw;  margin-top: 2.5%;}
  }
  @media (min-width: 992px) { 
   .footer-p { font-size: 0.89vw;  margin-top: 1.5%;}
  }
  @media (min-width: 1200px) {  
    .footer-p { font-size: 0.89vw; margin-top: 1.0%;}
  }
  

  @media (min-width: 768px) {  
   .my-inner-row {  width: 100%;}
  }
  @media (min-width: 1202px) { 
   .my-inner-row {    width: 96%;}
  }
  @media (min-width: 1400px) {  
    .my-inner-row {width: 90%;}
  }
  
  
  
     .modal-header {
        cursor: move;
        margin-bottom: 0;
        padding-bottom: 0;
        border: none;
    }
.modal-footer {

    border: none;
}
#newusersubmit{
    color: black;
    font-size: 22px;
    font-weight: bold;
    border-radius: 8px;
    background-color: #1879bc;
    -webkit-box-shadow: 4px 4px 5px 1px rgba(0,0,0,1);  
    -moz-box-shadow: 4px 4px 1px 1px rgba(0,0,0,1);
    box-shadow: 4px 4px 5px 1px rgba(0,0,0,1);   
        padding-bottom: 0;
    padding-top: 0;
}
#newusersubmit:hover{
    background-color: #358abc;
    border-color: #5998d7; 
}

  .myUserH{
    text-align: center;
    padding-right: 3%;
    font-weight: bold;
        width: 100%;
}
  .myUserH2{
    text-align: center;
    padding-right: 3%;
    font-weight: bold;
        width: 100%;
}

.modal-content {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 1rem;
    user-select: none;
    -webkit-box-shadow: 4px 4px 14px 2px rgba(64,64,64,1);  
    -moz-box-shadow: 4px 4px 14px 2px rgba(64,64,64,1);
    box-shadow: 4px 4px 14px 2px rgba(64,64,64,1);  
}
.showCaptcha {
    background-color: #0f75bc;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .2rem;
    color: white;
    cursor: pointer;
}
  .showCaptcha:hover {
    background-color: #08446d;

} 
  .inline_login_form  {
  flex-direction: column ;
      display: flex;
  
}
   .inline_login_form input {
  padding-right: 3%;
  padding-left: 3%;
     font-size: 1.2rem;
    height: 1.8rem;
    line-height: 0.2rem;    
    border-radius: 0.3rem;
    outline: none;
   /*margin-bottom: 1rem;*/
}
.modal-dialog {
    max-width: 400px;
}
  #usldoc{
      color:white;
  }
#active {
    background-color: #D5C79F;
    cursor: default;
    color: black;
    font-weight: bold
}
#active:hover {
    background-color: #D5C79F;
    cursor: default;
    color: black;
}