footer { position: relative; padding-bottom: 37px; }

footer::after { content: ''; position: absolute; }

footer .footer-icons { display: flex; justify-content: space-between; align-items: end; padding-bottom: 31px; border-bottom: 1px solid #C88C32; }

@media (max-width: 767px) { footer .footer-icons { flex-direction: column; justify-content: start; align-items: flex-start; } }

@media (max-width: 767px) { footer .social-icons { margin-top: 63px; } }

footer .social-icons a { margin: 0 0 0 28px; }

@media (max-width: 767px) { footer .social-icons a:first-child { margin: 0; } }

@media (min-width: 992px) { footer .footer-container { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; margin: 38px 0; } }

@media (min-width: 992px) { footer .footer-container .footer-menu a { font-size: 12px; line-height: 24px; font-weight: 700; color: #22366A; border-bottom: 1px solid #BDC3D2; padding: 0 0 12px; margin-bottom: 12px; display: block; position: relative; }
  footer .footer-container .footer-menu a .arrow-left { position: absolute; top: 24%; width: 8px !important; height: 8px !important; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJuZXciIHdpZHRoPSI3IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgNyAxMiIgZmlsbD0ibm9uZSIgc3R5bGU9InN0cm9rZS13aWR0aDogMnB4OyI+Cgo8cGF0aCBkPSJNMSAxMS41TDYgNkwxIDAuNSIgc3Ryb2tlPSIjMjIzNjZBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+"); } }

@media (min-width: 992px) and (max-width: 1199px) { footer .footer-container .footer-menu a { line-height: 14px; }
  footer .footer-container .footer-menu a .arrow-left { top: 10%; right: 0; } }

@media (min-width: 992px) { footer .footer-container .footer-menu a:first-child { border: none; padding: 0; margin-bottom: 0; }
  footer .footer-container .footer-menu a:first-child .arrow-left { top: 30%; } }

@media (min-width: 992px) { footer .footer-container .footer-menu a.second-child { padding-top: 0; } }

@media (min-width: 992px) { footer .footer-container .footer-menu ul { padding-bottom: 12px; border-bottom: 1px solid #BDC3D2; margin-bottom: 12px; } }

@media (min-width: 992px) { footer .footer-container .footer-menu ul:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } }

@media (min-width: 992px) { footer .footer-container .footer-menu ul .inline-icons { width: 16px; height: 16px; position: relative; top: 1px; margin-right: 5px; vertical-align: text-bottom; } }

footer .footer-container .footer-menu li { display: block; }

@media (min-width: 992px) { footer .footer-container .footer-menu li ul { border-bottom: none; padding-bottom: 0; margin-bottom: 0 !important; } }

footer .footer-container .footer-menu li ul li { display: block; }

@media (min-width: 992px) { footer .footer-container .footer-menu li ul li a { line-height: 24px; font-weight: 400; } }

@media (min-width: 992px) { footer .footer-container .footer-menu li .sub-menu { font-size: 12px; line-height: 24px; font-weight: 400; color: #22366A; border-bottom: 1px solid #22366A; cursor: pointer; } }

@media (min-width: 992px) { footer .footer-container .footer-menu li .sub-menu.sub-menu-head { border-bottom: none; font-weight: 700; } }

@media (min-width: 992px) { footer .footer-container .footer-menu .dropdown-footer-menu ul { max-height: 48px; transition: ease all 0.5s; overflow: hidden; } }

@media (min-width: 992px) { footer .footer-container .footer-menu .dropdown-footer-menu.show-1 ul { max-height: 22px; } }

@media (min-width: 992px) { footer .footer-container .footer-menu .dropdown-footer-menu.show-3 ul { max-height: 72px; } }

@media (min-width: 992px) { footer .footer-container .footer-menu .dropdown-footer-menu.show-4 ul { max-height: 92px; } }

@media (min-width: 992px) { footer .footer-container .footer-menu .dropdown-footer-menu.expand-menu ul { max-height: 500px; transition: ease all 0.5s; } }

@media (min-width: 992px) { footer .footer-trending-topic { padding-top: 11px; border-top: 1px solid #C88C32; font-size: 12px; line-height: 24px; color: #22366A; margin-bottom: 11px; }
  footer .footer-trending-topic h4 { font-weight: 700; font-size: 12px; line-height: 24px; color: #22366A; }
  footer .footer-trending-topic .topics a { color: #22366A; margin-right: 5px; } }

@media (min-width: 992px) { footer .footer-form { padding-top: 24px; border-top: 1px solid #C88C32; } }

@media (max-width: 991px) { footer .footer-form { margin-top: 40px; } }

@media (min-width: 992px) { footer .footer-form .form-grid { grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 22px; } }

@media (max-width: 991px) { footer .footer-form .form-grid { grid-row-gap: 20px; } }

footer .footer-form .form-grid input { width: 100%; padding: 10px 0 6px 19px; background: #d3d7e14d; border: none; font-size: 12px; line-height: 24px; color: #22366A; }

footer .footer-form .form-grid input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #22366A; }

footer .footer-form .form-grid button { width: 100%; padding: 8px 0; font-size: 12px; line-height: 24px; }

footer .footer-connect { display: flex; justify-content: space-between; margin-top: 40px; padding-top: 28px; border-top: 1px solid #C88C32; }

@media (max-width: 991px) { footer .footer-connect { flex-direction: column; } }

@media (min-width: 992px) { footer .footer-connect { margin-top: 24px; padding-top: 16px; } }

footer .footer-connect div { font-size: 14px; line-height: 16px; color: #22366A; font-weight: 700; }

footer .footer-connect div a { color: #22366A; }

footer .footer-connect div span { vertical-align: middle; margin-right: 8px; }

footer .footer-connect div:first-child a:first-child { margin-right: 84px; }

@media (max-width: 991px) { footer .footer-connect div:first-child a:first-child { margin-bottom: 21px; } }

footer .footer-connect div.sunstone-address { font-size: 14px; line-height: 18px; font-weight: 400; }

@media (max-width: 991px) { footer .footer-connect div.sunstone-address { margin-top: 12px; } }

footer .footer-side-links { text-align: right; margin-top: 3px; }

@media (max-width: 991px) { footer .footer-side-links { margin-top: 16px; text-align: left; } }

footer .footer-side-links li { font-size: 12px; line-height: 22px; font-weight: 400; letter-spacing: -0.011em; color: #22366A; padding: 0 10px; position: relative; }

@media (max-width: 991px) { footer .footer-side-links li { padding: 0 5px; border-left: 0; } }

footer .footer-side-links li::after { content: ''; position: absolute; height: 65%; width: 1px; background: #22366A; top: 4px; left: -1px; }

footer .footer-side-links li:last-child { padding-right: 0; }

footer .footer-side-links li:first-child { border-left: none; }

@media (max-width: 991px) { footer .footer-side-links li:first-child { padding-left: 0; }
  footer .footer-side-links li:first-child::after { content: none; } }

footer .footer-side-links li a { color: #22366A; }

footer .footer-terms-condition { margin: 16px 0 100px; }

@media (max-width: 991px) { footer .footer-terms-condition { border-top: 1px solid #C88C32; padding-top: 16px; } }

@media (min-width: 992px) { footer .footer-terms-condition { margin: 34px 0 0; } }

footer .footer-terms-condition h6, footer .footer-terms-condition p { font-size: 12px; line-height: 16px; font-weight: 400; color: #22366A; }

@media (min-width: 992px) { footer .footer-terms-condition h6, footer .footer-terms-condition p { line-height: 18px; } }

footer .footer-terms-condition p { color: #647297; }
