
/*=====================
16.  Footer Support List
=====================*/
.footer-support-list {
text-align: center;
border-bottom: 8px solid #2559a6;
background-color: #151747;
padding: 10px 0px; }
.footer-support-list ul {
display: inline-block;
margin: 0px;
padding-bottom: 12px; }
.footer-support-list ul li {
float: left;
list-style: none;
margin-right: 40px; }
@media (max-width: 990px) {
.footer-support-list ul li {
margin-right: 25px; } }
@media (max-width: 700px) {
.footer-support-list ul li {
margin-right: 10px; } }
@media (max-width: 480px) {
.footer-support-list ul li {
margin-right: 5px; } }
.footer-support-list ul li:hover .footer-thumb i {
background-color: #151747;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
padding: 20px;
margin-top: -30px; 
z-index: 1}
.footer-support-list ul li .footer-thumb i {
font-size: 60px;
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-top: 17px; }
@media (max-width: 640px) {
.footer-support-list ul li .footer-thumb i {
font-size: 40px; } }
@media (max-width: 480px) {
.footer-support-list ul li .footer-thumb i {
font-size: 30px; } }
.footer-support-list ul li .footer-content {
margin-top: 12px; }
.footer-support-list ul li .footer-content p {
color: #fff;
text-transform: capitalize; }
@media (max-width: 640px) {
.footer-support-list ul li .footer-content p {
font-size: 12px; } }
@media (max-width: 480px) {
.footer-support-list ul li .footer-content p {
font-size: 9px; } }
@media (max-width: 400px) {
.footer-support-list ul li .footer-content p {
font-size: 9px; } }
@media (max-width: 375px) {
.footer-support-list ul li .footer-content p {
font-size: 8px; } }
@media (max-width: 320px) {
.footer-support-list ul li .footer-content p {
font-size: 7px; } }
.footer-support-list ul li .footer-content p a {
color: #fff; }

/*=====================
16.  Footer Area
=====================*/
.footer-widget-1, .footer-widget-2, .footer-widget-3 {
margin: 110px 0px;
margin-bottom: 120px; }
@media (max-width: 990px) {
.footer-widget-1, .footer-widget-2, .footer-widget-3 {
margin: 20px 0px; } }
@media (max-width: 768px) {
.footer-widget-1, .footer-widget-2, .footer-widget-3 {
text-align: center; } }

.footer-area {
background: #344153; }
.footer-area .widget-title {
font-size: 14px;
text-transform: uppercase;
display: block;
margin-top: 85px; }
.footer-area .widget-title h6 {
color: #fff;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 10px; }
@media (max-width: 1100px) {
.footer-area .widget-title h6 {
font-size: 20px; } }
.footer-area .widget-title p {
position: relative; }
.footer-area .widget-title p:after {
content: "";
position: absolute;
bottom: 10px;
right: 0px;
width: 100px;
height: 3px;
background-color: #fff; }
@media (max-width: 1200px) {
.footer-area .widget-title p:after {
right: -10px; } }
@media (max-width: 990px) {
.footer-area .widget-title p:after {
right: 50px; } }
@media (max-width: 768px) {
.footer-area .widget-title p:after {
right: 190px; } }
@media (max-width: 700px) {
.footer-area .widget-title p:after {
right: 210px; } }
@media (max-width: 640px) {
.footer-area .widget-title p:after {
right: 185px; } }
@media (max-width: 480px) {
.footer-area .widget-title p:after {
right: 200px; } }
@media (max-width: 400px) {
.footer-area .widget-title p:after {
right: 205px; } }
@media (max-width: 360px) {
.footer-area .widget-title p:after {
right: 190px; } }
@media (max-width: 320px) {
.footer-area .widget-title p:after {
right: 170px; } }
.footer-area .widget-title p::before {
content: "";
position: absolute;
bottom: 10px;
left: 0px;
width: 100px;
height: 3px;
background-color: #fff; }
@media (max-width: 1200px) {
.footer-area .widget-title p::before {
left: -10px; } }
@media (max-width: 990px) {
.footer-area .widget-title p::before {
left: 50px; } }
@media (max-width: 768px) {
.footer-area .widget-title p::before {
left: 190px; } }
@media (max-width: 700px) {
.footer-area .widget-title p::before {
left: 210px; } }
@media (max-width: 640px) {
.footer-area .widget-title p::before {
left: 185px; } }
@media (max-width: 480px) {
.footer-area .widget-title p::before {
left: 200px; } }
@media (max-width: 400px) {
.footer-area .widget-title p::before {
left: 205px; } }
@media (max-width: 360px) {
.footer-area .widget-title p::before {
left: 190px; } }
@media (max-width: 320px) {
.footer-area .widget-title p::before {
left: 170px; } }
.footer-area .widget-one-body {
border-bottom: 1px solid #fff;
margin-bottom: 10px;
padding-top: 25px; }
.footer-area .widget-one-body .footer-logo {
padding-top: 10px;
padding-bottom: 25px; }
.footer-area .widget-one-body p {
margin-bottom: 15px;
color: #fff; }
.footer-area .widget-one-body .widget-read-more {
color: #fff;
font-size: 14px;
display: block;
padding-bottom: 18px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.footer-area .widget-one-body .widget-read-more:hover {
color: #151747; }
.footer-area .widget-one-footer {
padding-top: 15px; }
.footer-area .widget-two-body {
padding-top: 25px; }
@media (max-width: 990px) {
.footer-area .widget-two-body {
text-align: center; } }
@media (max-width: 990px) {
.footer-area .widget-two-body ul {
overflow: hidden;
display: inline-block;
text-align: left; } }
.footer-area .widget-two-body ul li {
list-style: none;
padding: 7px 5px; }
.footer-area .widget-two-body ul li a {
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
text-transform: capitalize; }
.footer-area .widget-two-body ul li a:hover {
color: #151747;
padding-left: 15px; }
.footer-area .widget-two-body ul li i {
color: #fff; }
@media (max-width: 990px) {
.footer-area .widget-two-body ul li i {
width: 35px; } }
.footer-area .widget-four-body {
padding-top: 25px; }
.footer-area .widget-four-body p {
color: #fff;
margin-bottom: 20px; }
.footer-area .widget-four-body .username-footer {
position: relative;
margin-bottom: 5px; }
.footer-area .widget-four-body .username-footer i {
position: absolute;
top: 6px;
font-size: 20px;
left: 6px;
color: #344153; }
.footer-area .widget-four-body .footer-contact-form input[type=text],
.footer-area .widget-four-body .footer-contact-form input[type=email] {
height: 48px;
background: transparent;
padding: 5px;
margin-bottom: 13px;
width: 100%;
border: 1px solid #fff;
color: #344153;
padding-left: 20px; }
.footer-area .widget-four-body .footer-contact-form input[type=text]:focus:placeholder,
.footer-area .widget-four-body .footer-contact-form input[type=email]:focus:placeholder {
color: #fff; }
.footer-area .widget-four-body .footer-contact-form input[type=text]:focus,
.footer-area .widget-four-body .footer-contact-form input[type=email]:focus {
border: 1px solid #151747;
outline: none;
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.footer-area .widget-four-body .footer-contact-form input[type=submit] {
border: none;
display: inline-block;
padding: 15px 35px;
background: #151747;
margin-top: 12px;
font-weight: 400;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.footer-area .widget-four-body .footer-contact-form input[type=submit]:hover {
-webkit-box-shadow: 0 0 14px #344153;
box-shadow: 0 0 14px #344153;
-ms-transform: skew(-5deg, 0deg);
/* IE 9 */
-webkit-transform: skew(-5deg, 0deg);
/* Chrome, Safari, Opera */
transform: skew(-5deg, 0deg); }
.footer-area .widget-four-body .widget-title.payment {
text-align: center;
padding-bottom: 0;
margin-top: 28px; }
.footer-area .widget-four-body .widget-title.payment p {
text-align: center; }
.footer-area .widget-four-body .payment-method {
text-align: center; }
.footer-area .widget-four-body .payment-method img {
margin-right: 6px; }
.footer-area .widget-four-body .payment-method img:last-child {
margin-right: 0; }
.footer-area .widget-one-footer p {
margin-bottom: 5px;
color: #fff; }
.footer-area .widget-one-footer a {
color: #fff; }
.footer-area .widget-one-footer i {
color: #151747;
padding-right: 5px; }
.footer-area .footer-social-links {
margin-top: 18px; }
.footer-area .footer-social-links a:hover i {
background-color: #344153;
color: #fff;
border: 1px solid #151747; }
.footer-area .footer-social-links a i {
margin-right: 5px;
color: #fff;
width: 40px;
border: 1px solid #344153;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #151747;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
@media (max-width: 1200px) {
.footer-area .footer-social-links a i {
width: 35px;
height: 35px;
line-height: 35px;
margin-right: 0px; } }

footer.footer-area {
color: #fff;
overflow: visible !important; }

.footer-bottom {
border-top: 1px solid #5b7292;
padding: 12px 0; }
.footer-bottom .copyright-text {
padding-top: 7px;
color: #fff; }
@media (max-width: 990px) {
.footer-bottom .copyright-text {
text-align: center; } }
.footer-bottom .footer-menu {
padding: 8px 0px; }
@media (max-width: 768px) {
.footer-bottom .footer-menu {
text-align: center; } }
.footer-bottom .footer-menu ul {
margin: 0;
padding: 0; }
.footer-bottom .footer-menu ul li {
list-style: none;
display: inline-block;
padding: 0 5px; }
@media (max-width: 400px) {
.footer-bottom .footer-menu ul li {
font-size: 12px; } }
@media (max-width: 360px) {
.footer-bottom .footer-menu ul li {
padding: 0px 2px; } }
.footer-bottom .footer-menu ul li a {
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.footer-bottom .footer-menu ul li a:hover {
color: #151747;
margin: 10px; }

.live-chat-btn {
display: inline-block;
background: #151747;
color: #fff;
padding-right: 25px;
margin-top: 2px;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
@media (max-width: 1200px) {
.live-chat-btn {
padding-right: 5px; } }
@media (max-width: 768px) {
.live-chat-btn {
text-align: center;
display: block; } }
.live-chat-btn:hover {
color: #fff;
background-color: #151747; }
.live-chat-btn:hover i {
background: #151747; }
.live-chat-btn i {
width: 38px;
background: #151747;
display: inline-block;
padding: 10px;
margin-right: 15px;
text-align: -webkit-match-parent;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
