/*@import url('../fonts/stylesheet.css');*/

/* minified reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Hide News Section On These Pages */
.page-id-316 .news-section,
.page-id-319 .news-section,
.page-id-311 .news-section,
.page-id-127 .news-section {
	display: none !important;
}

/* wordpress alignment, image and caption stuff */
.alignleft,.alignright {
    display: inline-block;
}

    .alignleft {
        float: left;
        margin: 0 30px 30px 0;
    }

    .alignright {
        float: right;
        margin: 0 0 30px 30px;
    }

    .alignnone {
        margin: 5px 30px 30px 0;
    }

    .aligncenter {
        display: block;
        margin: 5px auto 30px auto;
    }
    .text-align-right {
		text-align: right;
	}

.wp-caption {
    background: rgba(0,0,0,0.1);
    border: 1px rgba(0,0,0,0.3) solid;
    padding: 15px;
    font-size: 0.85em;
    text-align: center;
}

.wp-caption img {
    border: 1px rgba(0,0,0,0.3) solid;
    margin: 0 auto 15px auto;
    max-width: 98.5%;
    width: auto;

}

p {
	margin: 0 0 20px 0;
	padding: 0;
}
p.centered {
	text-align: center;
}
p.tagline {
	margin: 0 0 35px 0;
	font-size: 21px;
	font-style: italic;
	font-weight: 26px;
	color: #3a3a3a;
	text-align: center;
}
p ~ ul{
	list-style: inside;

}
p ~ ol{
	list-style: inside;
}
.home-content > .column:after {
	content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
em {
	font-style: italic;
}
a {
	color: #4c94ac;
	text-decoration: none;
}
a:hover {
	color: #4c94ac;
	text-decoration: underline;
}

strong {
	font-weight: 700;
}
blockquote {
	display: inline-block;
	width: 40%;
	margin: 0 0 25px 0;
	padding: 5px 25px 5px 20px;
	font-family: 'lft-etica', Arial, sans-serif;
	font-size: 24px;
	line-height: 36px;
	color: #4c94ac;
	font-style: italic;
	border-left: 2px solid #cdccc8;
	float: right;
	margin-left: 30px;
}
blockquote p {
	display: inline;
}
blockquote:before {
	content: "";
}
blockquote:after {
	content: "";
}
blockquote.right {
	margin: 0 0 25px 30px;
	float: right;
	width: 33%;
}
blockquote.left {
	margin: 0 30px 25px 0;
	float: left;
	width: 33%;
}

input[type=text],
textarea {
	width: auto;
	height: 48px;
	margin: 0 0 20px 0;
	padding: 20px 18px;
	border: 1px solid #e1e1e1;
	border-width: 2px !imortant;
	outline: none;
	display: inline-block;
	font-family: 'lft-etica', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #e1e1e1;
	background-color: #fff;
	box-shadow: none;
	color:#252525;
}
#body input[type=text],
#body textarea {
	/*border-width: 3px;*/
	border-width:1px;
	padding: 10px 14px !important;
	width:100%;

}

.newsletter input[type="text"] {
	width:92%!important;
}


input[type=text]:focus,
textarea:focus {
	background: #fff;
	box-shadow: none;
	border: 2px solid #4c94ac;
}

.single-how_page input[type=text]:focus,
.single-how_page textarea:focus {
	background: #fff;
	box-shadow: none;
	border: 2px solid #f37d21;
}

.single-prenup_page input[type=text]:focus,
.single-prenup_page textarea:focus {
	background: #fff;
	box-shadow: none;
	border: 2px solid #8bc53f;
}


