/*================================
=============== Footer Contact Form
==================================*/

.footer-contact-form {
   background: #f7f6f6;
   max-width: 100%;
   padding: 60px 0px 40px 0px;
   margin: 20px 0px 0px 0px;
}

.footer-contact-form .contact-width-wrap {
   max-width: 1400px !important;
}

.footer-contact-form .elementor-section .elementor-container,
.footer-contact-form .elementor-row, 
.footer-contact-form .elementor-column, 
.footer-contact-form .elementor-column-wrap {
   display: block;
}

.footer-contact-form .elementor-widget:not(:last-child) {
   margin-bottom: 0px;
}

.footer-contact-form .right-side {
   width: 40%;
   display: inline-block;
   vertical-align: top;
   margin: 10px 0px 25px 10px;
}

.footer-contact-form .right-side .section-image {
   
}

.footer-contact-form .right-side .section-image img {
   border-radius: 10px;
}

.footer-contact-form .left-side {
   width: 55%;
   display: inline-block;
   vertical-align: top;
   margin: 10px 10px 15px 10px;
}

.footer-contact-form .left-side .headline p {
   color: #2c2c2c;
   font-size: 40px;
   margin-bottom: 15px;
   margin-top: 20px;
   font-weight: noraml;
}

.footer-contact-form .left-side .subtext p {
   margin-bottom: 30px;
   font-size: 20px;
   line-height: 30px;
   
}

.footer-contact-form .left-side .left-side-column {
   width: 100%;
}

.footer-contact-form ul.contact-us-section {
   text-align: right;
   margin: 10px 0px 0px 0px;
   padding: 0px 0px 5px 0px;
}

.footer-contact-form ul.contact-us-section li {
   margin: 0px 0px 20px 0px;
   list-style: none;
   line-height: 25px;
   font-size: 22px;
   font-weight: 600;
   padding: 0px 0px 1px 25px;
   display: inline-block;
}

.footer-contact-form ul.contact-us-section li,
.footer-contact-form ul.contact-us-section li a {
   color: #2c2c2c;
}

.footer-contact-form ul.contact-us-section li a {
   padding: 0px 0px 0px 0px;
   text-decoration: und
}

.footer-contact-form ul.contact-us-section li span {
   background: url(../../images/contact-icons.png) no-repeat;
   background-position: 0px 0px;
   width: 30px;
   height: 33px;
   display: inline-block;
   margin: 0px 0px -10px 10px;
}

.footer-contact-form ul.contact-us-section li.phone span {
   background-position: -2px 0px;
}

.footer-contact-form ul.contact-us-section li.whatsapp span {
   background-position: -2px -55px;
}

.footer-contact-form ul.contact-us-section li.email span {
   background-position: -2px -110px;
}

.footer-contact-form ul.contact-us-section li.address span {
   background-position: -3px -164px;
}


/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 1100px) {
   
   .footer-contact-form .right-side {
      margin: 10px 0px 25px 0px;
   }
   
}

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

   .footer-contact-form .right-side {
      width: 100%;
      margin: 10px 0px 5px 0px;
   }

   .footer-contact-form .left-side {
      width: 100%;
      margin: 10px 0px 15px 0px;
      text-align: center;
   }
   
   .footer-contact-form ul.contact-us-section {
      text-align: center;
      margin: 20px 0px 15px 0px;
   }

   .footer-contact-form ul.contact-us-section li {
      margin: 0px 0px 20px 0px;
   }
   
}

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

   .footer-contact-form .right-side {
      display: none;
   }
   
   .footer-contact-form ul.contact-us-section li {
      margin: 0px 0px 30px 0px;
      display: block;
   }

}


/*================================
=============== Contact Form
==================================*/

.footer-contact-form .contact-form {
    padding: 19px 0px 10px 15px;
    position: relative;
    z-index: 20;
    display: block;
    max-width: 750px;
}

.footer-contact-form .contact-form .clear {
   display: block;
   clear: both;
}

.footer-contact-form .contact-form .contact-info-line {
    width: 100%;
}

.footer-contact-form ::-webkit-input-placeholder {
  color: #757575;
  opacity: 1;
}

.footer-contact-form ::-moz-placeholder {
  color: #757575;
   opacity: 1;
}

.footer-contact-form ::-ms-input-placeholder {
  color: #757575;
   opacity: 1;
}

.footer-contact-form ::-moz-placeholder {
  color: #757575;
   opacity: 1;
}

.footer-contact-form .yydev-contact-form-warp input,
.footer-contact-form .yydev-contact-form-warp textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #4c4c4c;
    color: #4c4c4c;
}

.footer-contact-form .contactName,
.footer-contact-form .contactEmail,
.footer-contact-form .contactPhone,
.footer-contact-form .heardAbout,
.footer-contact-form textarea.contactMessage {
    background: #fff url(../../images/contact-form-icons-darker.png) no-repeat; 
    background-position: 99% 0px;
    padding: 3px 44px 5px 5px;
}

