@font-face {
    font-family: "Circular Pro";
    src: url("../../theme/29/fonts/") format("woff2"),
         url("../../theme/29/fonts/CircularPro-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Circular Pro";
    src: url("../../theme/29/fonts/CircularPro-Medium.woff2") format("woff2"),
         url("../../theme/29/fonts/CircularPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Silver South Script";
    src: url("../../theme/29/fonts/SilverSouthScript-Regular.woff2") format("woff2"),
         url("../../theme/29/fonts/SilverSouthScript-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Miller Display";
    src: url("../../theme/29/fonts/MillerDisplay-Roman.woff2") format("woff2"),
         url("../../theme/29/fonts/MillerDisplay-Roman.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.site_footer {background:#302e2a; padding:20px 0px; color: #fff; border-top: 2px solid var(--main-color);}
.footer_colum h4 {margin-top:0; color: var(--main-color); font-size: 17px; position: relative;  margin-bottom:16px;font-weight:500; text-transform:uppercase;}
.footer_colum h3, .footer_colum h4, .footer_colum a, .footer_colum p{font-family: 'Circular Pro'; font-weight: 500;}
.footer_colum i {color: #fff;}
.footer-address ul li{margin:10px 0px;}
.footer-address ul li a{color: #fff;}
.ho_footer-navbar ul li{margin-bottom: 10px;}
.ho_footer-navbar ul li a{position:relative; display:inline-block; font-weight:500; color: #fff; transition: 0.5s; text-decoration:none;}
.ho_footer-navbar ul li a:hover{padding-left:5px;}
.fo_newsletter{position: relative;}
.fo_newsletter .form-control {background: #fff; border: 1px solid #eaeaea; padding: 0.375rem 7rem 0.375rem 0.75rem; border-radius:0;}
.fo_newsletter .btn {background: var(--main-color); border: 0px; color: #fff; position:absolute; bottom:0px; width:auto; right:0; margin:0; border-radius:0; top:0;}
.footer_copyright {background:var(--main-color); padding: 10px 0px; color: #fff; position: relative;}
.footer_copyright:before{
  content:'';
  position: absolute;
  left: 0;
  top: 0;
  background: #0000002e;
  width: 100%;
  height: 100%;
}
.fo_copy p {font-size: 13px; text-align: end; font-weight: 500;}
.fo_social-media-col ul{margin-bottom: 0px;}
.fo_social-media-col ul li a {
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff3d;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #fff;
    display:flex;
    text-align: center;
    font-size: 20px;
}
.fo_social-media-col ul li a span{font-size: 18px;}
.fo_social-media-col ul li {padding: 0 1px;}
.facebookbg a {background: #3b5998;}
.twitterbg a {background: #000;}
.youtubebg a {background: #ff0000;}
.linkedinbg a {background: #0a66c2;}
.googlebg a {background: #e44134;}
.payment_method strong {font-size: 12px;}
  .instagrambg a {
    background: radial-gradient(circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285aeb 90%);
  }
.copy_right{display: flex; align-items: center; flex-wrap: wrap;}
.payment-option .list-inline {margin: 0px;}
.payment-option ul li {padding: 0;}
.payment-option img {border-radius: 3px; width:34px;}
.footer_colum ul li a {color: #fff; font-weight: 500; text-decoration: none; font-size: 14px;}
.footer-address ul li {margin: 0 0px 22px; color: #fff; padding-left: 40px; position: relative;}
.footer-address i {position: absolute; left: 0; color: #fff; border-radius: 20px; border:1px solid #fff; height:30px; width:30px; line-height:30px; text-align:center;}
.signup-form .form-control {
  border-radius: 0;
  height: 56px;
  margin-top: 20px;
  background: transparent;
  border-color: var(--main-color);
}
.signup-form .form-control:focus{
  border-radius: 4px;
  border: 2px solid#000;
  outline: 1px solid#fff;
  box-shadow: none;
}
.signup_btn {
    height: 56px;
    margin-top: 20px;
    border-radius: 0;
    background: var(--main-color);
    font-size: 15px;
    font-weight: 400;
    transition: ease 0.3s;
}
.signup-form p {
  font-size: 11px;
  margin-top: 5px;
  color: #dbdbdb;
}

.error {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    padding: 5px 0 0 12px;
}

.signup_btn:hover {
    background: #000;
    border: 1px solid var(--main-color);
}
    
.footer-address h3{
    font-size: 19px;
    margin: 0;
    margin-bottom: 10px;
}
.fo_social-media-col ul li a:hover{
  text-decoration: none;}

.footer-info{
  display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:30px;
    border-bottom:1px solid #ffffff42;
    padding-bottom:15px;
}

@media screen and (max-width: 991px){
    .footer_colum {margin-bottom: 30px;}
    .payment-option img {width:47px; margin-bottom: 5px;}
    .fo_copy p{margin-top: 5px; font-family: 'Circular Pro'}
}
@media screen and (max-width: 768px){
    .fo_copy{text-align: center;}
    .payment-option{margin: 10px 0px; text-align: center;}
    .payment-option .list-inline-item{padding-left: 0px;}
 }
@media screen and (max-width: 767px){
      .payment-option img {
        width: 34px; }
    .fo_copy p{text-align: center;}
      .footer-address ul li {padding-left: 40px;}
    .payment-option {margin:5px 0px;}
    .copy_right{text-align: center;}
}