input[type=text].verified {
	border-color: #459e2a;
}
input[type=text].error {
	border-color: #d84848;
}
textarea {
	width: 100%;
	height: auto;
}
::-webkit-input-placeholder { color: #e1e1e1; font-size: 16px !important; font-weight:normal!important; font-family: 'lft-etica',sans-serif;}
:-moz-placeholder { color: #e1e1e1;  font-size:  16px !important; font-weight:normal!important; font-family: 'lft-etica',sans-serif;}
::-moz-placeholder { color: #e1e1e1; font-size:  16px !important; font-weight:normal!important; font-family: 'lft-etica',sans-serif;}
:-ms-input-placeholder {  color: #e1e1e1;  font-size:  16px !important; font-weight:normal!important; font-family: 'lft-etica',sans-serif;}

input[type=submit] {
	width: auto;
	height: 48px;
	margin: 0 0 20px 0;
	padding: 7px 45px;
	border: none;
	outline: none;
	display: inline-block;
	font-family: 'lft-etica', sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	font-weight: normal!important;
	text-transform: uppercase;
	background-color: #4c94ac;
}
input[type=submit]:hover {
	background-color: #59a8c8;
	cursor: pointer;
}
select {
	margin: 0 0 10px 0;
	font-family: 'lft-etica', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #383838;
}

body .gform_wrapper .top_label div.ginput_container {
	margin:0!important;
}



.button {
	color: #2b292b;
	cursor: pointer;
	padding: 12px 35px;
	display: inline-block;
/*	margin: 0 22px 22px 0;*/
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: 15px;
	line-height: 20px;
	outline: none;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border: 2px solid #2b292b;
	box-shadow: none;
	background: none;
}
.button.alt {
	border-color: #f8f6ed;
	color: #f8f6ed;
}
.button:after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: #4c94ac;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.button:hover,
.button:active,
.button.active {
	color: #fff;
	border-color: #4c94ac;
	background: none;
	text-decoration: none;
}

.button.active {
	background: #4c94ac;
}

.button:hover:after {
	width: 103%;
	opacity: 1;
}


/*HEADING*/

h1 {
	font-size:126px;
	line-height: 111px;
	font-family: 'alternate-gothic-no-3-d', sans-serif;
	color:#3a3a3a;
	margin:0 0 33px 0;
}
h2 {
	font-size:60px;
	line-height: 54px;
	font-family: 'alternate-gothic-no-3-d', sans-serif;
	color:#3a3a3a;
	margin:0 0 25px 0;
}
h2.separated {
	margin: 0 0 35px 0;
	padding: 0 0 20px 0;
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
h2.separated:before {
	content: "";
	width: 46px;
	height: 5px;
	background-color: #4c94ac;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -23px;
}
h3 {
	font-size:30px;
	line-height: 46px;
	font-family: 'alternate-gothic-no-3-d', sans-serif;
	color:#3a3a3a;
	margin:0 0 33px 0;
}
h3.centered {
	text-align: center;
}
h3.separated {
	margin: 0 0 45px 0;
	padding: 0 0 18px 0;
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
h3.separated:before {
	content: "";
	width: 34px;
	height: 5px;
	background-color: #4c94ac;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -17px;
}

h4, h4 a, .gform_description {
	font-size:34px;
	line-height: 36px;
	font-family: 'alternate-gothic-no-3-d', sans-serif;
	color:#3a3a3a;
	margin:0 0 33px 0;
}
h5 {
	font-size:28px;
	line-height: 31px;
	font-family: 'alternate-gothic-no-3-d', sans-serif;
	color:#3a3a3a;
	margin:0 0 25px 0;
}
h6 {
	font-size:16px;
	line-height: 24px;
	font-family: "lft-etica", sans-serif;
	font-weight: 700;
	color:#3a3a3a;
	margin:0 0 15px 0;
	text-transform: uppercase;
}




/**==MAIN STRUCTURE==**/
html {
	overflow-x: hidden;
}
body {
	margin:0;
	padding:0;
	font-family: 'lft-etica', Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	color: #5c5c5c;
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
/*	background-color: #f9f8f2;*/
}
.wrapper {
	position: relative;
	z-index: 999;
	margin: 0;
	padding: 44px 0 0;
	min-height: 1100px;
	background-color: #fff;
}
.row {
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
	z-index: 999 !important;
}

.column, .columns {
	padding-left: 22px;
	padding-right: 22px;
}





#menu-item-104 > ul {
	padding-bottom: 10px;
}

#header .dropdown .side-nav ul {
	display: none;
}

#header .dropdown:hover .side-nav ul {
	display: block;
}

#header .dropdown:hover ul {

}
#header .dropdown ul li {
	display: block;
	margin: 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	padding: 5px 15px;
}
#header .dropdown ul li a {
	font-family: 'alternate-gothic-no-3-d', sans-serif;
	font-size: 19px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: auto;
	line-height: 24px;
}
#mobile-nav {
	display: none;
/*	padding: 40px 15px;*/
	position: absolute;
	z-index: 10000;
	left: 0;
/*	top: 50px;*/
	top:0;
	right: 0;
	text-transform: uppercase;
	background: #3a3a3a;
	text-align: center;
}
#header.transparent #mobile-nav {
	background: rgba(0,0,0,0.9);
}
#mobile-nav ul li {
	display: block;
	margin: 0;
	padding: 20px 0px;
}
#mobile-nav ul li a {
	color: #fff;
}


.dropdown .side-nav ul#menu-side-menu {
	border-top: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	border-left: 1px solid rgba(255,255,255,0.3);
}

#header.transparent:not(.sticky) .dropdown:hover .side-nav ul#menu-side-menu {
	border-top: none!important;
}

#header.transparent:not(.sticky) #menu-main-menu > li > ul {
	/*background:transparent;*/
	background: #C7B7B7;
	border: 1px solid rgba(255,255,255,0.3);
}

#header.transparent:not(.sticky) #menu-main-menu > li > ul > li {
/*	border-bottom: 1px solid rgba(255,255,255,0.3);*/
border:0!important;
}



/*#header .menu-button {
	width: 64px;
	height: 50px;
	position: absolute;
	z-index: 11000;
	right: 22px;
	top: 0;
	cursor: pointer;
	background: url(../images/icon_menu.png) right center no-repeat;
}*/

/*Transparent Header*/
#header.transparent:not(.sticky) {
	background: transparent;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
#header.transparent:not(.sticky) #nav {
	border-right: 1px solid rgba(255,255,255,0.3);
}
#header.transparent:not(.sticky) #nav ul li {
	border-left: 1px solid rgba(255,255,255,0.3);
}
#header.transparent:not(.sticky) .dropdown ul {
	/*left: -52px;*/
	right: 0;
	padding-bottom: 0;
	padding-top: 10px;
	background:transparent;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
}
#header.transparent:not(.sticky) .dropdown.active ul {
	border-top: none;
}
#header.transparent:not(.sticky) .dropdown ul li {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

/*HOME*/
.top-section.home {
	padding-top: 325px;
}
.icon-scrolldown {
	margin: 50px 0 0 0;
	padding: 0 0 70px 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fefefe;
	text-transform: uppercase;
	font-style: normal;
	cursor: pointer;
	background: url(../images/icon_scroll_down.png) center bottom no-repeat;
}

.home-content {
	max-width: 1020px;
	padding-bottom: 15px;
	padding-top: 30px;
}

.home-content h2 {
	margin: 0 0 45px 0;
	padding: 0 0 20px 0;
}
.home-content p {
	margin-bottom: 40px;
}


#cycle-1 .slide { width:100%; max-height: 100%;}
#cycle-1 .slide img {
	width: 100%;
	max-height: 655px;
}
#cycle-2 {
	margin: 0 -22px;
}
#cycle-2 .cycle-carousel-wrap {
	right:-20px
}
#cycle-2 .cycle-slide {
	height: auto;
	border: 22px solid #f9f8f2;
	float: left;
	width: 24.99% !important;
}

