#splashimg {
  background-attachment: fixed;
  background-image: url('../../images/01-proj-eng/proj-eng-header.png');
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 0px;
}
@media screen and (max-width: 1200px) {
  #splashimg {
    /* background-size: cover; */
    background-size: auto 100%;
    background-attachment: scroll;

  }
}
@media screen and (max-width: 780px){
  #splashimg #border {
    padding: 0px 35% 25px 25px;
  }
}
@media screen and (max-width: 736px){
  #splashimg {
    background-size: cover;
  }
  #splashimg #border {
    padding: 120px 35% 25px 25px;
  }
  /* #splashimg .actions {
    display: none;
  } */
}
@media screen and (max-width: 600px){
  #splashimg #border {
    padding: 20px 0px 25px 0px;
  }
}
@media screen and (max-width: 360px){
  #splashimg #border {
    padding: 20px 0px 25px 0px;
  }
}
/* ipad specific */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  /* #splashimg { */
    /* background-size: auto 1024px!important; */
    /* background-attachment: scroll;
  } */
  #splashimg #border {
    padding: 100px 35% 25px 25px;
  }
}
@media all and (device-width: 834px) and (device-height: 1112px) and (orientation:portrait) {
  /* #splashimg { */
    /* background-size: auto 1112px!important; */
    /* background-attachment: scroll;
  } */
  #splashimg #border {
    padding: 100px 35% 25px 25px;
  }
}
/* @media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  #splashimg { */
    /* background-size: cover; */
    /* background-attachment: scroll;
  }
} */


#splashimg .inner{
  color: rgba(000, 000, 000, 0.55);

}

#splashimg h1{
  color:#c95641;
}

#border{
      padding: 25px 30% 25px 25px;
}

/* #splashimg .inner:after{
  content: '';
  width: 20%;
  position: absolute;
  border-bottom: 12px solid #c95641;
  /* border-top: 6px solid #c95641;
  border-left: 6px solid #c95641; */
/* }
#splashimg .inner:before{
  content: '';
  width: 20%;
  position: absolute;
  border-top: 12px solid #c95641;
  top: 20px; */
  /* border-top: 6px solid #c95641;
  border-left: 6px solid #c95641; */
/* }
#border{
  border-left: 12px solid #c95641;
} */

#splashimg .style4 h1, h2, h3, h4, h5, h6{
  color: #1c1c1c;
}
 /* input[type="submit"], input[type="reset"], input[type="button"], button, .button #engbutton{
  color: #1c1c1c !important;
  border-color: rgba(28, 28, 28, 1) !important;
} */
#engbutton{
 color: #1c1c1c !important;
 border-color: rgba(28, 28, 28, 1) !important;
}

#engbutton {
    -moz-transition: color 0.2s ease !important;
    -webkit-transition: color 0.2s ease !important;
    -ms-transition: color 0.2s ease !important;
    transition: color 0.2s ease !important;

    -moz-transition: color 0.2s ease, border-color 0.2s ease !important;
    -webkit-transition: color 0.2s ease, border-color 0.2s ease !important;
    -ms-transition: color 0.2s ease, border-color 0.2s ease !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
    color: inherit;
    text-decoration: none;
}

#engbutton:hover  {

    /* border-image-source: -moz-linear-gradient(to right, #c95641, #ad0e9d) !important;
    border-image-source: -webkit-linear-gradient(to right, #c95641, #ad0e9d) !important;
    border-image-source: -ms-linear-gradient(to right, #c95641, #ad0e9d) !important;
    border-image-source: linear-gradient(to right, #c95641, #ad0e9d) !important; */
    -moz-transition: max-width 0.2s ease !important;
    -webkit-transition: max-width 0.2s ease !important;
    -ms-transition: max-width 0.2s ease !important;
    transition: max-width 0.2s ease !important;
     border-color: #ffffff !important;
    /* max-width: 0; */
    color:#ffffff!important;
}
#engbutton input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover{
 border-color: #c95641 !important;
 color:#ffffff!important;
}

/* #engbutton input[type="submit"]:after, input[type="reset"]:after, input[type="button"]:after, button:after, .button:after { */
#engbutton::after{
    /* -moz-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25); */
    pointer-events: none;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease;

    -moz-transition: max-width 0.2s ease!important;
    -webkit-transition: max-width 0.2s ease!important;
    -ms-transition: max-width 0.2s ease!important;
    transition: max-width 0.2s ease!important;
    max-width: 0;
    /* background: #ffffff; */
    background-image: -moz-linear-gradient(to right, #c95641, #e09b55) !important;
    background-image: -webkit-linear-gradient(to right, #c95641, #e09b55) !important;
    background-image: -ms-linear-gradient(to right, #c95641, #e09b55) !important;
    background-image: linear-gradient(to right, #c95641, #e09b55) !important;
    border-color: #c95641 !important;
    /* border-radius: 3em; */
    /* content: '';
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%; */
    z-index: -1;
}


/* #engbutton input[type="submit"]:hover:after, input[type="reset"]:hover:after, input[type="button"]:hover:after, button:hover:after, .button:hover:after { */
#engbutton:hover::after{
    opacity: 1!important;
    /* -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); */
    max-width: 100%;
}

/* nicepage section style */
#pageblock .inner{
  padding-top:0px;
}
.eng-h1{
  font-size: 34px;
}


@media screen and (max-width: 1680px){
  #pageblock .inner{
    padding-top:0px;
  }

}

@media screen and (max-width:600px){
  #border {
    padding:25px;
  }
#splashimg{
  background-size: auto 200%;
}
#splashimg h1{color: #ffffff;text-shadow: 2px 2px 6px #000000;}
#splashimg p{color: #ffffff;text-shadow: 2px 2px 6px #000000;}
#engbutton{background-color: rgba(255, 255, 255, 0.3);}
#engbutton:hover{background-color: transparent;}
#engbutton:hover::after {background-color: #c95641;background-image: none!important;
}

}





/* #engbutton input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover{
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 1) !important;
} */