/* CSS Document */
h1 {
    font-weight: bold;
}
a {
    color: orange;
}
a:hover {
    color: black;
}
a:active {
    color: orange;
}
.hero-area {
    background: url(../images/bdh/bg-cloud-low.jpg);
    background-size: 100vw;
    background-repeat: no-repeat;
}
.logobar img {
    height: 80px;
    width: auto;
    margin:20px 10px;
}
.tagline {}
.sitename {
    font-size: 35pt;
    font-style: normal;
    font-weight: 500;
    color: black;
    text-align: center;
    line-height: 1;
    margin-top: 2em;
}
.sitename span::after {
    content: "";
    display: block;
    width: 16%;
    margin: 5% 42%;
    height: 6px;
    background: black;
}
.sitedesc {
    font-size:16pt;
    font-weight: 600;
    color:orange;
}
.sitedesc span:nth-child(1) {
    color: black;
} 
.sitelogos {
    padding-top: 2em;
}
.sitelogos img {
    height: 65px;
    width: auto;
    margin: 0 10px;
}

.mainpict {
    position: relative; 
    left:-80px; 
    top: -120px; 
    width: 120vh; 
    height: 120vh;
}
.heli {
    position: absolute; 
    left:0; 
    top: 0;
}
.logoframe {
    position: absolute; 
    left:0; 
    top: 0;
}
.logoframe-shadow {
    position: absolute; 
    left:0; 
    top: 0; 
    opacity: .5
}
.logoframe-shadow img {
    mix-blend-mode: multiply;
}

.arrow0, .arrow1, .arrow2, .arrow3, .arrow4     {
    position: absolute;
    scale: .5;
    mix-blend-mode: multiply;
    top: -40%;
}

.arrow0, .arrow1 {
    left:-36%; 
}
.arrow2 {
    left:-46%; 
}
.arrow3 {
    left:-56%; 
}
.arrow4 {
    left:-66%; 
}
.orange {
    color: orange;
}
.white {
    color: white;
}
.black {
    color: black;
}
.darkgrey {
    color: #2b2b2b;
}
.nopadding {
    padding-left: 0;
    padding-right: 0;
}
.align-justify {
    text-align: justify;   
}
.paragraph {
    font-weight: 200;
    color: black;
    padding: 0 200px;
}
.paragraph p, .paragraph h2 {
    padding-top: 1em;
}

/* ---- Who We Are ---- */
.whoweare {
    background-image: url("../images/bdh/hangar.jpg");
    background-size: 126vw auto;
    background-repeat: no-repeat;
    background-position: right top;
}
h6.white::first-letter {
    color: orange;
    font-size:150%;
}

.par-vision, .par-mission {
    padding-left: 200px;
    padding-right: 200px;
}
.par-vision-cont {
    height: 8em;
    margin-top: 3em;
    margin-bottom: 3em;
    padding-top: 3.2em;
}
.par-gears {
    background: #2b2b2b;
    margin: 30px 200px 0 200px;
    padding: 2em;
    color: white;
}
.par-gears div div {
    margin-bottom: 1em;
}
.par-gearspict {
    height: 300px;
    padding: 0 200px;
    width: calc(100% - 200px);
    background-image: url(../images/bdh/maintenance.jpg);
    background-repeat: no-repeat;
    background-size: 100vw;
    background-position: 200px top;
}
.par-service {
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 3em;
}
.par-service h5 {
    margin-bottom: 1em;
}
.par-service ul {
    list-style-type: square;
    padding-left: 15px;
}
.par-service ul li {
    margin-bottom: 1em;
}
.par-service ul li strong {
    font-size: 1.1em;
    font-weight: 600;
}
.blade {
    background-image: url("../images/bdh/blade.svg");
    background-position: left top;
    background-size: 89%;
    background-repeat: no-repeat;
}
.par-gears {
    color: white;
}


