@charset "UTF-8";

/*
==============================================
FOUNDATIONS
==============================================
*/
*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color:transparent;
}
body {
position:relative;
font-family: 'Source Sans Pro', sans-serif;
font-size:15px;
font-weight:400;
overflow-x:hidden;
background:#080e1c;
-webkit-font-smoothing:subpixel-antialiased;
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 2s;
}
header, footer, nav, .container {
position:relative;
width:100%;
clear:both;
display:block;
float:left;
padding:40px 5%;
}
.container {background:#fff;}
header, footer, nav, .bar {
background:#080e1c;
color:#fff;
}
a, #submit-button, #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, nav, .content, header, .serv {
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
a, #submit-button {cursor:pointer}
a:link, a:active, a:visited {
color:inherit;
text-decoration:none;
}
a:hover, header .right button:hover, header .right a:hover, #submit-button:hover {
color:#beaf93;
}
nav a, header a, footer a {color:#fff;}
nav a:hover, header a:hover, footer a:hover {color:#beaf93;}
p span {
font-size:20px;
}
img {
width:100%;
height:auto;
border:none;
}
body, blockquote, button {
margin:0;
padding:0;
}
li {
padding:7px 0;
margin:0;
list-style:none;
}
ul {
padding:0;
margin:0;
}
body > a:nth-of-type(2) {
position:fixed;
bottom:20px;
right:20px;
padding:10px 45px 10px 25px;
background:url(../images/upArrow.png) 85% center no-repeat #beaf93;
background-size:16%;
border-radius:3px;
color:#141e38;
z-index:10;
opacity:0.8;
display:none;
}
h1 {
font-size:27px;
font-weight:500;
text-transform:uppercase;
padding:20px 0 10px 0;
border-bottom:solid 5px #e6eaf3;
}
textarea:focus, input:focus, button:focus {
-webkit-tap-highlight-color:transparent;    
-webkit-user-modify: read-write-plaintext-only;
outline:none;
}

/*
==============================================
BUTTON
==============================================
*/
.btn {
display:inline-block;
padding:10px 55px;
border:solid 1px #080e1c !important;
margin:20px 0;
}
.btn:hover {
background:#080e1c !important;
}

/*
==============================================
COLUMN
==============================================
*/
.column {
float:left;
width:33%;
height:100%;
}
.column.left {
width:65%;
padding-right:5%;
}
.column.right {
width:35%;
padding-left:5%;
}
.column h2 {
color:#141e38;
font-size:20px;
font-weight:600;
background:#e6eaf3;
padding:0 5px;
text-transform:uppercase;
}
.column h2 span {
background:#fff;
padding:0 10px;
}
.column ul {
display:inline-block;
margin-bottom:40px;
}
.column.right ul li {
padding:15px 0 15px 25px;
border-bottom:solid 1px #e6eaf3;
list-style:url(../images/libullet.png) inside;
text-indent:-25px;
}
.column.left ul li {
padding:15px 20px 15px 25px;
width:49%;
margin:1%;
margin-left:0;
float:left;
border-radius:5px;
background:#e6eaf3;
}
.column.left h2 {
margin-top:50px;
}
.column.left ul {
margin-bottom:0;
}

/*
==============================================
CONTENT
==============================================
*/
.content p {
color:#141e38;
}
.content > p, .content > h1 {
width:60%;
margin:0 auto;
text-align:center;
padding:20px 0 10px 0;
}
.content .column.right {
border-left:solid 5px #e6eaf3;
}
blockquote, .test .left p {
font-family: 'Halant', serif;
font-weight:300;
display:inline-block;
position:relative;
font-size:25px;
font-style:italic;
color:#beaf93;
padding:0 0 0 40px;
margin:50px 0;
}
blockquote::before, .test .left p::before {
content:"\201C";
position:absolute;
left:-17px;
top:-17px;
font-size:85px;
}
blockquote::after, .test .left p::after {content:"";}

/*
==============================================
HEADER
==============================================
*/
header {
border-bottom:solid 1px #000;
border-top:solid 7px #0A1228;
padding:30px 5% 10px 5%;
}
header img {
width:258px;
height:60px;
}
header .right button, header .right a, header small {
background:none;
color:#fff;
border:0;
cursor:pointer;
padding:5px;
float:right;
font-size:12px !important;
text-transform:uppercase;
}
/* Search */
.searchform {
float:right;
width:100%;
}
.searchtextinput{
float:right;
width:207px;
height:40px;
border:solid 2px #000;
border-right:none;
padding-left:20px;
}	
.searchtextinput:focus {outline:none;}
.searchbutton {
float:right;
outline:none;
cursor:pointer;
border:solid 2px #080e1c;
height:40px;
width:40px;
background:url(../images/searchIcon.png) #080e1c center no-repeat;
background-size:contain !important;
}
.searchbutton:hover {background:url(../images/searchIcon.png) #000 center no-repeat;}	
.searchbutton::-moz-focus-inner {border: 0;}
.searchclear{clear:both;}

/*
==============================================
NAV
==============================================
*/
nav {
z-index:999;
padding:0 5%;
font-weight:300;
}
nav ul {float:left;}
nav ul li {
display:inline;
float:left;
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
}
nav h2, nav h3 {font-weight:300;}
nav > ul > li {padding:15px;}
nav > ul > li:first-child {padding-left:0;}
#servList {display:none;}
/* Fixed Nav */
nav.fixed {
position:fixed;
top:0;
}
/* Drop Down Menu */
.sub-menu {
position:absolute;
z-index:10;
width:60%;
height:auto;
background:#080e1c;
display:none;
top:50px;
left:5%;
margin:0;
padding:1%;
}
.sub-menu ul li {
float:left;
width:50%;
height:100px;
padding:0 0 0 3%;
}
.sub-menu ul li a h2 {
font-size:16px;
margin-bottom:5px;
}
.sub-menu ul li h3 {
text-transform:none;
color:#beaf93;
font-size:14px;
margin-top:0;
}
/* Menu Toggle */
#menu-toggle, #search-toggle {
position:relative;
padding:0 0 0 12px;
width:60px;
height:50px;
cursor:pointer;
border:none;
}
#menu-toggle {
border-right:solid 1px #000;
left:0;
background:none;
}
#menu-toggle:hover, #search-toggle:hover {
background-color:#000;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
cursor:pointer;
border-radius: 1px;
height:2px;
width:35px;
background:#fff;
position:absolute;
display:block;
content: '';
}
#nav-toggle span:before {
top: -8px;
}
#nav-toggle span:after {
bottom: -8px; 
}
#nav-toggle.active span {
background-color:transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
top:0;
bottom:0;
}
#nav-toggle.active span:before {
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform: rotate(-45deg);
}
#nav-toggle.active span:after {
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform: rotate(45deg);
}
.push {
margin-left:250px;
}
/* Responsive Fixed Bar */
.bar {
z-index:10;
top:0;
left:0;
display:none;
padding:0 !important;
position:fixed;
background:#0A1228;
}
.bar .container {background:#080e1c;}
.bar .container:first-child {
display:none;
padding:20px 5% 0 5%;
}
.bar .container:nth-child(2) {
padding:0;
height:51px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}
#search-toggle {
float:right;
background:url(../images/searchIcon2.png) center no-repeat;
background-size:contain;
border-left:solid 1px #000;
}

