.footer-sec { width: 100%; display: inline-block; background: #181818; padding: 50px 0 120px 0; position: relative; z-index: 1; }
.footer-sec:before { content:""; display: table; height: 200px; -webkit-transform: skewY(-2.5deg); -moz-transform: skewY(-2.5deg); -ms-transform: skewY(-2.5deg); -o-transform: skewY(-2.5deg); transform: skewY(-2.5deg); position: absolute; left: 0; top: -65px; width: 100%; -webkit-backface-visibility: hidden; background: inherit; z-index: -1; }
.footer-sec .footer-inner { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; }
.footer-sec .footer-left { width: 33.33%; display: inline-block; margin: 0; }
.footer-sec .footer-right { width: 66.66%; display: inline-block; padding-left: 62px; margin: 0; max-width: 744px; }
.footer-sec .form-wrap { width: 100%; display: inline-block; }
.footer-sec .form-wrap .contain { width: 100%; display: inline-block; }
.footer-sec .form-wrap .contain h3 { font-size: 2.7rem; font-family: 'Gotham'; margin-bottom: 10px; font-weight: 700; color: #fff; letter-spacing: 0; width: 100%; display: inline-block; }
.footer-sec .form-wrap .contain p { width: 100%; display: inline-block; }
.footer-sec .form-wrap .form { width: 100%; display: inline-block; }
.footer-sec .form-wrap .form form { width: 100%; display: inline-block; background: transparent; }
.footer-sec .form-wrap .form form fieldset .hs-form-field > label { display: none; }
.footer-sec .form-wrap .form form fieldset .hs-form-field input, .footer-sec .form-wrap .form form fieldset .hs-form-field textarea { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f7f7f8 0%, #fff 100%) repeat scroll 0 0; border: medium none; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset, 0 -1px 0 rgba(0, 0, 0, .05) inset; padding: 5px 7px; display: inline-block; transition: all .2s linear 0s; color: #000; width: 100%; vertical-align: top; height: 35px; font-size: 15px; line-height: 20px; font-family: 'Tahoma'; font-weight: 400; }
.footer-sec .form-wrap .form form fieldset .hs-form-field input::placeholder, .footer-sec .form-wrap .form form fieldset .hs-form-field textarea::placeholder { color: #757575; }
.footer-sec .form-wrap .form form fieldset .actions { width: 100%; display: inline-block; }
.footer-sec .form-wrap .form form .actions input[type=submit] { font-size: 15px; line-height: 20px; background: #128bad !important; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset, 0 -1px 0 rgba(0, 0, 0, .05) inset; border: 0; padding: 7px 20px; font-weight: 700; color: #fff; cursor: pointer; margin-right: 8px; width: auto; display: inline-block; }
.footer-sec .form-wrap .form form .hs_submit.hs-submit { width: 100%; display: inline-block; }
.footer-sec .form-wrap .form form .hs_submit.hs-submit .actions { width: 100%; display: inline-block; text-align: right; }
.footer-sec .footer-right .title { width: 100%; display: inline-block; }
.footer-sec .footer-right .title h3 { font-size: 2.7rem; font-family: 'Gotham'; margin-bottom: 10px; font-weight: 700; color: #fff; letter-spacing: 0; width: 100%; display: inline-block; }
.footer-sec .footer-right .social-bar { width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #761d3c; color: #fff; border-radius: 10px; padding: 20px 25px; font-family: 'Gotham'; font-weight: 700; }
.footer-sec .social-bar .left { width: 50%; display: flex; align-items: center; justify-content: flex-start; }
.footer-sec .social-bar .right { width: 50%; display: inline-block; }
.footer-sec .social-bar .left span { width: auto; display: inline-block; font-family: 'Gotham'; font-weight: 700; font-size: 1.5rem; line-height: 2rem; margin: 0; }
.footer-sec .social-bar .left a { width: auto; display: flex; align-items: center; justify-content: flex-start; background-color: #fff; border-radius: 16px; color: #000 !important; padding: 0 20px 0 0; margin: 0 0 0 14px; font-size: 15px; line-height: 20px; font-weight: 700; font-family: 'Gotham'; transition: 0.2s; }
.footer-sec .social-bar .left a img { width: 33px; height: 32px; display: inline-block; object-fit: contain; object-position: center; margin: 0 12px 0 0; }
.footer-sec .social-bar .left a:hover { box-shadow: 0px 0px 1px 3px #fff; text-decoration: underline; }
.footer-sec .social-bar .right ul { width: 100%; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; }
.footer-sec .social-bar .right ul span { width: auto; display: inline-block; font-family: 'Gotham'; font-weight: 700; font-size: 1.5rem; line-height: 2rem; margin: 0; padding: 0 10px 0 0; }
.footer-sec .social-bar .right ul li { width: auto; display: inline-block; margin: 0 5px; line-height: 0; }
.footer-sec .social-bar .right ul li a { width: 100%; display: inline-block; }
.footer-sec .social-bar .right ul li a img { width: 33px; height: 32px; display: inline-block; vertical-align: middle; border-radius: 50%; object-fit: contain; object-position: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.footer-sec .social-bar .right ul li a:hover img { box-shadow: 0px 0px 1px 3px #fff; }


@media(max-width:1299px){
  .footer-sec { padding: 50px 0 100px 0; }
  .footer-sec .footer-right { padding-left: 20px; }
  .footer-sec .social-bar .left a { padding: 0 12px 0 0; margin: 0 0 0 6px; }
  .footer-sec .social-bar .right { width: 45%; }
  .footer-sec .social-bar .left { width: 55%; }
  .footer-sec .social-bar .right ul li { margin: 0 4px; }
}

@media(max-width:991px){
  .footer-sec .footer-left { width: 45%; }
  .footer-sec .footer-right { width: 55%; }
  .footer-sec .footer-right .title h3 { font-size: 2.4rem; }
  .footer-sec .form-wrap .contain h3 { font-size: 2.4rem; }
  .footer-sec .footer-right .social-bar { padding: 20px 20px; flex-wrap: wrap; }
  .footer-sec .social-bar .left { width: 100%; }
  .footer-sec .social-bar .right { width: 100%; margin: 12px 0 0 0; }
  .footer-sec .social-bar .right ul { justify-content: flex-start; }
  .footer-sec .social-bar .left a { margin: 0 0 0 12px; }
}

@media(max-width:767px){
  .footer-sec .footer-inner { flex-wrap: wrap; }
  .footer-sec .footer-left { width: 100%; }
  .footer-sec .footer-right { width: 100%; padding: 30px 0 0 0; }
  .footer-sec { padding: 0 0 60px 0; }
}

@media(max-width:480px){
  .footer-sec .form-wrap .form form fieldset .hs-form-field input, .footer-sec .form-wrap .form form fieldset .hs-form-field textarea { width: 100% !important; }
  .footer-sec .footer-right .social-bar { padding: 20px 12px; }
  .footer-sec .footer-right .title h3 { font-size: 2.2rem; }
}