@charset "UTF-8";
/* CSS Document */

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box; 
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
}

header {
	padding: 20px;
	background-color:#2B292D;	
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle; 
}

footer {
	padding: 20px 30px;	
	background-color:#A1A8B4;
	}	
body {
	margin-left: auto;
	margin-right: auto;
}

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display:block;
	width:310px;
}

.style-nav ul {
	list-style-type: none;
	text-align: center;
}

.style-nav ul li {
	display: inline-block;
}

.style-nav ul li a {
	font-size: 10px;
	text-decoration: none;
	color:#FFFFFF; 
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	padding: 8px 8px 0px 8px
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both; 
}

.profile {
	background:url(Images/HomePage/ConsultantsProfileWeb.jpg);
	background-size:cover; 
	background-position:0% 30%;
	padding: 40px 20px 20px 20px;
	color:#FFFFFF;
	text-align: center;	
}
.h1-icon {
	color:#FFFFFF;
	text-align: center;
	font-size: 16px;
	text-decoration: none;
	font-weight: 600;
	text-shadow: 1px 1px 2px #636264;
}

.h2-icon {
	color:#FFFFFF;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	font-weight: 300;
	text-transform:none;
	text-shadow: 1px 1px 0px #8b898c
}

/* effect-shine */
.effect-shine:hover {
  -webkit-mask-image: linear-gradient(-45deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 3s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

.effect-shine2:hover {
  -webkit-mask-image: linear-gradient(-45deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 4s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


h1 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 150px;
	text-shadow: 1px 1px 2px #636264;
	
}


h2 {
	font-size: 14px;
	text-transform:none;
	font-weight: 300;
	margin-bottom: 10px;
	text-shadow: 1px 1px 2px #8b898c
}
h3 {
	font-size: 16px;
	text-transform:none;
	font-weight: 500;
	margin-bottom: 06px;
}

p{
	font-size: 14px;
	text-transform:none;
	font-weight: 300;
	margin-bottom: 10px;	
}

p2{
	font-size: 14px;
	text-transform:none;
	font-weight: 300;
	margin-bottom: 0px;
	font-style: italic;
	padding:30px 25px 0px 25px;
	}

.button {
	border: 1px #FFFFFF solid;
	padding: 1px 6px;
	border-radius: 30px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	text-shadow: 1px 1px 0px #8b898c;
	
}

.business-links {
	color: #FFFFFF;
	text-decoration: none;
}

.story-box-blue { 
	background-color:#598BCA;
	color: #FFFFFF;
	padding:30px 25px 40px 25px;
	text-align: justify;
}


.grid {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;	
	width: 100%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h4 {
	word-spacing: -0.15em;
	font-weight: 500; 
}

.grid figure h4 span {
	font-weight: 800;
}

.grid figure h4,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 16px;
}
h4 {
	font-size: 26px;
	text-transform:uppercase;
	font-weight: 400;
	letter-spacing: 4px;
	margin-top: 100px;
	margin-bottom: 00px;
	color:#FFFFFF;
}	


/* Effect-Business-Styles */

figure.effect-business-links {
	background: #494A4B;
	
}

figure.effect-business-links img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-business-links:hover img {
	opacity: 0.4;
}

figure.effect-business-links figcaption::before,
figure.effect-business-links figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-business-links figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-business-links figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-business-links h4 {
	padding-top: 35%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}


figure.effect-business-links p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-business-links:hover figcaption::before,
figure.effect-business-links:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-business-links:hover h4,
figure.effect-business-links:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.footer-text {
	font-size: 11px;
	font-weight: 500;
	color:#2B292D;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: center;
	text-transform:uppercase;
	word-spacing: .3em;
	
}

span{
	word-spacing: 0;
	
}
span2{
	font-weight: 500;
	
}

.footer-text-highlight {
	font-size: 13px;
	font-weight: 500;
	color:#2B292D;
	text-transform:none;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: center;
}
.footer-text-contact {
	font-size: 13px;
	margin-bottom: 3px;
	margin-top: 0px;
	text-align: center;
}
.footer-text-copyright {
	font-size: 9px;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

.col {
	width:100%;
}





._14 {
    font-size: 1.4em;
	text-align: center;
	
}

ul {
    padding:0;
    list-style: none;
}

.footer-social-icons {
    width: 280px;
    display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom:30px;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #A1A8B4;
	width: 50px;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    padding:5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #A1A8B4;
	width: 50px;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-instagram {
    padding:5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #A1A8B4;
	width: 50px;
}
.fa-instagram:hover {
    background-color: #d72b88;
}
.fa-youtube {
    padding:5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #A1A8B4;
	width: 50px;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-rss {
    padding:5px 8px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #A1A8B4;
	width: 50px;
}
.fa-rss:hover {
    background-color: #eb8231;
}

.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}


/*IPhone View*/
@media (min-width: 375px){
	
.footer-text-copyright {
	font-size: 11px;
	}	
	
.footer-text {
	font-size: 13px;	
	}

h4 {
	font-size: 32px;
	}
	
.style-nav ul li a {
	font-size: 12px;
	}
	
h1 {
	font-size: 20px;
	}
h2 {
	font-size: 17px;
	}
	
.h1-icon {
	font-size: 20px;
}

.h2-icon {
	font-size: 17px;
}
	
h3 {
	font-size: 20px;
	}
p{
	font-size: 17px;
	}
p2{
	font-size: 17px;
}

/*Tablet View*/
@media (min-width: 768px){
	
	header {
	padding:14px;
		
	}
	body{
		max-width: 778px;
	}
	.style-logo {float: left;
		
	}
	.style-nav ul li {
		display: inline-block;
	}
	.style-nav ul {text-align: right;
		
	}
	
	.style-nav ul li a {
	font-size: 14px;
	}

	h2 {
	text-shadow:none 
	}
	.col-md-one-half {
		width: 50%;
	}
	.col {
		float: left;
		padding:1px 0px 1px 0px;
	}
	.col2 {
		float: left;
		padding:1px 1px 1px 1px;
	}
	.col3 {
		float: left;
		padding-bottom: 2px;
	}
	.profile {
	background-size:cover; 
	background-position:0% 50%;
	padding: 140px 20px 50px 390px;
	color:#FFFFFF;
	text-align: center	
}
	
.footer-text-copyright {
	font-size: 14px;
	}	
	
.footer-text {
	font-size: 14px;	
	}
	
.footer-text-highlight {
	font-size: 16px;
	
}
.footer-text-contact {
	font-size: 16px;
	
}

/*Desktop View*/
@media (min-width: 1024px){
	
	body{
		max-width: 1200px;
	}
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
.profile {
	background-size:cover; 
	background-position:0% 60%;
	padding: 300px 20px 120px 580px;
	color:#FFFFFF;
	text-align: center	
}
}