/*
==============================================
CONTACT / CONSULTANCY FORM
==============================================
*/
#consult-form,
#contact-form {
width:100%;
height:100%;
text-align:left;
}
form > div {
height:100%;
float:left;
}
form input, 
form select, 
form textarea, 
form label {
font-size:15px;
margin-bottom:2px;
}
form input, 
form select, 
form textarea {
width:100%;
margin:0 0 20px 0;
border:1px solid #e6eaf3;
background-color:#e6eaf3;
padding:5px;
}
form input:focus, 
form select:focus, 
form textarea:focus {
border:1px solid #CCC;
background-color:#e6eaf3;
}
form textarea {
height:250px;
resize:none;
}
form label {
display:block;
padding:10px 0 5px 0;
}
form .required {
font-weight:bold;
color:#F00;    
}
form #submit-button {
padding:10px 35px;
width:200px;
background:none;
margin-top:20px;
}
form #submit-button:active {
position:relative;
top:1px;
}
form #loading {
width:32px;
height:32px;
background-image:url(../images/loading.gif);
display:block;
position:absolute;
right:130px;
bottom:16px;
display:none;
}
#errors li {
padding:2px;
list-style:none;
font-weight:normal;    
}
#errors li:before {
content: ' - ';    
}
#errors #info {
font-weight:bold;
}
#errors #info:before {
content: '';    
}
#success, #errors {
border:solid 1px #CCC;
padding:25px;
margin:25px 4%;
display:block;
width:92%;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#f1f1f1;
font-weight:400;
font-size:14px;
text-align:center;
text-transform:uppercase;
display:none;
}
#errors.visible, #success.visible {
display:block;    
}
input:required, textarea:required {
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
input#submit-button {
width:200px !important;
}
form select {
height:30px;
background:#e6eaf3;
}
/* Normalize placeholder styles */
/* chrome, safari */
form ::-webkit-input-placeholder {
color:#CCC;
font-style:italic;
}
/* mozilla */
form input:-moz-placeholder, form textarea:-moz-placeholder {
color:#CCC;
font-style:italic;
}
/* ie (faux placeholder) */
form input.placeholder-text, form textarea.placeholder-text  { 
color:#CCC;
font-style:italic;
}
/* Contact Form */
#contact-form {text-align:center;}
#contact-form form > div {
width:50%;
padding:4%;
}
#contact-form form input {
padding:10px;
}
/* Consult Form */
#consult-form form > div, #contact-form form > div:last-of-type {width:100%;}
.select select {
float:left;
width:60px;
}
.select span {
float:left;
width:20px;
text-align:center;
}
/*
==============================================
FOOTER
==============================================
*/
footer {
border-bottom:solid 7px #0A1228;
padding-bottom:20px;
background:url(../images/logoBack.png) right bottom no-repeat #080e1c;
}
footer .column {
font-family: 'Halant', serif;
margin-bottom:30px;
width:25%;
}
footer img {width:80%;}
footer .container {
padding:0;
background:none;
}
footer small {
display:inline-block;
font-size:9px;
color:#beaf93;
}

