/* navbar formatting ===================================================================== */

.navbar-client {
    padding-bottom: 22px;
    position: relative;
    z-index: 100;
}

.navbar-client .container {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.navbar-client .photo {
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.navbar-client h4 {
    margin-top: 10px;
}

.navbar-client .round-avatar {
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.navbar-client2 {
    background: #f9f8f6;
    position: relative;
    z-index: 100;
}

.navbar-client2 .container {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.navbar-client2 .photo {
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.navbar-client2 h4 {
    margin-top: 10px;
}

.navbar-client2 .round-avatar {
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

/* footer section ================================================================================ */

.footer-hub01 {
	border-top: 0px;
	padding: 70px 15px;
	background: #213349;
	color: #FFFFFF;
	font-size: 16px;
}

.footer-hub01 .follow-us .fa-2x .fa-stack-2x {
	  color: #FFF;
}

.footer-hub01 .follow-us a:hover .fa-2x .fa-stack-2x {
	color: #47d9bf ;
}

.footer-hub01 .follow-us a:focus .fa-2x,
.footer-hub01 .follow-us a:active .fa-2x {
	background: #28444f;
}

.footer-hub01 .follow-us .fa-2x .fa-stack-1x {
	font-size: 0.8em !important;
}

.footer-hub01 .col-sm-6 {
  border-left: 2px solid #ffaa00 ;
  border-right: 2px solid #ffaa00 ;
}

.footer-hub01 a {
	color: #FFF;
	padding-right: 0px;
	outline: none;
}

.footer-hub01 ul.navbar-nav {
	width: 100%;
	border-top: 0px;
	padding-left: 20px;
}

.footer-hub01 .name-content {
	width:23%
}

.footer-hub01 .follow-content {
	width:27%
}

.footer-hub01 .link-content {
	width: 45%;
	border-left: 1px solid #FC895A;
	border-right: 1px solid #FC895A;
}

.footer-hub01 .link-info {
	padding: 15px;
}

.footer-hub01 .link-info .img-footer-avatar img {
	width: 70px;
	height: 70px;
	margin-top: 26px;
	margin-right: 10px;
	float: left;
	border-radius: 100%;
}

.footer-hub01 .link-info h3 {
	font-family: 'Open Sans Semibold', Arial, Helvetica, sans-serif;
	padding-top: 0px;
	font-size: 24px;
	margin-top: 30px;
}

.footer-hub01 .navbar-nav li {
	float: none;
}

.footer-hub01 .navbar-nav li a {
	background: none;
	font-size: 14px;
	padding: 15px 0px 15px 0px;
}

.footer-hub01 .navbar-nav li a:hover {
	text-decoration: underline;
}

.footer-hub01 .navbar-nav li a:focus,
.footer-hub01 .navbar-nav li a:active {
	background: #28444f;
}

.footer-hub01 .follow-us {
	padding-top: 15px;
	padding-left: 45px;
	border-top: 0px;
}

.footer-hub01 .follow-us h5 {
	font-size: 17px;
	padding-left: 5px;
	margin-bottom: 25px;
	margin-top: 0px;
}

.footer-hub01 .follow-us .fa-2x {
	font-size: 1.7em !important;
	margin-bottom: 15px;
}

.footer-hub01 .fa-circle-thinner:before {
	box-sizing: border-box;
	display: block;
	width: 1.7em;
	height: 1.7em;
	padding-top: 0.3em;
	text-align: center;
	border-radius: 100%;
	border: 1.7px solid #FFFFFF;
	font-size: 23px;
}

.footer-hub01 .follow-us .fa.fa-circle-thinner {
	color: #FFF;
}

.footer-hub01 .follow-us a:hover .fa.fa-circle-thinner:before,
.footer-hub01 .follow-us a:focus .fa.fa-circle-thinner:before,
.footer-hub01 .follow-us a:active .fa.fa-circle-thinner:before {
	color: #47d9bf;
	border: 1.7px solid #47d9bf;
}

.footer-hub02 {
	background: #030303 ;
	padding: 10px 15px;
}

.footer-hub02 .member-name {
	font-family: 'MuseoSans_700', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #f9f8f6;
	font-size: 24px;
	line-height: 54px;
}

.footer-hub02 .copyright {
	text-align: center;
	color: #FFF;
	line-height: 54px;
	font-size: 13px;
}

.footer-hub02 .copyright a {
  color: #FC895A;
}

.display-480 {
	display: none;
}

.m-bottom20{
	margin-bottom: 20px;
}

.m-top10{
	margin-top: 10px;
}

.m-top15{
	margin-top: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {

    /* footer section ================================================================================ */

    .footer-hub01 .container {
	    width: 100%;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 20px;
	}

	.footer-hub01 .follow-us {
	    padding-top: 20px;
		padding-left: 25px;
	}

	.footer-hub01 .follow-us .fa-2x {
	    margin-bottom: 0px;
	}

	.footer-hub01 a {
	    padding-right: 5px;
	}

	.footer-hub01 .name-content {
	    width: 28%;
	}

	.footer-hub01 .follow-content {
		width:24%
	}
}

@media (min-width:768px) and (max-width:991px) {

    /* footer section ================================================================================ */

    .footer-hub01 .container {
	    width: 100%;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 15px;
	}

	.footer-hub01 .follow-us {
	    padding-top: 20px;
	    padding-left: 50px;
	}

	.footer-hub01 .link-content {
	    width: 40%;
	}

	.footer-hub01 .name-content {
	    width: 30%;
	}

	.footer-hub01 .link-info .img-footer-avatar img {
	    float: none;
	    margin: 0px auto;
	}

	.footer-hub01 .link-info {
	    padding: 15px 0px;
	    text-align: center;
	}

	.footer-hub01 .follow-content {
   		width: 30%;
	}
    
    .footer-hub02 .copyright {
	   	line-height: 24px;
	}
}

@media (max-width: 767px) {

    /* navbar formatting ===================================================================== */
    
    .navbar-client2 .media-left {
        display: block;
    }

    .navbar-client2 .media-left img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar-client2 .media-body {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .navbar-client2 .media-body h4 {
        margin-bottom: 15px;
    }

    .navbar-client2 .pull-right {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }

    /* footer section ================================================================================ */

    .footer-hub01 .name-content {
	    width: 100%;
	}

	.footer-hub01 .follow-content {
	    width: 100%;
		text-align: center;
	}

	.footer-hub01 .follow-us .fa-2x {
	    margin-bottom: 0px;
	}

	.footer-hub01 .follow-us {
	    padding-top: 20px;
	    padding-left: 0px;
	}

	.footer-hub01 .link-content {
	    width: 100%;
	    border-left: 0px;
	    border-right: 0px;
	    border-top: 1px solid #6b8138;
		margin-top: 25px;
		padding-top: 25px;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 15px;
	}

	.footer-hub02 .xs-100 {
		width: 100%;
    	line-height: 20px;
	}

	.footer-hub01 ul.navbar-nav {
	    margin: 0px -15px;
        padding: 0px 0px;
	}

	.footer-hub01 {
	    padding: 10px 15px 25px;
	}

	.footer-hub01 .link-info .img-footer-avatar img {
	    margin-top: 0px;
	    margin-right: 0px;
	    float: none;
	    margin: auto;
	}

	.footer-hub01 .name-content {
	    width: 100%;
	    text-align: center;
	}

	.footer-hub01 .follow-us p {
	    margin: 0px 0px;
	}


	.footer-hub02 .copyright {
	   	line-height: 20px;
	}

	.follow-content .follow-us.sm-xs-footer .sm-xs-6 {
	  width: calc(99%/4);
	}

	.follow-content .follow-us.sm-xs-footer .sm-xs-4 {
	  width: calc(99%/3);
	}

	.follow-content .follow-us.sm-xs-footer .sm-xs-default {
	  width: 2em;
	}
}

@media (max-width: 480px) {

    /* footer section ================================================================================ */
    
	.footer-hub01 .follow-us {
        padding-left: 0px;
        padding-right: 0px;
        padding: 0px 0px;
        max-width: 200px;
        margin: auto;
    }

	.footer-hub01 ul.navbar-nav {
	    margin: 0px;
	}

	.footer-hub01 .navbar-nav li a {
	    padding: 15px 0px 15px 0px;
	}

	.footer-hub02 .copyright {
	   	line-height: 24px;
	}

	.footer-hub02 .copyright .pwred {
   		float: none !important;
	}

	.display-480 {
		display: block;
	}
}