.footer-contact-form .contactName {background-position: right 10px top 7px;}
.footer-contact-form .contactEmail {background-position: right 10px top -53px;}
.footer-contact-form .contactPhone {background-position: right 10px top -114px;}
.footer-contact-form .heardAbout {background-position: right 10px top -176px;}
.footer-contact-form textarea.contactMessage {background-position: right 9px top -239px;}

.footer-contact-form .contact-form .contact_name_warp,
.footer-contact-form .contact-form .contact_email_warp,
.footer-contact-form .contact-form .contact_phone_warp {
    width: 49%;
    float: right;    
}

.footer-contact-form .contact-form .contact_phone_warp {
    margin-right: 10px;
}

.footer-contact-form .contact-form .contact_email_warp {
    width: 99.5%;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.footer-contact-form .contact-form .contact_submit {
    background: #97426b;
    border: none;
    width: 200px;;   
    margin: 10px 3px 4px 3px;
   float: left;
   border-radius: 5px;
   font-weight: normal;
   font-size: 17px;
   color: #fff;
}

.footer-contact-form .contact-form .contact_submit span {
   display: none;
}

.footer-contact-form .contact-form div.wpcf7-response-output {
    color: #646464;
    border: 1px solid #ff0000 !important;
    margin: -4px 4px 12px -2px !important;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

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

    .footer-contact-form .contact-form .contact-info-line {
      width: 100%;
      display: block;
    }

    .footer-contact-form .contact-form {
      max-width: 95%;
      margin: 0px auto 10px;
    }

    .footer-contact-form .contact-form div.wpcf7-response-output {
        margin: -2px 2px 12px 0px !important;
        width: 100%;
    }

    .footer-contact-form .contact-form .contact_name_warp,
    .footer-contact-form .contact-form .contact_email_warp,
    .footer-contact-form .contact-form .contact_phone_warp {
        display: block;
        width: 100%;
        float: none;
    }
    
    .footer-contact-form .contact-form .contact_phone_warp {
        margin-right: 0px;
    }
   
}

@media only screen and (max-width: 768px) {
   
   .footer-contact-form {
      background: #f7f6f6;
      max-width: 100%;
      padding: 20px 0px 0px 0px;
      margin: 20px 0px 0px 0px;
   }
   
   .footer-contact-form .contact-form .contact_submit {
      margin: 25px auto 4px;
      float: none;
      width: 90%;
   }
   
}

/*================================
=============== Footer
==================================*/

.footer {
   max-width: 100%;
   text-align: center;
   padding: 23px 5px 23px 5px;
   margin: 0px 0px 0px 0px;
   background: #191919;
}

.footer .elementor-section .elementor-container,
.footer .elementor-row, 
.footer .elementor-column, 
.footer .elementor-column-wrap {
   display: block;
}

.footer .elementor-widget:not(:last-child) {
   margin-bottom: 0px;
}

.footer .footer-warp {
   max-width: 100%;
   margin: 0 auto;
}

.footer .copyright-footer {
   max-width: 1200px !important;
   margin: 0 auto;
   padding: 0px 10px 0px 10px;
}

.footer .copyright-footer .copyright-footer-left {
   float: left;
   width: 30% !important;
   max-width: 100%;
   display: inline-block !important;
   text-align: left;
   padding: 0px 0px 0px 10px;
}

.footer .copyright-footer .copyright-footer-right {
   float: right;
   width: 70% !important;
   max-width: 100%;
   display: inline-block !important;
   text-align: right;
}

.footer .copyright-footer p {
   font-size: 16px;
   font-weight: normal;
   text-decoration: none;
   padding: 12px 5px 15px 5px;
   margin: 0px 0px 0px 0px;
   line-height: 20px;
}

.footer .copyright-footer p,
.footer .copyright-footer p a {
   color: #fff;
   font-family: arial;
}

.footer .copyright-footer p a {
   text-decoration: underline;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

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

   .footer .copyright-footer .copyright-footer-warp {
      padding: 0px 20px 0px 20px;
   }

   .footer .copyright-footer .copyright-footer-left {
      padding: 0px;
   }    

}

@media only screen and (max-width: 960px) {
   
   .footer {
      padding: 12px 5px 13px 5px;
   }
   
   .footer .copyright-footer {
      padding: 8px 0px 14px 0px;
   }

   .footer .copyright-footer .copyright-footer-right {
      float: none;
      text-align: center;
      width: 100% !important;
      max-width: 100%;
      display: block !important;
      padding-bottom: 5px;
   }

   .footer .copyright-footer .copyright-footer-left {
      float: none;
      text-align: center;
      width: 100% !important;
      max-width: 100%;
      display: block !important;
   }   

   .footer .copyright-footer p {
      padding: 0px 5px 0px 5px;
      line-height: 18px;
   }
   
}