/* ---- Where We Are ---- */ 
.whereweare {
    
}
.wwabox1 {
    width:calc(100% - 400px);
    Height: 400px;
    position: relative;
    left: 200px;
    top:0;
}
.headoffice-pic {
    height:90%;
    width: 100%;
    margin:3.8% 0;
    background-image: url("../images/bdh/head-office.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.headoffice-txt {
    color: black;
    background: orange;
    height: 100%;
    width: 100%;
    padding: 4em;
}
.wwabox2 {
    width:calc(100% - 400px);
    Height: 400px;
    position: relative;
    left: 200px;
    top:0;
}
.workshop-pic {
    height:90%;
    width: 100%;
    margin:3.8% 0;
    background-image: url("../images/bdh/workshop.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.workshop-txt {
    color: black;
    background: orange;
    height: 100%;
    width: 100%;
    padding: 4em;
}

/* ---- MRO Services & Parts ---- */

#ourcapabilities {
    margin-top: 0;
    background-color: #f9f9f9;
    padding-bottom: 20em;
}
.ourcapabilities {
    background: url(../images/bdh/mro-working.jpg);
    background-repeat: no-repeat;
    background-size: 120% auto;
    background-position: 0 120px;
}
.ourcapabilities h1 {
    text-align: left;
    padding-left: 200px;
}
.par-ourcapabilities {
    width: 600px;
    height: 120px;
    margin-left: 350px;
    margin-bottom: 22em;
    overflow: hidden;
    background-image: url("../images/bdh/parallelogram.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
}
.par-ourcapabilities span {
    color: #2b2b2b;
    font-weight: 700;
    font-size: 1.6em;
    text-align: left;
    position: relative;
    top: 1em;
    left: 0;
}
.ourcapabilities ul {
    list-style-type: disc;
    padding-left: 1em;
}
.ourcapabilities ul li {
    padding-top: 1em;
}
span#mro.paragraph {
    padding-top: 8em;
}
#ourcapabilities .paragraph {
    padding-top: 2em;
}
#ourcapabilities a {
    color: black;
}
#ourcapabilities a:hover {
    color: white;
}
#ourcapabilities a:hover {
    background: orange;
    padding: 0 4px;
    border-radius:6px;
}
.mro, .parts {
    /* === floating panels style ===
    position: absolute;
    width: 40vw;
    height: 570px;
    right: 20px;
    top: 0;
    padding: 0em 2em 2em 2em !important;
    background-color: rgba(255, 255, 255, .8);
    border-radius: 10px;
    border: thin solid orange;
    */
    position: relative;
    width: 90vw;
    height: auto;
    left: 0;
    top: 50px;
    padding: 0em 2em 2em 2em !important;
}
.mro h2::after, .parts h2::after {
    content: "";
    display: block;
    position: relative;
    height: 2px;
    width: 100%;
    background: orange;
}
div#showpar {
    display: block;
    position: relative;
    top: -50px;
}

/* ---- Quality & Safety ---- */  

.qualityandsafety {
    background: url("../images/bdh/quality-safety.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50px 120px;
}
.qualityandsafety h1 {
    text-align: left;
    padding-left: 200px;
}
.qualityandsafety .paragraph {
    padding: 0 540px 0 200px;
    text-align: left;
}
.ltr-invert {
    color: currentColor;
}

/* ================== Page 6 =================== */

/* Gallery */


/* ================== Page 7 =================== */

.contactus {
    background-image: url(../images/bdh/hangar.jpg);
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-position: center 180px;
    padding-bottom: 300px;
}
.contactbox1 {
    width:calc(100% - 400px);
    Height: 400px;
    position: relative;
    left: 200px;
    top:0;
}
.contactbox1 i.fa-solid {
    color: orange;
}
.contact-title {
    height:90%;
    width: 100%;
    margin:3.8% 0;
    padding-top: 50px;
    background-color: none;
    color: black;
    text-align: left;
}
.contact-title p {
    line-height: normal;
}
.contact-title .location {
    margin-bottom: 1em;
}
.contact-title .location::after {
    content:"";
    display: block;
    width: 40px;
    height: 5px;
    background-color: orange;
    margin-top: 1em;
}
.contact-form-box {
    color: black;
    background: orange;
    height: 100%;
    width: 100%;
    padding: 4em;
}
.contact-form-title {
    font-weight: 700;
    font-size: 1.5em;
}

/* form */
.contact-form .form-field {
  position: relative;
  margin: 32px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  /*height: 36px;*/
  background-color: orange;
  border-width: 0 0 2px 0;
  border-bottom-color: black;
  border-block-end-style: solid;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
}
.contact-form .input-text:focus {
  outline: none;
}
.contact-form .input-text:focus + .label, .contact-form .input-text.not-empty + .label, .contact-form .input-text.not-empty .label {
  transform: translateY(-24px);
  color: white;
}
.contact-form .input-text::placeholder {
    color: black;
    opacity: 1;
}
.contact-form .input-text::-ms-input-placeholder {
    color: black;
}
/* .contact-form .label {
  position: absolute;
  left: 0;
  bottom: 11px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: black;
  cursor: text;
  transition: transform 0.2s ease-in-out;
} */
.contact-form .submit-btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}


/* ================== FOOTER =================== */

ul.social {
    display: flex;
    flex-direction: row;
}
ul.social li {
    margin-right: 20px;
}
.single-footer .fa-brands {
    color: orange;
}
.single-footer .fa-brands:active, .single-footer .fa-solid {
    color: orange;
}
.single-footer .fa-brands:hover {
    color: white;
}
.emailbox {
    outline: thin solid orange;
    background: grey;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: .9em;
    font-weight: 200;
    padding: 5px 0 5px 10px;
    width: 200px;
}
.emailbox::placeholder {
    color: #2b2b2b; 
}
.emailbox:focus {
    background: white;
    color: black;
}
.liner {
    width: 80%;
    height: 3px;
    margin-left:10%;
    margin-right:10%;
    background: grey;
    margin-top: 3em;
}
.copyright-text {
    margin-top: 2em;
}
.copyright-text a {
    color: orange;
}
.copyright-text a:hover {
    color: white;
}