/*
==============================================
SERVICES
==============================================
*/
.serv {
height:300px;
}
.bank {
background:url(../images/banking.jpg) center center no-repeat #080e1c;
background-size:cover !important;
}
.wealth {
background:url(../images/wealthmanagement.jpg) center right no-repeat #080e1c;
background-size:cover !important;
}
.strat {
background:url(../images/strategicplanning.jpg) center center no-repeat #080e1c;
background-size:cover !important;
}
.growth {
background:url(../images/businessgrowth.jpg) center center no-repeat #080e1c;
background-size:cover !important;
}
.phil {
background:url(../images/philanthropy.jpg) center left no-repeat #080e1c;
background-size:cover !important;
}
.team {
background:url(../images/teambuilding.jpg) center left no-repeat #080e1c;
background-size:cover !important;
}
.success {
border-top:solid 5px #e6eaf3;
margin-top:30px;
}
.success > .column {padding:0 3% 40px 0;}
.links .column {margin-top:50px;}
#floatingWrap {
position:absolute;
top:175px;
right:5%;
width:25%;
}
#floatingContainer {
width:100%;
margin:-100px 0 180px 0;
display:inline-block;
}
#floatingWrap img {border:solid 1px #e6eaf3;}

/*
==============================================
SLIDER
==============================================
*/
.mask {
position:relative;
clear:both;
width:100%;
overflow:hidden;
}
ul.images {
position:relative;
top:0px;
left:0px;
width:100%;
height:500px;
}
ul.images li {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
padding:80px 0;
text-align:center;
}
ul.images li h2,
ul.images li h3 {
width:60%;
display:inline-block;
margin:20px 20% 0 20%;
font-family: 'Halant', serif;
font-weight:400;
}
ul.images li h2 {
position:relative;
background:none;
color:#beaf93;
font-size:60px;
line-height:55px;
padding-bottom:30px;
background:url(../images/bordeBottom.png) no-repeat bottom center;
background-size:25% auto;
}
ul.images li h3 {
color:#fff;
font-size:20px;
font-weight:300;
}
ul.images li a {
border:solid 1px #fff !important;
color:#fff;
margin:40px 0;
display:inline-block;
}
ul.images li a:hover {
background:#fff !important;
color:#0A1228;
}
ul.triggers {
position:absolute;
width:80px;
height:20px;
bottom:35px;
left:50%;
margin-left:-40px;
}
ul.triggers li { 
float:left;
width:8px;
height:8px;
padding:0;
margin:5px;
background:#fff;
cursor:pointer;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari */
transform: rotate(45deg);
}
ul.triggers li.active {background-color:#beaf93;}
/* Images */
ul.images li:first-child {
background:url(../images/slider2.jpg);
background-size:cover !important;
}
ul.images li:nth-child(2) {
background:url(../images/slider3.jpg);
background-size:cover !important;
}
ul.images li:nth-child(3) {
background:url(../images/slider4.jpg);
background-size:cover !important;
}
ul.images li:nth-child(4) {
background:url(../images/slider1.jpg);
background-size:cover !important;
}

/*
==============================================
MEDIA QUERIES
==============================================
*/
/* Desktop */
@media screen and (min-width: 1800px) {
body {
width:1600px;
margin:0 auto;
}
}
/* Tablet */
@media screen and (max-width: 1000px) {
.dropdown, header .column.right, body > a:nth-of-type(2) span, .bar .searchbutton {display:none;}
#servList, .bar {display:block;}
header .column.left {
text-align:center;
width:100%;
}
header {
margin-top:50px;
border-top:0;
}
nav {
display:block;
position:fixed;
left:-250px;
padding:100px 0 0 0;
width:250px;
height:100%;
z-index:9;
overflow-y:auto;
border-right:solid 1px #000;
background:url(../images/logoBack.png) right bottom no-repeat #041029;
}
nav ul li {
display:block;
width:100%;
}
nav ul li a {
display:inline-block;
width:100%;
height:100%;
padding:12px 15px;
}
nav > ul > li {padding:0 !important;}
body > a:nth-of-type(2) {
padding:0;
width:50px;
height:50px;
background:url(../images/upArrow.png) center 45% no-repeat #beaf93;
background-size:80%;
}
.bar .searchtextinput {
width:100%;
height:60px;
background:#fff;
border:none;
}
ul.images {
height:500px;
}
}
/* Smartphone */
@media screen and (max-width: 870px) {
.column.right, #overlap, footer .column:first-child {display:none;}
.column.left, footer .column, #contact-form form > div, .success > .column, .links .column, .content > p, .content > h1 {width:100%}
header .column.left, ul.images li a {text-align:center;}
.column.left ul li {
width:99%;
margin:1%;
}
ul.images li h2, ul.images li h3 {
width:90%;
margin:20px 5% 0 5%;
}
ul.images {
height:600px;
}
footer .column {margin:0;}
footer .column:last-of-type {margin-bottom:40px;}
ul.images li h2 {font-size:50px;}
}
@media screen and (max-width: 670px) {
ul.images {
height:650px;
}
}

@media screen and (max-height: 570px) {
ul.images li {
padding:20px 0 !important;
}
}

/*
==============================================
PRINT QUERIES
==============================================
*/
@media print {
.column.right, .btn, footer .column, nav, .serv, .mask {display:none;}
.column.left, footer .column {width:100%}
.column h2 {padding-left:0;}
header .column.left {text-align:center;}
header {
box-shadow: inset 0 0 0 1000px #003;
background:#003 !important;
-webkit-print-color-adjust:exact;
}
.column.left ul li {
width:99%;
margin:1%;
padding:5px 0;
}
}

/*
==============================================
ANIMATIONS
==============================================
*/
/* Slide Down */
.slideDown {
	-webkit-animation:slideDown 3s ease forwards; /* Chrome, Safari, Opera */
    animation:slideDown 3s ease forwards;
}
@keyframes slideDown {
	0% {
		transform: translateY(-100%);
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		transform: translateY(0%);
		opacity:1;
	}	
}
@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(100%);
		opacity:0;
	}		
	50% {
		opacity:0;
	}
	100% {
		-webkit-transform: translateY(0%);
		opacity:1;
	}	
}
/* Slide Up */
.slideUp {
	-webkit-animation:slideUp 3s ease 0.5s forwards; /* Chrome, Safari, Opera */
    animation:slideUp 3s ease 0.5s forwards;
	opacity:0;
}
@keyframes slideUp {
	0% {
		transform: translateY(-100%);
		opacity:0;
	}
	50% {
		opacity:0;
	}
	100% {
		transform: translateY(0);
		opacity:1;
	}	
}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(-100%);
		opacity:0;
	}		
	50% {
		opacity:0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity:1;
	}	
}
/* Fade In */
.fadeIn {
	-webkit-animation:fadeIn 3s ease 2.5s forwards; /* Chrome, Safari, Opera */
    animation:fadeIn 3s ease 2.5s forwards;
	opacity:0;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}		
}
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}	
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}