/*--contact.css--*/

/*inner-banner*/

.inner-banner { margin:0; padding:0; width: 100%; height:450px;position: relative;}
.inner-banner .bannerImg { margin:0; padding:0; position: relative;width: 100%;height: 100%;z-index: 1;}
.inner-banner .bannerImg img {  width: 100%;  height: 100%; object-fit: cover; }

.inner-banner .banner-text {  margin: 0;  padding: 0; position: absolute;
  left: 0;  top: 0; z-index: 5;
  width: 100%;  height: 100%; 
  background: linear-gradient(90deg, rgba(11, 1, 0, 0.86) 0%, rgba(0, 0, 0, 0.37) 100%); }
  
.inner-banner .banner-text .container {   height: 100%;}
.inner-banner .banner-text .textsec { margin:0; padding:116px 0 0 0; display: flex;align-items: start;justify-content: center;flex-direction: column;width: 69%;/*! height: 100%; */}
.inner-banner .banner-text .textsec h1 { margin:0; padding:0 0 20px 0; font-weight: 600;font-size: 55px;line-height: 74px;letter-spacing: 0%;text-transform: capitalize;color: #fff;display: block;}
.inner-banner .banner-text .textsec p { margin:0; padding:0;font-weight: 400;font-size: 24px;line-height: 40px;letter-spacing: 0%;text-transform: capitalize;color: #fff;}
.inner-banner .banner-text .textsec .item-btn { margin: 21px 0 0 0; padding: 0 0 0 15px;
  width: 206px; height: 52px; border-radius: 27px;  background: #FFF;
  align-items: center;  font-weight: 600; font-size: 14px;  line-height: 20px;  letter-spacing: 0%;
  text-transform: capitalize; color: #38395F; position: relative; display: inline-flex; }

.inner-banner .banner-text .textsec .item-btn span {  margin: 0;  padding: 0; display: inline-block;
  background: #38395F;  width: 38px;  height: 38px; border-radius: 40px;
  display: flex;  align-items: center;  justify-content: center;  position: absolute;
  right: 5px; top: 50%; transform: translatey(-50%); }
  
.inner-banner .banner-text .textsec .item-btn span img {  filter: brightness(0) invert(1);  transition: all 0.3s; }
.inner-banner .banner-text .textsec .item-btn:hover span { background: #99a9da; }
.inner-banner .banner-text .textsec .item-btn:hover span img { transform: rotate(43deg); }

/*inner-banner*/


/*contact-formwrapper*/

.contact-formwrapper { margin: 0; /*! padding: 0 0 57px 0; */ }
.contact-formwrapper .bd { margin: 0; padding: 0; display: flex;position: relative;margin-top: -30px;background: #fff;/*! box-shadow: 0px 20px 37px -18px rgba(0,0,0, 0.5); */border-radius: 14px 14px 0 0;overflow: hidden;z-index: 10;}

.contact-formwrapper .col-left { margin: 0; padding: 30px 0 50px 0; width: 60%;}

.contact-formwrapper .col-left h2 { margin: 0; padding: 0 0 27px 0; font-size:26px;  font-weight: 400;  line-height: 39px; 
  color: #505050; text-align:center; 
text-transform: uppercase;
}

.contact-formwrapper .col-left .form-sec {margin: 0;padding: 0 12px;width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 10;}
.contact-formwrapper .col-left .form-sec .item { margin: 0; padding: 12px 6px;  width: 50%; position: relative; }
.contact-formwrapper .col-left .form-sec .item.item-full { width:100%; }

/*------------*/

.contact-formwrapper .col-left .form-sec .item .input-text { margin: 0;    padding: 14px 9px;    width: 100%;
    border: 0;    font-size: 15px;    line-height: 20px;
   color: #000;  font-weight: 500;    border-radius: 2px;   border: 1px solid #c2c2c2; background: #fff; }


.contact-formwrapper .col-left .form-sec .item .input-text::placeholder { opacity: 0; }

.contact-formwrapper .col-left .form-sec .item > label {
    position: absolute;    top: 50%;    left: 1em;    color: #999999;    transform: translateY(-50%);
    cursor: text;    transition: all 0.1s ease-out;     font-size: 15px;
  line-height: 20px;
  color: #000;
  font-weight:400; }



/*.apply-nowpopup-bd .form-bd .form-sec .item .input-text .input-text:focus { outline: 2px solid #0d4c92; }*/

.contact-formwrapper .col-left .form-sec .item .input-text:focus + label {  padding: 0 0.5em;  top: 11px;
    left: 11px; font-size: 0.8em; font-weight: 500; font-size:13px;
    color: #4f4f4f;  background: #fff; }

.contact-formwrapper .col-left .form-sec .item .input-text:not(:placeholder-shown) + label {
  padding: 0 0.5em; top: 11px;  left: 11px; font-size: 0.8em; font-weight: 500; font-size: 12px;
  color: #ff7303; background: #fff; }

.contact-formwrapper .col-left .form-sec .item .input-text:focus + label { font-size:13px; color: #4f4f4f; }

.contact-formwrapper .col-left .form-sec .item .input-text:placeholder {  border:0; outline:0; box-shadow:none; color:#000; }
.contact-formwrapper .col-left .form-sec .item .input-text:focus { border: 1px solid #c2c2c2; outline:0; box-shadow:none; }

/*------------*/

.contact-formwrapper .col-left .form-sec .item select { margin: 0;padding: 14px 9px;width: 100%;
    font-size: 15px;line-height: 20px;color: #000; font-weight:400;background: #fff;border-radius: 2px; 
    border: 1px solid #c2c2c2; }

.contact-formwrapper .col-left .form-sec .item-submit {    margin: 0;    padding: 30px 0 0 0;    width: 100%;
    display: flex;    align-items: center;    justify-content: center; }

.contact-formwrapper .col-left .form-sec .item-submit .submit-btn {  margin: 0;  padding: 12px 43px;  display: inline-block;
  font-size: 18px;  color: #fff;  line-height: 22px;  border: 0;  border-radius: 50px;
  background: #003f74;  font-weight: 500;  text-transform: uppercase;  transition: all 0.3s; }

.contact-formwrapper .col-left .form-sec .item-submit .submit-btn:hover { background:#292944; }

/**/

.contact-formwrapper .col-right { margin: 0;  padding: 30px 20px; width: 40%; background: #292944; }

.contact-formwrapper .col-right h3 { margin: 0; padding: 0; font-size:26px;line-height: 30px;color: #fff;font-weight: 600;text-align: left;text-transform: uppercase;}
.contact-formwrapper .col-right .text-bd { margin: 0; padding: 40px 0 0 0; }
.contact-formwrapper .col-right .text-bd .item-col { margin: 0; padding: 11px 0; display: flex;align-items: center;flex-wrap: wrap;}
.contact-formwrapper .col-right .text-bd .item-col .fa { margin: 0; padding: 0; font-size: 33px;color: #fff;width: 36px;display: flex;align-items: center;justify-content: center;}
.contact-formwrapper .col-right .text-bd .item-col .right-txt  {margin: 0; padding: 0 0 0 20px;  width: 90%;}
.contact-formwrapper .col-right .text-bd .item-col .right-txt p {margin: 0; padding: 0;  font-size: 18px;line-height: 27px;color: #fff;font-weight: 500;}

.contact-formwrapper .col-right .text-bd .item-col .right-txt p a {  margin: 0;  padding: 0;  display: inline-block;
  font-size: 23px;  color: #fff; }
.contact-formwrapper .col-right .soc-link {    margin: 0; padding: 33px 0 0 0; }
.contact-formwrapper .col-right .soc-link span {    margin: 0;    padding: 0 0 10px 0;    display: block;
    font-size: 18px;    color: #fff;    line-height: 24px;    font-weight: 600; }
.contact-formwrapper .col-right .soc-link ul {    margin: 0;    padding: 0;  display: flex; }
.contact-formwrapper .col-right .soc-link ul li {    margin: 0;    padding: 0 8px 0 0; }

.contact-formwrapper .col-right .soc-link ul li a {    margin: 0;    padding: 0 15px 0 0;    display: block;
    align-items: center;    /*! width: 45px; */    /*! height: 45px; */
    line-height: 45px;    font-size: 25px;    /*! background: #fff; */
    border-radius: 50px;    justify-content: center;    color: #fff; }

/*contact-formwrapper*/

/*contact-map*/

.contact-map { margin: 0; padding: 0; width:100%; height:400px; position: relative;z-index: 1;}

/*contact-map*/

.floating-textarea {  overflow:hidden;  overflow-x: hidden; }

.floating-label { position:relative; }

.floating-input:focus , .floating-select:focus {   outline:none;  border-bottom:2px solid #5264AE; }

.floating-form label {  color: #000;  font-size: 15px;  line-height: 20px; font-weight: 400;
  background: #fff; position: absolute; pointer-events: none; left: 10px; top: 13px;
  transition: 0.2s ease all;  -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label { top:-18px;  font-size:12px; color:#ff7303; }
.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {  top: -11px; font-size: 12px;  color: #ff7303;
font-weight: 400; }

/*contact-formwrapper*/

/*map-block*/

.map-block { margin:0; padding:30px 20px; }
.map-block .mapbd { margin:0; padding:0; width: 100%;height:500px;border-radius: 17px;overflow: hidden;border: 1px solid #fff;box-shadow: 0px 0px 10px -2px rgba(0,0,0, 0.5);}
.map-block .mapbd iframe { width:100%; height:100%;  }

/*map-block*/


/*--contact.css--*/

/*--mediaquery-start--*/

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

    .contact-formwrapper .col-right .text-bd .item-col {  flex-wrap: nowrap; }
    .contact-formwrapper .col-right .text-bd .item-col .right-txt p a {  font-size: 20px; }
    .inner-banner .banner-text .textsec h1 {  font-size: 40px;  line-height: 50px; }



/**/
 }
/**/
@media screen and (max-width:991px){

    .inner-banner {  width: 100%;  height: 350px; }
    .map-block .mapbd { height: 300px; }


/**/
}
/**/
@media screen and (max-width:767px){

.contact-formwrapper .bd {  display: block; }
.contact-formwrapper .col-left { padding: 30px 0 50px 0;    width: 100%; }
.contact-formwrapper .col-right {  padding: 30px 20px;    width: 100%; }





/**/
    }
/**/
@media screen and (max-width:576px){

.inner-banner .banner-text .textsec h1 {    font-size: 24px;    line-height: 50px; }

.contact-formwrapper .col-left h2 {    font-size: 24px; line-height: 39px; }
.contact-formwrapper .col-left .form-sec {    display: block; }
.contact-formwrapper .col-left .form-sec .item {    padding: 6px 6px;  width: 100%; }


/**/
 }
/**/


/*--mediaquery-end--*/