#cycle-2 .cycle-slide-active span {
	background: #000;
	display: block;
	clear: both;
	overflow: hidden;
}
#cycle-2 .cycle-slide-active img {
	/* opacity: .4; */
	display: block;
}
.slideshow,
.slideshow-thumbnails {
	margin: 0 0 22px 0;
	overflow: hidden;
}
.slideshow-thumbnails h6 {
	color: #2b292b;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding-top: 22px;
	text-align: center;
	width: auto;
	height: 90px;
	white-space: normal;
}
.slideshow-thumbnails .cycle-slide {
	cursor: pointer;
}
.cycle-slideshow img {
	width: 100%;
	height: auto;
	display: block;
}

.slideshow .caption {
	padding: 40px 60px 20px 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	font-size: 21px;
	line-height: 26px;
	color: #fff;
	font-style: italic;
	background: rgba(0,0,0,0.57);
}
.slideshow .caption h4 {
	margin-bottom: 25px;
	font-size: 36px;
	font-style: normal;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}





.slideshow-thumbnails .overlay {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.slideshow-thumbnails .overlay .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.slideshow-thumbnails .overlay .hover-overlay p {
	white-space: normal;
	text-align: center;
	display: block;
	color: #fff;
	margin-top: 15px;
	padding: 0px 6px;
}

.slideshow-thumbnails .overlay:hover .hover-overlay {
	opacity: 1;
}

#cycle-2 .cycle-slide:last-child .overlay p {
	padding-right: 30px;
}

.news-section {
	margin: 0;
	padding-top: 80px;
	padding-bottom: 50px;
	font-size: 20px;
	line-height: 25px;
	color: #c3c3c3;
	text-align: center;
	background-color: #4a4a4a;
}
.news-section h2 {
	color: #fff;
	font-size: 61px;
}
.news-section h2 a{
	color: #fff;
}
.news-section h2 a:hover{
	text-decoration: none;
}
.news-section p {
	margin-bottom: 40px;
}
.news-section p:last-of-type {
	margin-bottom: 0px;
}

.news-section .separator:before {
	content: "";
	height: 280px;
	width: 0;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	border-left: 1px solid #afa9a9;
}

/*==SECONDARY==*/
.background {
	background-position: center top;
	background-size: cover;
	background-color: #4A4A4A;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.background.home {
	background-position: right top;
}
.background.no-margin {
	margin-bottom: 0;
}

.page-title {
	margin: 0 0 52px 0;
	padding-top: 120px;
	text-align: center;
	position: relative;
}
.top-section .page-title {
	margin-bottom: 35px;
	padding-top: 0;
}
.page-title h1 {
	margin-bottom: 30px;
	text-transform: uppercase;
}
.top-section .page-title h1 {
	color: #fff;
}
.page-title:before {
	content: "";
	width: 66px;
	height: 5px;
	background-color: #4c94ac;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -33px;
}
.top-section .page-title:before {
	background-color: #fff;
}
.top-section.home .page-title:before {
	width: 170px;
	margin-left: -85px;
}

.intro {
	max-width: 1100px;
	padding-bottom: 50px;
/*	font-style: italic;*/
	font-size: 26px;
	line-height: 37px;
	text-align: center;
	font-weight:bold;
}
.top-section .intro {
	padding-bottom: 20px;
	color: #fff;
}
.content {
	margin: 0 0 110px 0;
	padding-right: 6.5%;
}
.equal-boxes {
	display: table;
	width: auto;
	max-width: 1280px;
	margin: 0 auto;
	margin-bottom: 22px;
	box-sizing: border-box;
}
.equal-boxes .box {
	width: 33.3333%;
	border: 22px solid #fff;
	display: table-cell;
	position: relative;
	box-sizing: border-box;
}

@media (max-width: 920px) {
	.equal-boxes {
		display: block;
		padding-left: 22px;
		padding-right: 22px;
		margin-bottom: 0;
	}
	.equal-boxes .box {
		display: block;
		width: 100%;
		border: none;
		margin: 0 22px 44px 0;
	}
}

.box {
	margin: 0 0 40px 0;
	padding: 40px;
	font-size: 16px;
	line-height: 23px;
	background: #fff;
}
.box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.box ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	position: relative;
}
.box ul li:before {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
}
.box h4 {
	margin-bottom: 20px;
}

