.footer-module.hide-instagram .footer-upper {
display: none;
}
.footer-module.hide-instagram .footer-lower {
border-top: 0;
padding-top: 0;
}
.footer-social-icons svg {
fill: #181818;
width: 15px;
}
.footer-lower>div>h5 {
margin-bottom: 0;
}
.footer-lower>div>h5:after {
background: #000;
content: "";
display: block;
height: 1px;
margin-bottom: 23px;
margin-top: 10px;
width: 56px;
}
.footer-lower {
border-top: 1px solid #d9d9d9;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 47px;
margin-top: 53px;
padding-top: 83px;
}
.footer-col-1 {
width: 16%;
}
.footer-col-2,
.footer-col-3,
.footer-col-4 {
width: 24%;
}
.footer-module {
background-repeat: no-repeat;
display: inline-block;
width: 100%;
}
.footer-nav li.hs-menu-item.hs-menu-depth-1 {
width: 100%;
}
.footer-nav li.hs-menu-item.hs-menu-depth-1 a {
color: #545454;
display: inline-block;
margin-bottom: 15px;
text-transform: uppercase;
}
.footer-social-icons ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.footer-social-icons ul li a {
align-items: center;
border: 1px solid #fff;
display: flex;
flex-wrap: wrap;
height: 50px;
justify-content: center;
margin-right: 9px;
transition: all 0.3s ease;
width: 50px;
}
.footer-social-icons ul li a span {
display: flex;
}
.footer-social-icons ul li a:hover {
background: #102236;
border: 1px solid #102236;
}
.footer-social-icons ul li a:hover svg {
fill: #fff;
}
.footer-col3-content h6 {
color: #626262;
font-size: 18px;
margin-bottom: 6px;
text-transform: capitalize;
}
.footer-col3-content h6 a {
font-size: 16px;
text-transform: lowercase;
}
.footer-social-icons {
margin-bottom: 30px;
margin-top: 20px;
}
.fc-flex {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.fc-left,
.fc-right {
width: 50%;
}
.fc-right ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
list-style: none;
margin: 0;
padding: 0;
}
.fc-right ul li a {
color: #181818;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.fc-right ul li:after {
content: "|";
margin: 0 10px;
}
.fc-right ul li:last-child:after {
content: "";
margin: 0;
}
.fc-left p {
font-size: 14px;
margin-bottom: 0;
}
.footer-copyright {
border-top: 1px solid #d9d9d9;
padding-bottom: 37px;
padding-top: 26px;
}
.footer-upper h5 {
justify-content: center;
}
.footer-upper h5,
.footer-upper h5 a {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.footer-upper h5 a {
font-family: inherit;
}
.insta-posts ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.insta-posts ul li {
margin-right: 2.083%;
width: 12.5%;
}
.insta-posts ul li:nth-child(7n) {
margin-right: 0;
}
.footer-upper {
margin-top: 56px;
}
.insta-posts ul li a {
display: inline-block;
width: 100%;
}
.insta-posts ul li a img {
width: 100%;
}
.footer-popup {
align-items: center;
background: hsla(0, 0%, 100%, 0.75);
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
overflow-y: auto;
padding: 20px;
position: fixed;
top: 0;
transition: all 0.5s ease;
visibility: hidden;
width: 100%;
}
.footer-popup.active {
opacity: 1;
visibility: visible;
}
.footer-form-wrapper {
background: rgba(0, 0, 0, 0.65);
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
margin: 0 auto;
max-width: 600px;
padding: 50px 30px;
position: relative;
}
.footer-popup-close {
align-items: center;
background: #fff;
color: #000;
cursor: pointer;
display: flex;
flex-wrap: wrap;
font-family: Helvetica Neue LT Pro;
font-size: 20px;
height: 30px;
justify-content: center;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 30px;
}
h3.footer-form-wrapper-title {
color: #fff;
font-size: 30px;
margin-bottom: 0;
text-align: center;
}
h5.footer-col-4-title {
margin-top: 40px;
}
.d1_popup,
.kk_popup {
align-items: center;
background: hsla(0, 0%, 100%, 0.75);
display: flex;
flex-wrap: wrap;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
overflow-y: auto;
padding: 20px;
position: fixed;
top: 0;
transition: all 0.5s ease;
visibility: hidden;
width: 100%;
z-index: 9999;
}
.d1_popup.active,
.kk_popup.active {
opacity: 1;
visibility: visible;
}
.d1_popup .footer-form-wrapper,
.kk_popup .footer-form-wrapper {
max-width: 880px;
}
.d1_popup .d1_popup_row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.kk_popup .kk_popup_row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.d1_popup .video-slider-item,
.kk_popup .video-slider-item {
background-color: #fff;
display: inline-block;
padding: 0;
}
.d1_popup .video-slider-item .slider-video-section,
.kk_popup .video-slider-item .slider-video-section {
height: 240px;
}
.d1_popup .video-slider-item h5,
.kk_popup .video-slider-item h5 {
padding: 0 10px;
}
@media (max-width: 840px) {
.footer-col-1,
.footer-col-2,
.footer-col-3,
.footer-col-4 {
width: 48%;
}
.footer-lower {
margin-top: 20px;
padding-top: 30px;
}
.insta-posts ul li {
margin-right: 1.33%;
width: 24%;
}
.insta-posts ul li:nth-child(4n) {
margin-right: 0;
}
.insta-posts ul {
justify-content: center;
}
.insta-posts ul li:nth-child(7n) {
margin-right: 1.33%;
}
.insta-posts ul li:last-child {
margin-right: 0;
}
}
@media (max-width: 767px) {
.d1_popup .d1_popup_row,
.kk_popup .kk_popup_row {
grid-template-columns: repeat(1, 1fr);
}
.footer-lower>div {
margin-bottom: 30px;
width: 100%;
}
.footer-lower>div:last-child {
margin-bottom: 0;
}
.footer-copyright {
padding: 20px 0;
}
.fc-left {
margin-bottom: 10px;
}
.fc-left,
.fc-right {
text-align: center;
width: 100%;
}
.fc-right ul {
justify-content: center;
}
}