/*-- Layout --*/
.two_thirds {
	float: left;
    margin-bottom: 20px;
    margin-right: 4%;
    position: relative;
    width: 65.34%;
    padding-top: 14px;
}

.container {
	padding-top: 30px!important;

}
.header-top {
	padding-top: 0px!important;
}

/*-- Typography --*/
p {font-family: 'Domine', serif; line-height: 1.4em;}
h1, h2, h3, h4, h6 {
	text-transform: none!important;
}
h1, h2, h3, h5 {
	font-family: 'Montserrat', sans-serif;
	
}
h4, h6 {
	font-family: 'Domine', serif;
	
}
h1 {
	font-size: 74px;
	line-height: 1.1em;
}

.content h1:not(.homepage) {
	text-align: right;
	padding-bottom: 0px;
	font-size: 18px;
}
.content h1.homepage {
	border-bottom: none;
	font-size: 70px;
	line-height: 1.1em;
}
h2 {
	font-size: 60px;
	line-height: 1.1em;
}
h3 {
	font-size: 38px;
	line-height: 1.2em;

}
h4 {
	font-size: 27px;
	line-height: 1.1em;
	font-weight: 100!important;

}

h5  { font-size: 20px!important; font-weight: 200!important; text-transform: uppercase;}
h6 {
	font-size: 20px;
	font-weight: normal!important;
	line-height: 1.3em;
}
/*-- Colors --*/
.grey-bg { background: #383838!important; position: relative;}
.purple-bg { background-color: #51499f!important;}
.wt-bg { background: #fff!important;}

/*-- Buttons --*/
.pink-btn, .grey-btn, .blue-btn {
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-family:'Montserrat',sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;

}
.pink-btn {
    background: none repeat scroll 0 0 #e50085;
}
.pink-btn:hover {
     background: none repeat scroll 0 0 #00b5ea;
     color: #fff;
}
.white-btn {
    background: none repeat scroll 0 0 #fff;
    border-radius: 30px;
    color: #00b7ec;
    display: inline-block;
    font-family:'Montserrat',sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 12px 30px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
.white-btn:hover {
     background: none repeat scroll 0 0 #00b7ec;
     color: #fff;
}
.grey-btn {
    background: none repeat scroll 0 0 #383838;
}
.grey-btn:hover {
     background: none repeat scroll 0 0 #00b5ea;
     color: #fff;
}
.blue-btn {
    background: none repeat scroll 0 0 #00b7ec;
}
.blue-btn:hover {
     background: none repeat scroll 0 0 #383838;
     color: #fff;
}
.purple-btn {
    background: none repeat scroll 0 0 #483c91;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-family:'Montserrat',sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 15px 80px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;
}
.purple-btn:hover {
     background: none repeat scroll 0 0 #e50085;
     color: #fff;
}


/*-- Squiggle Boxes --*/
.squiggle { 
	position: absolute;
	top: -20px;
	right: -10px;
}
.squiggleShort {
	position: absolute;
	top: -10px;
	right: -10px;
}
.content {
	overflow: hidden;
}
.blueSquiggleBorder {
	background: url('/wp-content/uploads/2014/05/blue-squiggle1.png') no-repeat left bottom;
	background-size: 100% auto;
	padding-bottom: 75px;
}
.contact-sidebar {
	background: url('/wp-content/uploads/2014/05/pink-squiggle.png') no-repeat left bottom;
	background-size: 100% auto;
	padding-bottom: 135px;
}

/*-- Homepage --*/
.main-navigation.homepage li a{
	background: #fff;
	padding: 0px 10px!important;
	color: #51499f;
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	font-size: 14px;
}
.main-navigation.homepage li {
	margin-right: 3px;
}
.homepage-container .logo img {
	max-width: 300px!important;
}
.homepage-container .logo h1 {
	width: 100%;
}
.clients-homepage { 
	background: url('/wp-content/uploads/2014/05/girlphonep.jpg') no-repeat center center;
	background-size: cover;
	min-height: 300px;
	z-index: 3;
}
.clients-homepage.overlay {
	background: rgba(152, 60, 145, .5);
	height: 100%;
	width: 100%;
	z-index: 4;
}
.sm-box {
	padding-top: 25px!important;
}
/*-- Normal Navigation --*/
.main-navigation ul > li a {
	color: #51499f!important;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	padding: 0px 10px!important;
	margin-top: 18px;
	width: 100%!important;
}
.homepage ul > li a {
	width: auto!important;
	}
.current-menu-item {

	border-bottom: 4px solid rgb(0,183,236);
}
.main-navigation.homepage li .sub-menu li a {
	color: #fff!important;
	background: rgba(0,0,0,0);
	padding-bottom: 7px!important;
	padding-top: 7px!important;
	width: 100%!important;
	
}
.sf-menu li .sub-menu li a {
	color: #fff!important;
	}
.sf-menu li .sub-menu li a:hover, .main-navigation.homepage li .sub-menu li a:hover {
	background: #51499f;
}
 
.main-navigation.homepage li .sub-menu li, .sf-menu li .sub-menu li {
	padding-bottom: 15px;
	padding-right: 20px;
}

.sub-menu li a {
	margin-top: 10px!important;
}
.sub-menu li { padding-left: 0px!important;}

/*-- Footer --*/
main > section:last-child
{
	background: url('/wp-content/uploads/2014/05/footerWave.png') no-repeat left bottom;
	background-size: 100%;
	padding-bottom: 300px;
	
}
.company-title img{
	max-width: 300px;
}

#footer-global[role="contentinfo"] a, #footer-global[role="contentinfo"] .social-links li a, #footer-global[role="contentinfo"] .social-links li:not(:last-of-type):after {
    color: #00b7ec!important;
    }
#footer-global .contact-btn:hover{ color: #fff!important; }

#footer-global[role="contentinfo"] { padding-top: 0px!important;}

footer .container {
    padding-top: 0px !important;
}
/*-- Contact Page --*/
.contact form{
	padding-bottom: 180px!important;
}
#response { margin-bottom: 150px;}

.contact-info { margin-top: 15px!important;}
.contact-info h2 { font-size: 25px!important; padding-bottom: 15px!important; }
footer .company-title { margin-top: 0px!important; }

/*-- Leadership Page --*/
.leadership h5 { margin-bottom: 0px!important; padding-bottom: 3px!important; }

/*-- What We Do --*/
.blurbox {
	width: 225px;
	height: 225px;
	position: relative;
	float: left;
	margin-right: 5px;
	
}
.blurbox:hover .blurImage {
	opacity:1;
	}

.blurbox:hover .blurText p{
	font-weight: 700;
	font-size: 18px;
}
	

.blurText {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	color: rgba(255,255,255,1);
	text-shadow: 0 0 3px #4A4A4A;
	text-align:center;
	text-transform: uppercase;
	
}
.blurText p {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.blurText p a {
	color: #fff!important;
}
.blurImage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity:.5;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	
	
}

.blurText {
	z-index: 10;
}


/*-- Responsive --*/
@media all and (max-width: 959px) {
.main-navigation ul > li a {
	font-size: 12px;
	padding: 0 5px!important;
	}

@media all and (max-width: 767px) {
.blurbox { float: none!important; margin: 0 auto!important; }
main section:last-child { 
	padding-bottom: 200px;
}
.squiggle {
	width: 55%;
}
	.homepage-container .logo h1 { position: absolute; top: 50px; }
	.logo h1 {
	text-align: center;
	padding-bottom: 0px;
	
	}
	.homepage-container .main-navigation { margin-top: 115px; }
	.content.inner { padding-top: 50px;}
	.firm span img { width: 100%;}
	
	.two_thirds { width: 100%;}
	.contact form { padding-bottom: 50px !important;}
	.contact-info { margin-bottom: 100px;}
	.content h1.homepage { font-size: 50px!important; }

	
}
@media all and (max-width: 500px) {
.squiggle {
	width: 65%;
}
.homepage-container .logo h1 { position: absolute; top: 30px; }
.homepage-container .main-navigation { margin-top: 85px; }

.tp-caption:nth-of-type(1)  { font-size: 20px!important; top: 30px!important; left: 40px!important; line-height: 1.1em!important; }
.content h1.homepage { font-size: 40px!important; }
}