.sidebar {
	margin: 0 0 110px 0;
	padding-left: 2%;
}
.sidebar .sidebar-link{
	width: 100%;
}
.sidebar .box {
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 16px;
	line-height: 26px;
	background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.sidebar .box h6 {
	font-size: 19px;
	text-transform: none;
}

.sidebar .testimonial p {
	font-style: italic;
}
.sidebar .testimonial .author {
	text-align: right;
}
.sidebar p {
	font-size:14px!important;
	margin-bottom:10px!important;
}


/*SEARCH BAR*/

.search-bar {
	max-width: 1600px;
	padding-bottom: 10px;
	text-align: left;
	overflow: visible;
	z-index: 11000 !important;
	position: relative;
}
.search-bar.blog-search {
	max-width: 745px;
}
.search-bar.blog-search .search-box{
	width: 100%;
}
.search-bar.blog-search .search-box:hover{
	width: 100%
}
.blog-search form{
	position: relative;
	width: 100%;
}
.search-bar .columns {

}
.search-bar .filter {
	padding-top: 2px;
	padding-bottom: 35px;
	display: inline-block;
	vertical-align: top;
	margin-left: 0;
	width: 100%;
}
.search-bar .filter li {
	display: block;
	float: left;
	padding: 0;
}
.search-bar .filter .title {
	height: 58px;
	margin: -2px -1px 0 0;
	padding: 16px 25px;
	box-sizing: border-box;
	border: 2px solid #bbbab5;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #2b292b;
	z-index: 1;
}
.search-bar .filter .button {
	margin: -2px -2px -1px -1px;
	padding-left: 5px;
	padding-right: 5px;
	height: 58px;
	padding-top: 16px;
	white-space: nowrap;
	border-color: #bbbab5;
	z-index: 1;
	position: relative;
	box-sizing: border-box;
	font-family: 'lft-etica', Arial, sans-serif!important;

}
.search-bar .filter  .title{
	text-align: center;
}
..search-bar .filter li{
	padding: 0;
}
.search-bar .filter .button:last-child{
	border-right-color: transparent;
	margin-right: -3px;
	width: 100%;
}
.search-bar .filter li:last-child .button{
	border-right-color:  #bbbab5 ;
}
.search-bar .filter .button:hover,
.search-bar .filter .button.active,
.search-bar .filter .button.selected {
	border-color: #4c94ac !important;
	z-index: 0;
}

body.not(.post-type-archive-event_post) .search-bar .filter .button:before,
body.not(.post-type-archive-resource_post) .search-bar .filter .button:before {
	content: "";
	width: 32px;
	height: 32px;
	margin-bottom: -10px;
	margin-top: -10px;
	margin-right: 10px;
	background-image: url(../images/filter_icons.png);
	background-repeat: no-repeat;
	display: inline-block;
}

.post-type-archive-resource_post .search-bar .filter .button:before {
	content: "";
	width: auto!important;
	height: 32px;
	margin-bottom: -10px;
	margin-top: -10px;
	margin-right: 0;
	background-image: none!important;
	background-repeat: no-repeat;
	display: inline-block;

}
.search-bar .filter .button.strategy:before {
	background-position: 0 0;
}
.search-bar .filter .button.strategy:hover:before,
.search-bar .filter .button.strategy.active:before {
	background-position: 0 -32px;
}
.search-bar .filter .button.campaigns:before {
	background-position: -32px 0;
}
.search-bar .filter .button.campaigns:hover:before,
.search-bar .filter .button.campaigns.active:before {
	background-position: -32px -32px;
}
.search-bar .filter .button.consulting:before {
	background-position: -64px 0;
}
.search-bar .filter .button.consulting:hover:before,
.search-bar .filter .button.consulting.active:before {
	background-position: -64px -32px;
}

.search-bar .search-box {
	width: 100%;
	transition: width .3s ease-in;
/*	max-width: 660px;*/
	margin: 0 auto;
	padding-bottom: 35px;
	position: relative;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-left: -1px;
}
.search-bar .search-box input[type=text] {
	margin: 0;
	width: 100%;
	height: 58px;
	border:2px solid #bbbab5;
	color: #2b292b;
	border-width:2px!important;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.search-bar .search-box input[type=text]:placeholder {
	    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
.search-bar .search-box input[type=text]:hover {
	border-color: #4c94ac;
}
.search-bar .search-box input[type=submit] {
	width: 48px;
	height: 48px;
	padding: 0;
	position: absolute;
	right: 3px;
	top: 5px;
	background: #f9f8f2 url(../images/icon_search.png) center center no-repeat;
}
.search-bar .search-box:hover{
	/* width: 20%; */

}

.portfolio-search, .search-bar {
	margin-top:50px;
}

.portfolio-search .filter {
	display:table;
	width:100%;
}

.portfolio-search .filter li {
	float:none;
	display:table-cell;
}

.portfolio-search .filter li .button {
	padding-left:10px;
	padding-right:10px;
}

@media only screen and (max-width: 1441px){
	.portfolio-search.search-bar .search-box{
		width: 100%;
	}
	.portfolio-search .filter{
		width: 100%;
		margin: 0;
	}
	.portfolio-search .filter li{
		padding: 0;
		
	}
	.portfolio-search .filter li a{
		width: 100%;
	}
}
.search-bar .dropdown-button {
	width: 222px;
	height: 58px;
	margin: -2px -2px -1px -1px;
	padding: 0;
	box-sizing: border-box;
	border: 2px solid #bbbab5;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #2b292b;
	position: relative;
	z-index: 10000;
	text-align: left;
}
.search-bar .dropdown-button .value {
	display: block;
	padding: 16px 25px
}
.search-bar .dropdown-button a {
	color: #2b292b;
}
.search-bar .dropdown-button a:hover {
	color: #4c94ac;
	text-decoration: none;
}
.search-bar .dropdown-button:before {
	content: "";
	display: block;
	width: 16px;
	height: 10px;
	position: absolute;
	right: 16px;
	top: 22px;
	background: url(../images/icon_dropdown.png) right top no-repeat;
}
.search-bar .dropdown-button:hover:before,
.search-bar .dropdown-button.active:before {
/*	background: url(../images/icon_dropdown.png) right bottom no-repeat;*/
}


.search-bar .dropdown-button ul {
    display: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    top: 54px;
    left: -2px;
    right: -2px;
    background: #fff;
    border: 2px solid #bbbab5;
}
.search-bar .dropdown-button ul li {
	display: block;
	clear: both;
	width: 100%;
}
.search-bar .dropdown-button ul li a {
	display: block;
	padding: 10px 25px;

}
.search-bar ::-webkit-input-placeholder { color: #2b292b; font-weight: bold }
.search-bar :-moz-placeholder { color: #2b292b; font-weight: bold }
.search-bar ::-moz-placeholder { color: #2b292b; font-weight: bold }
.search-bar :-ms-input-placeholder {  color: #2b292b; font-weight: bold }

/*PORTFOLIO*/
.row.portfolio {
	max-width: 1600px;
	text-align: center;
}
.row.portfolio .overlay{
	display: block;
	position: relative;
}
.row.portfolio .overlay .hover-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	opacity: 0;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.row.portfolio li * {
	text-transform:none;
}

.row.portfolio .overlay .hover-overlay span {
	display: block;
	color: #fff;
	margin-top: 15px;
	padding: 0px 6px;
}
.row.portfolio .overlay .hover-overlay:hover{
	opacity: 1;
}
.row.portfolio .large-2 {
	min-width: 20%;
	float: left;
}

.more-portfolio {
	padding-top: 120px;
	padding-bottom: 20px;
	text-align: center;
	clear: both;
}
/* INITIATIVES DROP DOWN */
.initiative-dropdown{
	display: block;
	position: relative;
	width: 100%;
	height: 58px;
	overflow: hidden;
	
	background-color: #eae9e3;

}
.initiative-dropdown__toggle{
	font-family: 'lft-etica', Arial, sans-serif;;
	font-size: 16px;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0px 58px;
	line-height: 61px;
	text-align: center;
	margin-bottom: 0;
	cursor: pointer;
	
	z-index: 10;
}
.initiative-dropdown__toggle::before,
.initiative-dropdown__toggle::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	height: 100%;
	width: 58px}
.initiative-dropdown__toggle::before{
	left: 0;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAMAAABDT2Q4AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABlVBMVEUAAAA6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6OjoAAACmG3OpAAAAhXRSTlMAA0OOx/Dpum4SCXTi8W8BT+PTj2BMSmuu+aUImvyeLhmwhBPFyCuqIxWHEO2KD9H9YT7c2i+WygW9W436SGOScobSd+to9lSYPKkG9yHvBMDZC3UCwzZQ5wxwV37o6kslq6Ksk4kdXKB8pDNVR8Hfzy31LJk1Tfh/P7N9QBSVGrgqZabsdIxg/gAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAFjSURBVCjPbZL5QwFBFMeHSAeJKAmlCyXpRrqQLtItlXTqLp26dH//7zbN2l28X/b7ffOZfW/eDCEFIRKXSKRAqaysnBSLiko52FBUKQuBahWzoq7RaGvrdPWAXpS33mAAjKZG6prMQLMQaGkF2tp5HVlgtPIBmxroEPy2044unnV0w9nDml5LX79+gAxiiANcbjg9VCuHs2fxjozCzhFjwDirJwCf3y9HYBLBHDAFTLN6BpidI8QagoKrEp6HJMKaBSwu/X1NTKVlmltZhTTMAmtANCvEwHqMJjeAzVzBLcT/py3aRoLmdoLY5Xrewz5VB4fs4dwI2DjCDANVSXZ+GuCIN7pj6PLuy2aHjO9PUJp3pacICu7nDDgXABeAX7jlEvEkz8aukIoIiesbqG45ewfnfV5j5MGL9KODGi3zJkhBPMWB0POLJ5p4JT6kXIUEybyl6XMm7x+fpGhkvr59PwzxC2GJXkzkHgNyAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA0LTI5VDA5OjEyOjQyLTA3OjAw3EKeVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNC0yOVQwOToxMjo0Mi0wNzowMK0fJuoAAAAASUVORK5CYII=) no-repeat center;
}
.initiative-dropdown__toggle::after{
	height: 0px;
	width: 0px;
	right: 18px;
	top: 26px;
	border: 8px solid #757471;
	border-color: #757471 transparent transparent transparent;
}

.initiative-dropdown__list{
	display: block;
	width:100%;
	height: auto;
	max-height: 0px;
	/* top: 58px; */
	-webkit-transition: max-height .25s ease-in;
	-moz-transition: max-height .25s ease-in; 
	-ms-transition: max-height .25s ease-in; 
	-o-transition: max-height .25s ease-in; 
	transition: max-height .25s ease-in;  
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.initiative-dropdown__list-item{
	width: 100%;
	background-color: #eae9e3;
	padding: 10px;
	border-top: 1px solid #757471;
	
}
.initiative-dropdown__list-item:last-child{
	border-bottom: 1px solid #757471;
}
/* .initiative-dropdown:hover, */
.initiative-dropdown--active
{
	overflow: visible;
}
/* .initiative-dropdown:hover .initiative-dropdown__list, */
.initiative-dropdown--active .initiative-dropdown__list
{
	max-height: 500px;
}
/*AV LAB*/

.buckets {
	padding-top: 60px;
	padding-bottom: 100px;
	text-align: center;
}
.buckets .columns {
	padding-left: 18px;
	padding-right: 18px;
	display: inline-block;
	float: none;
}



@media (min-width: 768px) {
	.buckets .columns {
		width: 19%;
	}
	.buckets .columns.large{
		width: 30%;
	}

}
@media (min-width: 768px) and (max-width:1130px) {
	.buckets .columns {
		width: 33.33334%;
	}
}

@media(max-width:1300px) {
	#header .logo {
		margin-left:22px;
	}
}



.buckets .bucket {
/*	height: 87px; */
	margin: 0 0 36px 0;
	padding: 0;
	background: transparent;
	text-align: center;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	min-height: 87px;
	transition: max-height .25s ease-in;
	max-height: 87px;
}

.buckets .bucket h4 {
	display: block;
	position: relative;
}

.buckets .bucket .popup {
	transition: max-height .25s ease-in;
	width: 100%;
	max-height: 87px;
	padding: 25px 20px 10px 20px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	overflow: hidden;
	/* -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out; */	
}


.buckets .bucket.active .popup {
	max-height: 600px;
}


.buckets .bucket:hover > .popup {
	max-height: 600px;
}

.buckets .bucket:hover {
	max-height: 600px;
}

.buckets .bucket:hover h4:before {
	content: "";
	height: 3px;
	width: 24px;
	position: absolute;
	left: 50%;
	bottom: -12px;
	margin-left: -12px;
	background-color: #4c94ac;
}

@media (max-width: 767px) {
	.buckets .large-2 {
		width: 100%;
	}

	.buckets .bucket .popup {
		position: static;
	}

	.buckets .bucket:hover {
		height: auto;
	}
}

/*CASE STUDY*/
.top-section.case-study {
	padding-top: 215px;
	padding-bottom: 140px;
}

.case-study .intro {
	font-size: 27px;
	line-height: 31px;
}
.case-study .page-title:before {
	width: 170px;
	margin-left: -85px;
}
.portfolio-icon {
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 auto 0 auto;
}

.case-study-title {
	text-align:center;
}

span.portfolio-icon {display: inline-block; margin: 0 10px;}
.portfolio-icon.icon-strategy{
	background: url(../images/icon_strategy.png) left top no-repeat;
}
.portfolio-icon.icon-consulting{
	background: url(../images/icon_consulting.png) left top no-repeat;
}
.portfolio-icon.icon-campaigns{
	background: url(../images/icon_campaigns.png) left top no-repeat;
}
.portfolio-icon.icon-initiatives{
	background: url(../images/icon_initiatives.png) left top no-repeat;
}
.home-featured-image-photo-credit {
	color: #fff;
	position: absolute;
	right: 15px;
	bottom: 10px;
	padding: 5px 10px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}
.portfolio-photo-credit {
	color: #fff;
	position: absolute;
	right: 15px;
	bottom: 10px;
	padding: 5px 10px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}
.initiative-photo-credit {
	color: #fff;
	position: absolute;
	right: 15px;
	bottom: 10px;
	padding: 5px 10px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}
.featured-image-photo-credit {
	color: #fff;
	position: absolute;
	right: 15px;
	bottom: 10px;
	padding: 5px 10px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
}
.case-study-content {
	margin-bottom: 80px;
	padding-top: 30px;
}
.case-study-content .columns {
	max-width: 1020px;
	margin: 0 auto;
}
.case-study-content h2 {
	margin: 0 0 45px 0;
	padding: 0 0 20px 0;
}
.video {
	margin: 0 -40px 30px -40px;
}
.video img,
.video iframe {
	width: 100%;
	margin: 0;
}
.video a {
	display: block;
	position: relative;
	outline: none;
}
.video a:before {
	content: "";
	width: 104px;
	height: 104px;
	background: url(../images/icon_play.png) left top no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -52px;
	margin-left: -52px;
}
.box ul.publications {
	margin: 0;
	padding: 0;
	list-style: none;
}
.box ul.publications li {
	margin: 0 0 10px 0;
	padding: 30px 0 0 0;
	clear: both;
	overflow: hidden;
	border-top: 2px solid #e4e4e4;
}
.box ul.publications li:first-child {
	padding-top: 0;
	border-top: none;
}
.box ul.publications li:before {
	display: none;
}
.box ul.publications li .alignleft {
	margin: 0 20px 20px 0;
}
.gallery-slider {
	width: auto;
	overflow: hidden;
	position: relative;
	margin: 0;
	padding: 0 30px 0 30px;
	margin-bottom: 20px;
}

.gallery-slider .next,
.gallery-slider .prev {
	width: 16px;
	height: 19px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	background-image: url(../images/slider_nav.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.gallery-slider .prev {
	left: 0;
	background-position: 0 0;
}
.gallery-slider .prev:hover {
	background-position: 0 -19px;
}
.gallery-slider .next {
	right: 0;
	background-position: -16px 0;
}
.gallery-slider .next:hover {
	background-position: -16px -19px;
}
.gallery-slider img {
	display: block;
	padding: 0 2px 0 0;
	float: left;
}
.gallery-slider .cycle-slideshow {
	clear: both;
	overflow: hidden;
}
.gallery-slider .slide {
	display: block;
	height: 100%;
}
.gallery-slider img {
	display: block;
	height: 84px;
	width: auto;

}

/*SERVICE PAGE*/

.row.services {
	margin-bottom: 40px;
	font-size: 17px;
	line-height: 25px;
}

.row.services h6 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
}
.service-icon {
	display: block;
	margin: 0 auto 25px auto;
	width: 112px;
	height: 112px;
	background-image: url(../images/services_icons.png);
	background-repeat: no-repeat;
}
.service-icon.strategy {
	background-position: 0 0;
}
.service-icon.strategy:hover {
	background-position: 0 -112px;
}
.service-icon.campaigns {
	background-position: -112px 0;
}
.service-icon.campaigns:hover {
	background-position: -112px -112px;
}
.service-icon.consulting {
	background-position: -224px 0;
}
.service-icon.consulting:hover {
	background-position: -224px -112px;
}
.service-icon.initiatives {
	background-position: -336px 0;
}
.service-icon.initiatives:hover {
	background-position: -336px -112px;
}

/*TEAM PAGE*/
.biography {
	margin-bottom: 90px;
	font-size: 16px;
	line-height: 26px;
}

.biography img {
    min-width: 100%;
}

.biography .text {
	padding-top: 20%;
}
.biography h3 {
	font-size: 51px;
	margin-bottom: 12px;
}
.biography p {
	margin: 0 0 20px 0;
	padding: 0;
}
.team {
	margin-bottom: 70px;
}
.team .columns {
	text-align: center;
	float: left !important;
	font-size: 16px;
	line-height: 20px;
	color: #5c5c5c;
}
.team .info {
	padding-top: 25px;
	height: 170px;
}
.team img {
	margin: 0;
	max-height: 280px;
}
.team h5 {
	margin: 0 0 8px 0;
	font-size: 34px;
}
.team p {
	margin: 0 0 20px 0;
}
.team .title {
	display: block;
	text-align: center;
	margin: 0 -22px 20px -22px;
}
.team .more {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon_plus.png) left top no-repeat;
}

.team-intro {
	margin-bottom: 30px;
	font-size: 21px;
	line-height: 33px;
	font-style: italic;
	text-align: center;
}

/* ADVISORY COMMITTEE */

.advisory {
	
}

.advisory h3 {
	text-align: center;
	text-transform: uppercase;
}

.advisory .team h5 {
	font-size: 28px;
	line-height: 31px;
}

.advisory .team .title {
	display: block;
	text-align: center;
	margin: 0 -22px 20px -22px;
	font-size: 16px;
	line-height: 27px;
}





/*LAB CONSULTING*/

.row.consulting {
	padding-top: 30px;
}
.row.consulting .featured {
	text-align: center;
}
.row.consulting .featured img {
	margin: 0 0 30px 0;
}
.row.consulting .row .columns {
	height: 336px;
	float: left;

}
.row.consulting .columns{
	text-align: center;
	height: 320px;
}
.row.consulting .columns a{
	/* display: inline-block; */
}
.row.consulting .row .columns img {
	margin: 0 auto 25px auto;
	display: block;
}
.row.consulting h6 {
	margin-bottom: 16px;
	font-size: 16px;
	text-transform: uppercase;
	color: #2b292b;
	font-weight: bold;
	display: block;
	text-align: center;
}
/*CONTACT PAGE*/

.row.contact {
	max-width: 920px;
	margin-bottom: 65px;
}

.row.contact .row {
	margin-left: -20px;
	margin-right: -20px;
}
.row.contact .map {
	margin-bottom: 20px;
}
.row.contact h6 {
	font-size: 19px;
	text-transform: none;
}
.row.contact input[type=text],
.row.contact textarea {
	width: 100%;
}

.row.contact textarea {
	height: 140px;
	resize: vertical;
}

#body .gfield_error {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#body .gform_wrapper .validation_message {
	display: none;
}

#body .gfield_error label {
	margin-top: 10px;
}

#body .gform_footer {
	padding: 0;
	margin: 0;
}


/*BLOG*/
.blog {
	/*margin-bottom: 90px;*/
}
.post {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 3px solid #cdccc8;
}
.post .columns {
	padding-left: 15px;
	padding-right: 15px;
}
.post .featured-image {
	margin: 0 0 32px 0;
}
.post .featured-image img {
	width: 100%;
	margin: 0;
}
.post h4 {
	margin-bottom: 20px;
	line-height: 35px;
	font-size: 34px;
}
.post h4 a{
	color: #3a3a3a;
}

.post p {
	margin-bottom: 24px;
}
.post .categories {
	clear: both;
	overflow: hidden;
}
.post .categories li {
	display: inline;
}
.post .categories a {
	margin: 0 20px 20px 0;
	padding: 12px 15px;
	display: inline-block;
	background-color: #418bc9;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.blog .page-navi {
	margin: 0 0 20px 0;
	padding: 0;
}
.blog .page-navi ol {
	list-style: none;
}
.blog .page-navi ol li {
	width: auto;
	padding: 0 5px;
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
}

.blog .page-navi ol li.bpn-current {
	color: #5c5c5c;
}
.blog .page-navi ol li.bpn-prev-link,
.blog .page-navi ol li.bpn-next-link {
	border: none;
}
.blog .page-navi ol li a {
	color: #4c94ac;
	text-decoration: none;
}
.blog .page-navi ol li a:hover {
	color: #5c5c5c;
	text-decoration: underline;
}



.blog-single h1 {
	margin-bottom: 30px;
}
.blog-single {
	margin-bottom: 50px;
	padding-bottom: 65px;
	position: relative;
}
.blog-single:before {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 0;
	width: auto;
	height: 3px;
	background: #cdccc8;
}

.blog-single .featured-image {
	margin: 0 0 50px 0;
	height: auto;
	position: relative;
}
.blog-single .featured-image img {
	margin: 0;
	width: 100%;
	height: auto;
	display: block;
}

.blog-single .columns {
	padding-left: 15px;
	padding-right: 15px;
}
.article-wrapper {
	clear: both;
	overflow: hidden;
	position: relative;
}
.article {
	width: auto;
	padding-left: 125px;
	padding-right: 15px;
	float: none;
}
.share {
	width: 60px;
	padding-left: 15px;
	color: #3a3a3a;
	float: left;
	transition: margin-top .3s ease-out;
	margin-top: 0px;
}
.share.is_stuck{
	margin-top: 90px;
}
.share a {
	width: 24px;
	height: 24px;
	margin: 0 20px 30px 10px;
	display: block;
	background-image: url(../images/sharing_icons.png);
	background-repeat: no-repeat;
}
.share a.twitter {
	background-position: 0 0;
}
.share a.twitter:hover {
	background-position: 0 -24px;
}
.share a.facebook {
	background-position: -24px 0;
}
.share a.facebook:hover {
	background-position: -24px -24px;
}
.share a.linkedin {
	background-position: -24px 0;
}
.share a.linkedin:hover {
	background-position: -24px -24px;
}
.share p {
	margin: 0 20px 20px 0;
	display: inline-block;
}

.share .categories a {
	display: inline-block;
	margin: 0 0 20px 0;
	padding: 10px 10px;
	width: 76px;
	height: initial;
	background: #418bc9;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.related-posts {
	max-width: 965px;
	margin-bottom: 90px;
}
.related-posts .box {
	margin: 0 0 40px 0;
	padding: 40px;
	font-size: 15px;
	line-height: 26px;
	background: #fff;
}
.related-posts h4 {
	display: block;
	text-align: center;
	color: #4c94ac;
	font-size: 34px;
}
.related-posts h6 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #2b292b;
	text-transform: none;
}
.related-posts p {
	margin: 0 0 5px 0;
}

/*==FOOTER==*/








/**MEDIA QUERY**/
@media (max-width: 1239px) {
	#header .dropdown ul.menu {
		/* left: -70px;*/
		right: 0;
		width: 106px;
	}
}

@media (max-width: 960px) {
	.slideshow .caption {
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 18px;
		line-height: 24px;
	}
	.slideshow .caption h4 {
		margin-bottom: 12px;
		font-size: 28px;
		line-height: 36px;
	}
}
@media (min-width: 1020px) and (max-width: 1100px)  {
	.search-bar .filter .title {
		padding-left: 18px;
		padding-right: 18px;
	}
	.search-bar .filter .button {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 768px) and (max-width: 1100px)  {
	.search-bar .filter li a{
		font-size: 12px;
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media (max-width: 965px)  {
	#nav ul li a {
		padding-left: 20px;
		padding-right: 20px;
	}

}


@media (max-width: 767px) {

	#header:not(.transparent) {
		background-color: #3a3a3a;
	}
	#header.transparent {
		background-color: rgba(0,0,0,0.4) !important;
	}
	#header.sticky.transparent {
		background-color: #3a3a3a !important;
	}
	#header.sticky #mobile-nav {
		background-color: #3a3a3a;
	}

	.top-section.home {
		padding-top: 200px;
	}

	.page-title h1 {
		font-size: 100px;
		line-height: 115px;
	}

	.slideshow,
	.slideshow-thumbnails {
		margin: 0 0 11px 0;
	}
	.slideshow-thumbnails h6 {
		font-size: 13px;
		width: 100% !important;
	}
	#cycle-2 {
		margin: 0 -11px;
	}
	#cycle-2 .cycle-slide { border: 11px solid #f9f8f2; }
	.news-section .separator {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	.slideshow .caption {
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 16px;
		line-height: 20px;
	}
	.slideshow .caption h4 {
		margin-bottom: 7px;
		font-size: 21px;
		line-height: 28px;
	}
	.news-section .separator:before {
		width: 60%;
		height: 0;
		left: 20%;
		right: 20%;
		top: 50%;
		bottom: auto;
		border-left: none;
		border-bottom: 1px solid #afa9a9;
	}

	.article {
		padding-left: 85px;
	}
	.portfolio-search.search-bar .filter li .title{
		text-align: center;
	}
	.portfolio-search.search-bar .filter li .button{
		border-right-color: #bbbab5;	
	}
	
	.search-bar .filter {
		display: block;
		float: none;
	}
	.search-bar .filter li {
		margin-left: 0;
		margin-right: 0;
		display: block;
		clear: both;
		width: 100%;
		display: block;
		float: none;
	}
	.search-bar .filter .title {
		margin-left: 0;
		text-align: center;
	}
	.search-bar .filter .button {
		margin-left: 0;
		margin-right: 0;
		margin-top: -3px;
		display: block;
		font-family: 'lft-etica', Arial, sans-serif!important;
	}


	.search-bar .search-box {
		max-width: 100%;
	}

	.search-bar .dropdown-button {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		margin-top: -3px;
	}
	
	.biography .text {
		padding-top: 20px;
	}
	.team .title {
		margin-left: 0;
		margin-right: 0;
	}

	.case-study .intro {
		font-size: 22px;
	}

	.buckets .bucket {
		height: auto;
	}

	blockquote,
	blockquote.left,
	blockquote.right {
		width: 100%;
		display: block;
	}


}
@media (max-width: 767px){
	.portfolio-search .initiatives-wrapper{
		margin-bottom: 28px;
	}
}
@media (max-width: 767px) and (min-width: 641px){
	.portfolio-search .search-wrapper{
		width: 83.75%
	}
	.portfolio-search .initiatives-wrapper{
		margin-left: 8%;
		width: 83.75%
	}
}
@media (max-width: 640px) {
	.page-title h1 {
		margin-bottom: 20px;
		font-size: 80px;
		line-height: 80px;
	}
	.slideshow .caption {
		padding-top: 10px;
		font-size: 13px;
		line-height: 16px;
	}
	.slideshow .caption h4 {
		font-size: 18px;
		line-height: 24px;
	}
	.share a,
	.share p {
		float: left;
	}



}
@media (max-width: 480px) {
	.slideshow .caption {
		padding-left : 10px;
		padding-right : 10px;
	}
	.slideshow .caption p{
		margin-bottom: 0px;
	}
	.background.home {

	}
	.top-section.home {
		padding-top: 150px;
		padding-bottom: 20px;
	}

}
@media (max-width: 320px) {
	.page-title h1 {
		font-size: 60px;
		line-height: 70px;
	}

}




/*  COLORBOX
	++++++++++++++++++++
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%; z-index: 11001}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
#cboxOverlay{
	background-color: rgba(0,0,0,0.85);
	background-image: none;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/*	BigVideo Styles
	You may need to adjust these styles to get this working right in your design.
*/
.vjs-control-bar { display: none; }
#big-video-wrap{overflow:hidden;position:absolute;height:100%;width:100%;top:0;left:0;opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -ms-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;}
#big-video-vid,#big-video-image{position:absolute; background-color: none;top:0!important;}
#big-video-control-container{position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
  -webkit-transition-duration:0.6s;
  -moz-transition-duration:0.6s;
  -ms-transition-duration:0.6s;
  -o-transition-duration:0.6s;
  transition-duration:0.6s;}
  
  
  
  
  
  
  
  @media (max-width: 794px) {
	#nav ul li a
	 {
		padding:  20px 10px 0 10px;
		font-size: 16px
	}  
	#header .dropdown ul li a {
		font-size:  16px;
	}	
  }