/* ## footer ## */

.footer {background:#003F62; padding:40px 0 0;}
.footer-links {margin:0 0 20px;}
.footer-heading {display:block; font-size:1.25em; font-weight:bold; margin:0 0 5px 0; color: #fff;}

.footer .ftr-footer {display: block;}
.footer .ftr-footer .ftr-list{list-style: none; margin:10px; padding: 0;}
.footer .ftr-footer .ftr-list a,
.footer .ftr-footer .ftr-list .listhdng{color: #fff;}
.footer .ftr-footer .ftr-list .listhdng{display:block; margin-bottom: 10px;}
.footer .ftr-footer .ftr-list .linkList a{font-size: 0.875em; position: relative; font-weight: 300;}
.footer .ftr-footer .ftr-list .linkList a:after,
.footer .ftr-footer .ftr-list .linkList a:before{content: ''; position: absolute; left: -7px; border:1px solid #fff;height: 6px;}
.footer .ftr-footer .ftr-list .linkList a:after{top: 45%; transform: rotate(45deg);}
.footer .ftr-footer .ftr-list .linkList a:before{top: 25%; transform: rotate(135deg);}
.footer .ftr-footer .ftr-list ul.linkList li{margin: 10px 0; padding-left: 10px;}
.sub-footer { padding:30px 0; background:#00314C; margin-top: 40px;}

.sub-footer .footer-links {text-align: center; color: #ffffff;}
.sub-footer .footer-links ul {margin:0px; padding:0px; list-style-type:none;}
.sub-footer .footer-links ul li {display:inline-block; margin:0 5px;}
.sub-footer .footer-links a {font-size:0.8em; padding: 0 10px; color: #fff; text-decoration: none;}
.copyright { text-align:center; font-size:.825em; color: #fff;}

/* ## Footer Email Signup ## */

.email-signup {background:#00314C; margin:0px 0 5px; padding: 10px;  color: #fff;}
.email-signup span.email-head{display: block; margin-bottom: 5px;}
.email-signup .email-heading {font-size: .875em;}
.email-signup .email-box {position:relative; display: flex; margin: 10px 0;}
.email-signup input[type="text"] {margin:0px; color: #fff; background:transparent; border:1px solid #fff; padding: 10px; width: 70%; border-right: none;}
.email-signup .signup-btn { background:transparent; border:1px solid #fff; padding: 10px; color: #fff; width: 30%; transition: all ease .5s}
.email-signup .signup-btn:hover,
.email-signup .signup-btn:focus,
.email-signup .signup-btn:active{background: #fff; color: #00314C; transition: all ease .5s}
.follow-us {}
.follow-us a {text-decoration:none; color:#555; display:inline-block; font-size:1.8em; }
.follow-us a:hover,
.follow-us a:focus {color:#333;}


/* =================================================================
                        Media Queries
===================================================================*/


@media only screen and (min-width:48em){

	.footer .ftr-footer .ftr-footer-inner{display: flex; flex-direction: row; flex-wrap: wrap; width: 100%}
	.footer .ftr-footer .ftr-list {width: 22%; }
	.footer .ftr-footer .email-signup{width: 100%; padding: 20px 10px;}
	.sub-footer {padding: 15px 0;}
	.sub-footer .footer-links {text-align: left; margin:0;}
	.copyright{text-align: left; padding: 0 10px; margin-top: 2px;}
}

@media only screen and (min-width:60em){
	.footer .ftr-footer {display: flex; }
	.footer .ftr-footer .ftr-footer-inner{flex-wrap: nowrap;}
	.footer .ftr-footer .ftr-list {width: 25%; margin: 30px 10px 10px;}
	.footer .ftr-footer .ftr-footer-inner{width: 65%;}
	.footer .ftr-footer .email-signup{width: 35%; padding:30px; margin: 0;}
}