/*
Theme Name: Rochford
Description: 
Author: Windsorborn
Version: 1.0
*/

/*lkc-reset - v1.2 - 24/01/2014 */
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%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}audio,canvas,progress,video{display:inline-block}[hidden],template{display:none}ol,ul{list-style:none}b,strong{font-weight:bold}i,em{font-style:italic}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll;height:100%;-webkit-font-smoothing:antialiased}html,body{height:100%;-webkit-text-size-adjust:none}textarea{resize:vertical;overflow:auto}textarea,input[type=text],input[type=tel],input[type=submit],input[type=password],input[type=email]{outline:none;-webkit-appearance:none;border-radius:0}a{outline:none;-moz-outline:none;text-decoration:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

@font-face {
	font-family: 'rochford';
	src:url('fonts/rochford87d3.eot?i80xo0');
	src:url('fonts/rochfordd41d.eot?#iefixi80xo0') format('embedded-opentype'),
		url('fonts/rochford87d3.woff?i80xo0') format('woff'),
		url('fonts/rochford87d3.ttf?i80xo0') format('truetype'),
		url('fonts/rochford87d3.svg?i80xo0#rochford') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'rochford';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-stack:before {
	content: "\e600";
}
.icon-phone:before {
	content: "\e601";
}
.icon-bars:before {
	content: "\e602";
}
.icon-star:before {
	content: "\e603";
}
.icon-googleplus:before {
	content: "\e608";
}
.icon-facebook:before {
	content: "\e609";
}
.icon-twitter:before {
	content: "\e60a";
}
.icon-linkedin:before {
	content: "\e60b";
}
.icon-in:before {
	content: "\e604";
}
.icon-zoomin:before {
	content: "\e605";
}
.icon-envelope:before {
	content: "\e606";
}
.icon-plus:before {
	content: "\e607";
}

.icon-list:before {
	content: "\e60c";
}

body{
	background: #ececec;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

a{
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.inner{
	max-width: 1270px;
	margin: 0 auto;
}

.mb{
	margin-bottom: 30px;
}

.e404{
	padding: 100px 20px;
	text-align: center;
	background: #fff;	
	font-size: 32px;
	line-height: 36px;
}

.header{
	background: #fefefe;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding: 30px 0px;
	height: 120px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

.header .inner{
	padding: 0px 20px;
}

.small-header .header{
	height: 80px;
	padding: 10px 20px;	
}

.small-header .nav .contact-details{
	padding-bottom: 35px;
	margin-top: -40px;
}

.header .logo{
	float: left;
	padding-top: 5px;
}

.logo{
	max-width: 215px;
	display: block;
}

.logo img{
	width: 100%;
	height: auto;
	display: block;
}

.nav{
	float: right;
	text-align: right;
}

.nav ul li{
	display: inline;	
	position: relative;
}

.nav .menu{
	line-height: 20px;
}

.nav .menu > li{
	padding: 0px 15px;
	line-height: 20px;
}

.nav .menu li:last-of-type{
	padding-right: 0;	
}

.nav .menu > li a{
	font-size: 20px;
	line-height: 20px;	
	color: #636363;
	position: relative;
	padding-bottom: 40px;
}

.nav .menu li:hover > a{
	color: #496eb3;
}

.nav .menu .current-menu-item > a, .nav .menu .current-page-ancestor > a, .nav .menu > li.current-menu-item.redirect > .sub-menu > li:first-of-type > a{
	font-weight: 700;	
	color: #496eb3;
}

.nav .menu > .current-menu-item > a:after{
	content: "";
	border: 10px solid transparent;
	border-top: 10px solid #fefefe;
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -10px;
}

.small-header .nav .menu .current-menu-item > a:after{
	bottom: -6px;
}

/*
.nav .menu-item-has-children.disable > a{
	cursor: default;
}
*/

.nav .menu li:hover .sub-menu{
	display: block;
}

.nav .menu > li > .sub-menu{
	display: none;
	border-top: 5px solid #496eb3;
	background: #fefefe;
	padding: 10px 20px;
	position: absolute;
	left: 50%;
	top: 49px;
	min-width: 260px;
	margin-left: -130px;
	z-index: 90;
}

.nav .menu > li > .sub-menu:after{
	content: "";
	border: 10px solid transparent;
	border-bottom: 10px solid #496eb3;
	position: absolute;
	top: -22px;
	left: 50%;
	margin-left: -10px;

}

.nav .menu .sub-menu li{
	display: block;
	text-align: left;
}

.nav .menu .sub-menu li a{
	font-size: 16px;
	line-height: 16px;
	padding: 10px 0px;
	display: block;
}

.nav .menu .sub-menu .sub-menu{
	padding-left: 10px;
}

.nav .menu .sub-menu .sub-menu a{
	color: #898989;
}

.nav .contact-details{
	color: #1b144b;
	padding-bottom: 18px;
	-webkit-transition: all .25s ease .05s;
	-moz-transition: all .25s ease .05s;
	-o-transition: all .25s ease .05s;
	transition: all .25s ease .05s;
	margin-top: -7px;
}

.nav .contact-details span{
	font-size: 17px;
	line-height: 17px;	
	padding-right: 5px;
	position: relative;
	top: 3px;
}

.nav .contact-details li{
	padding-left: 15px;
}

.nav .contact-details a{
	color: #898989;
	font-size: 14px;
	line-height: 14px;
}

.nav .contact-details a:hover{
	color: #496eb3;
}

.main{
	padding: 150px 0px 0px 0px;
}

.footer{
	background: #2f383d;
	padding: 50px 0px;
	border-top: 4px solid #496eb3;
	color: #ffffff;
	font-size: 18px;
	line-height: 26px;
}

.footer .inner{
	padding: 0px 20px;
}

.footer a{
	color: #496eb3	
}

.footer .col{
	float: left;
}

.footer .logo{
	padding-top: 60px;	
}

.col-50p{
	width: 50%;	
}

.col-25p{
	width: 25%;	
}

.col-60p {
	width: 60%;
}

.col-20p {
	width: 20%;
}

.footer .menu{
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}

.footer .menu li{
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	display: inline-block;
	width: 100%;
}

.footer .menu a{
	color: #fff;
}

.footer .menu a:hover{
	text-decoration: underline;	
	color: #496eb3;
}

.footer .sub-menu{
	padding-top: 5px;
}

.footer .sub-menu a{
	font-size: 14px;
	line-height: 14px;
}

.footer .sub-menu li{
	line-height: 16px;
	margin-bottom: 8px;
}

.footer .menu > li{
	padding-bottom: 15px;	
}

.sub-footer{
	background: #242b2f;
	color: #888c8e;
	padding: 20px;
}

.block{
	background: #ffffff;
	padding: 50px;
	float: left;
	width: 60%;
	position: relative;
}

.block .button{
	color: #fff;
}

.block .button:hover{
	color: #1b144b;
}

.block.blog{
	width: 100%;
	float: none;
}

.posts, .content .single-post{
	float: left;
	width: 80%;
	padding-right: 30px;
	border-right: 1px solid #ccc;
}


.single-post img, .entry img{
	max-width: 100%;
	height: auto;
	display: block;
}


.posts .post{
	background: #2f383d;
	color: #fff;
	margin-bottom: 30px;	
	position: relative;
	min-height: 290px;
}

.post-image{
	width: 40%;
	position: absolute;
	height: 100%;
	overflow: hidden;
}

.post-image .overlay{
	pointer-events: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;	
	opacity: 1;
}

.post-image:hover .overlay{
	opacity: 0.8;	
}

.post-image .overlay .icon{
	color: #fff;
    font-size: 54px;
    left: 50%;
    line-height: 54px;
    margin-left: -27px;
    margin-top: -42px;
    position: absolute;
    top: 50%;
	z-index:5;
}

.post-image .overlay .icon.has-label{
	margin-top: -52px;
}

.post-image .overlay .label{
	position: absolute;
    top: 50%;
    z-index: 5;
    font-size: 18px;
    color: #fff;
    left: 50%;
    text-transform: uppercase;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-top: 35px;
    letter-spacing: 1px;
}

.post-image img{
	width: auto;
	height: 100%;
	display: block;	
}
.post-text{
	float: right;
	width: 60%;	
	padding: 20px 30px 60px 30px;
}

.post-text h3 a{
	color: #fff;
}

.post-text h3 a:hover{
	color: #fff;
	text-decoration: underline;
}

.post-meta{
	border-top: 1px solid #465055;
	border-bottom: 1px solid #465055;	
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 10px 0px;
}

.post .post-meta li{
	list-style: none;
	margin: 0;
	padding: 0px 10px;
	border-right: 1px solid #465055;
	display: inline-block;
}

.post .post-meta li a:hover{
	color: #fff;	
}

.post .post-meta li:last-of-type{
	border-right: 0;	
}

.post-date{
	color: #496eb3;	
}

.blog-sidebar{
	float: left;
	width: 20%;
	padding-left: 30px;
}

.blog-sidebar h3{
	margin-bottom: 15px;
}

.sidebar{
	width: calc(40% - 30px);
	float: left;
	margin-left: 30px;
}

.sidebar .button{
	color: #fff;
}

.content{
	margin-bottom: 30px;
	color: #5f5f5f;
}

.content p{
	margin-bottom: 26px;	
}

.content a{
	color: #496eb3;
}

.content a:hover{
	color: #1b144b;
}

.content strong, .content b{
	font-weight: 700;
}

.content em, .content i{
	font-weight: italic;
}

.content ul, .content ol{
	margin-bottom: 26px;	
}

.content li{
	list-style: square;
	margin-left: 15px;	
	padding-left: 5px;
	padding-bottom: 10px;
}

.content ol li{
	list-style: decimal;
}

.content .blog li{
	margin-left: 0;	
}

.content .blog .single-post ul, .content .blog .single-post ol{
	padding-left: 15px;
}

.content h2{
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 30px;
	color: #496eb3;
}

.content h3{
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
}

.content h4{
	font-size: 22px;
	line-height: 28px;
	font-weight: 400;
}

.content h5{
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

.social{
	background: #eee;
    border-radius: 3px;
    display: inline-block;
    height: 28px;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
}

.social span{
	font-size: 20px;
	line-height: 20px;
}

.cta-box{
	background: #2f383d;
	padding: 30px 80px 30px 30px;
	color: #fff;
	position: relative;	
	line-height: 22px;
	margin-bottom: 30px;
}

.cta-box .button{
	line-height: 24px;	
}

.cta-separator{
	width: 100%;
	height: 1px;
	background: #c3c3c3;
	margin-bottom: 30px;	
}

.cta-box h4{
	font-weight: 700;
	color: #496eb3;
}

.contact-box{
	padding: 30px;
	background: #dedddd;
	margin-bottom: 30px;
}

.contact-box.dark{
	background: #2f383d;
	color: #ffffff;
}

.contact-box .image{
	position: relative;
	margin-bottom: 10px;
}

.contact-box h4{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}

.contact-box.dark h4{
	color: #496eb3;
}

.contact-box .image:after{
	content: "";
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(images/contact-overlay.png) center top no-repeat;
}

.contact-box.dark .image:after{
	background: url(images/contact-overlay-dark.png) center top no-repeat;
}

.contact-box .image img{
	width: 100%;
	display: block;
	height: auto;
}

.contact-box.dark li{
	list-style: none;
	position: relative;
}

.contact-box.dark li:before{
	content: "";
	width: 5px;
	height: 5px;
	background: #496eb3;
	position: absolute;
	top: 10px;
	left: -15px;
}

.member{
	width: 31.33%;
	float: left;
	margin: 1%;
	position: relative;
	overflow: hidden;
}

.member .button{
	color: #fff;
	opacity: 0;	
}

.grid-4 .member{
	width: 23%;
}

.grid-4 .member-text{
	top: 55%;
}

.grid-3 .member{
	width: 31.33%;
}

.grid-2 .member{
	width: 48%;
}

.grid-1 .member{
	width: 98%;
}

.member img{
	width: 100%;
	height: auto;	
	display: block;
}

.team{
	padding: 50px;
	background: #fff;
}

.member-text{
	position: absolute;
	top: 70%;
	color: #fff;
	width: 100%;
	left: 0;
	background: rgba(47,56,61,0.7);
	padding: 25px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	height: 100%;
}

.show-bio .member-text{
	background: rgba(30,171,158,1);
	top: 0;	
	-webkit-transition: all .0s;
	-moz-transition: all .0s;
	-o-transition: all .0s;
	transition: all .0s;
}

.large-bio .member-text{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	z-index: 101;	
	height: auto;
	opacity: 1;
	background: rgba(30,171,158,1);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.hitbox{
	position: fixed;
	z-index: -1;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	-o-transition: opacity .25s;
	transition: opacity .25s;
}

.show-hit .hitbox{
	opacity: 1;
	z-index: 100;
}

.member-title{
	margin-bottom: 20px;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
	position: relative;
	top: 0px;
}

.show-bio .member-title, .large-bio .member-title{
	top: -7px;	
}

.member-bio{
	opacity: 0;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.show-bio .member-bio, .large-bio .member-bio{
	opacity: 1;
}

.member-position{
	opacity: 1;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.show-bio .member-position, .large-bio .member-position{
	opacity: 0;
}

.show-bio.member a{
	opacity: 1;
}

.large-bio.show-bio.member a{
	opacity: 0;
}

.team-overlay{
	width: 100%;
	height: 70px;
	bottom: 0;
	left: 0;
	background: url(images/team-overlay.png) center bottom repeat-x;
	position: absolute;
	z-index: 11;
	opacity: 0;	
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.show-bio .team-overlay{
	opacity: 1;
}

.large-bio.show-bio .team-overlay{
	opacity: 0;	
}

.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: #496eb37a;	
	top: 0;
	left: 0;
}

.hero-image{
	width: 60%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 1;
	background-size: cover;
}

.page .heroes{
	margin-bottom: 30px;
	position: relative;
	max-height: 540px;
}

.heroes li{
	max-height: 540px;
}

.hero-text{
	color: #fff;
	background: #2f383d;
	padding: 50px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 40%;
	z-index: 3;
}

.hero-text h4{
	color: #496eb3;
	margin-bottom: 15px;	
}

.hero-text .slab-300{
	font-size: 30px;
	line-height: 36px;	
}

.flex-control-nav{
	position: absolute;
	bottom: 25px;
	left: 50px;
	z-index:50;
	width: 100%;
}

.testimonials .flex-control-nav{
	left: auto;
	bottom: 60px;
	right: 25px;
	text-align: right;
}

.testimonials .flex-control-nav a{
	float: right;
	margin-right: 6px;	
}

.flex-control-nav a{
	width: 20px;
	height: 20px;
	background: #ececec;
	opacity: 0.6;
	display: block;
	float: left;
	margin-right: 10px;
	text-indent: 100%;
	overflow: hidden;
	cursor: pointer;
}

.flex-control-nav a:hover{
	opacity: 1;
}

.flex-control-nav .flex-active{
	background: #1b144b;
	position: relative;
	color: #fff;	
}

.flex-control-nav .flex-active:after{
	content: "\e607";
	font-family: 'rochford';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 18px;
	text-indent: 0;
}

.home .read-more{
	color: #fff;
	background: #1b144b;
	display: inline-block;
	position: absolute;
	bottom: -64px;
	right: 0;
	padding: 15px 20px;
	z-index: 50;
	-webkit-transition: bottom .35s ease-in-out .8s;
	-moz-transition: bottom .35s ease-in-out .8s;
	-o-transition: bottom .35s ease-in-out .8s;
	transition: bottom .35s ease-in-out .8s;
}

.home .read-more:hover{
	color: #496eb3;
}

.flex-active-slide .read-more{
	bottom: 0px;
}

.home .read-more:before{
	content: "";
	border: 54px solid transparent;
	border-bottom-color: #1b144b;
	position: absolute;
	left: -54px;
	bottom: 0;
	z-index: -1;
}

.home .heroes{
	margin-bottom: 30px;
}

.home-inner{
	max-width: 1410px;
	margin: 0 auto;
}

.home-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 2;
	background: url(images/hero-overlay.png) left top no-repeat;
	opacity: 0;
	-webkit-transition: all 1.1s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.5s;
	-moz-transition: all 1.1s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.5s;
	-o-transition: all 1.1s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.5s;
	transition: all 1.1s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.5s;
}

.flex-active-slide .home-overlay{
	opacity: 1;
	left: 0;
}

.home .hero-text{
	background: transparent;
	padding: 100px 120px;	
	width: 60%;
	font-size: 18px;
	line-height: 26px;
	left: -100%;
	opacity: 0;
	-webkit-transition: all .95s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.75s;
	-moz-transition: all .95s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.75s;
	-o-transition: all .95s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.75s;
	transition: all .95s cubic-bezier(1.000, 0.045, 0.110, 1.000) 0.75s;
}

.home .hero-text:after{
	display: none;
}

.home .flex-active-slide .hero-text{
	left: 0;
	opacity: 1;
}

.home .hero-text h2{
	font-size: 72px;
	line-height: 72px;
	margin-bottom: 30px;
}

.page-sub{
	position: relative;
	padding-bottom: 20px;
	width: 100%;
	display: block;
	z-index: 2;
}

.show-links{
	color: #a4a4a4;
	display: inline-block;
	float: right;
	padding: 10px 40px 10px 30px;
	position: relative;
	background: #f7f7f7;
	font-weight: 700;
}

.show-sub .show-links{
	background: #fff;
}

.show-links:after{
	content:"";
	position: absolute;
	top: 19px;
	right: 11px;
	border: 4px solid transparent;
	border-top-color: #a4a4a4;
}

.tabs{
	display: none;
	background: #fff;
	max-width: 320px;
	position: absolute;
	top: 42px;
	right: 0;
	padding: 10px;
}

.show-sub .tabs{
	display: block;
}

.tabs li{
	display: block;
}

.tabs li a{
	display: block;
	color: #a4a4a4;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

.tabs li a:hover{
	color: #1b144b;
}

/*
.tabs .current_page_item a, .tabs .current-cat a{
	background: #496eb3;
	color: #fff;
	margin-left: 20px;
}

.tabs .current_page_item a:before, .tabs .current-cat a:before{
	content: "";
	border: 34px solid transparent;
	border-bottom-color: #496eb3;
	position: absolute;
	left: -34px;
	bottom: 0;
	z-index: -1;
}
*/

.home-title{
	color: #fff;
	padding: 40px;
	text-align: center;
	background: #496eb3;	
	margin-bottom: 30px;
	font-size: 26px;
	line-height: 26px;
}

.sep{
	width: 100%;
	height: 1px;
	background: #c3c3c3;
	border: 0;
	margin-bottom: 30px;
	margin-top: 0;	
}

/* typography */

.slab-300{
	font-family: "museo-slab",serif;
	font-weight: 300;
}

.slab-500{
	font-family: "museo",serif;
	font-weight: 500;
}

.slab-700{
	font-family: "museo-slab",serif;
	font-weight: 700;
}

.page-title{
	background: url(images/title-bg.jpg) no-repeat right center #c3c3c3;
	padding: 15px 50px;	
	color: #2f383d;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.page-title:after{
	content: "";
	border: 10px solid transparent;
	border-top: 10px solid #c3c3c3;
	position: absolute;
	bottom: -17px;
	left: 50px;
}

.who-block{
	width: 60%;
	float: left;
	position:relative;	
}

.block-text{
	color: #fff;
	background: #2f383d;
	padding: 50px;
	float: left;
	width: 50%;
	position: relative;
	min-height: 320px;
}

.block-text:after, .hero-text:after{
	content: "";
	right: -60px;
	top: 50%;
	margin-top: -32px;
	position: absolute;
	z-index: 20;
	border: 32px solid transparent;
	border-left-color: #2f383d;
}

.block-text h4{
	color: #496eb3;
	margin-bottom: 15px;	
}

.block-text .slab-300{
	font-size: 30px;
	line-height: 36px;	
}

.block-image{
	display: block;
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	min-height: 320px;
}

.insight-carousel{
	width: calc(40% - 30px);
	margin-left: 30px;
	float: left;
	min-height: 320px;
	background:#dedddd;
	padding: 10px;
}

.cta-list-wrap{
	background:#dedddd;
	padding: 20px;
	width: 100%;
}

.insight-carousel h2, .cta-list-wrap h2{
	color: #496eb3;
	font-size: 18px;
	line-height: 18px;
	padding: 10px;
	margin-bottom: 0;
}


.insights{
	overflow: hidden;
	height: 260px;
	color: #3e3e3e;
}

.cta-list{
	color: #3e3e3e;
}

.insights ul{
	position: relative;
	top: 0;
	-webkit-transition: all .55s cubic-bezier(1.000, 0.045, 0.110, 1.000);
	-moz-transition: all .55s cubic-bezier(1.000, 0.045, 0.110, 1.000);
	-o-transition: all .55s cubic-bezier(1.000, 0.045, 0.110, 1.000);
	transition: all .55s cubic-bezier(1.000, 0.045, 0.110, 1.000);	
}

.insights.step-2 ul{
	top: -260px;	
}

.insights.step-2.step-3 ul{
	top: -520px;	
}

.insights a .rm, .cta-list a .rm{
	font-size: 14px;
	line-height: 14px;
	color: #3e3e3e;
}

.insights li a,  .cta-list li a{
	color: #3e3e3e;
	padding-right: 50px;
}

.insights li a:hover .rm,  .cta-list li a:hover .rm{
	color: #496eb3;
	text-decoration: underline;
}

.insights li a .icon-plus,  .cta-list li a .icon-plus{
	opacity: 0;
	position: absolute;
	top: 50%;
	right: 10px;
	background: #2f383d;
	color: #496eb3;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
	margin-top: -15px;
	font-size: 20px;
}

.insights li a:hover .icon-plus, .cta-list li a:hover .icon-plus{
	opacity: 1;	
}

.insights li,  .cta-list li{
	width: 100% !important;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #ccc;
	display: block;
	height: 86px;
	margin-left: 0;
}

.cta-list li{
	height: auto;
}

.insights li a, .cta-list li a{
	display: block;
	position: relative;
}

.insights li:hover, .cta-list li:hover{
	background: #ccc;	
}

.home-ctas{
	margin-bottom: 30px;	
}

.home-ctas .cta{
	float: left;
	background: #fff;
	padding: 30px;
	height: 480px;
	position: relative;
}

.home-ctas .cta h4{
	font-size: 18px;
	line-height: 18px;
	color: #496eb3;
	margin-bottom: 20px;	
}

.home-ctas .our-services{
	width: calc(30% - 30px);	
	margin-right: 30px;
}

.home-ctas .the-team{
	width: 40%;	
}

.home-ctas .testimonials{
	width: calc(30% - 30px);	
	margin-left: 30px;
	background: #2f383d;
	color: #fff;
}

.home-ctas strong.slab-300{
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 20px;
	display: inline-block;	
}

.home-ctas figure{
	position: relative;
}

.home-ctas figure:after{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: url(images/white-overlay.png) center top;
	content: "";
	z-index: 2;
}

.home-ctas figure img{
	width: 100%;
	display: block;
	height: auto;	
}

.our-services span{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #496eb3;
	font-size: 54px;
	line-height: 54px;
	margin-left: -27px;
	margin-top: -42px;
}

.button{
	color: #fff;
	background: #496eb3;
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 20px 5px 10px;
	z-index: 20;
}

.button:before{
	content: "";
	border: 34px solid transparent;
	border-bottom-color: #496eb3;
	position: absolute;
	left: -34px;
	bottom: 0;
	z-index: -1;
}

.button:hover{
	color: #1b144b;	
}

.testimonial p{
	margin-bottom: 20px;
}

.testimonial em{
	font-style: normal;	
	font-size: 16px;
	line-height: 18px;
}

.the-team span{
	position: absolute;
	bottom: 50px;
	left: 30px;
	color: #fff;
	font-size: 44px;
	line-height: 44px;
}

.side-post{
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.side-post img{
	width: 100%;
	display: block;
	height: auto;
	margin-bottom: 10px;
}

/* flexlsider */

.flexslider {margin: 0 auto; padding: 0; max-height: 580px; overflow: hidden; max-width: 1440px; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} 
.flexslider .slides img {width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.nav-icon{
	position: absolute;
	right: 10px;
	top: 50%;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	width: 40px;
	font-size: 36px;	
	cursor: pointer;
	display: none;
}

.main .inner{
	padding: 0px 20px;
}

.hide-bio{
	display: none;
	position: fixed;
	z-index: 200;
	color: #fff;
	top: 10px;
	right: 10px;
	cursor: pointer;	
}

.pagination{
	text-align: center;
}

.pagination a{
	display: inline-block;
	padding: 0px 3px 3px 3px;
}

.pagination .next{
	padding-left: 30px;
}

.pagination .prev{
	padding-right: 30px;
}

.pagination .current{
	border-bottom: 1px solid #496eb3;
}

.roch-popover{
	visibility: hidden;
	z-index: -1;
	pointer-events: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .5s ease;
}

.show-pop .roch-popover{
	visibility: visible;
	pointer-events: auto;
	z-index: 1000;
	opacity: 1;
}

.roch-popover .content{
	margin-bottom: 0;
}

.roch-popover .roch-hit{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(36,43,47,0.7);
}

.roch-popover .roch-pop{
	width: 640px;
	position: absolute;
	left: 50%;
	top: 50px;
	bottom: 50px;
	margin-left: -320px;
	background: #fff;
	box-shadow: 0 0 7px 0 rgba(36,43,47,0.6);
	z-index: 999;
	-webkit-transform: translateZ(0) scale(1.0,1.0);
	transform: translateZ(0) scale(1.0, 1.0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;b
}

.roch-popover .roch-pop .pop-header{
	background:#2f383d;
	color: #fff;
	padding: 15px 30px;
	position: relative;
	top: 0px;
	left: 0;
	width: 100%;
	height: 65px;
	z-index: 3;
}

.roch-popover .pop-close{
	position: absolute;
	top: 50%;
	right: 10px;
	height: 30px;
	width: 30px;
	margin-top: -15px;
	border-radius: 50%;
	background: #496eb3;
	color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	transition: background .3s ease;
}

.roch-popover .pop-close:before, .roch-popover .pop-close:after {
  position: absolute;
  left: 14px;
  content: ' ';
  height: 15px;
  width: 2px;
  top: 7px;
  background-color: #fff;
  transition: background .3s ease;
}
.roch-popover .pop-close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.roch-popover .pop-close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.roch-popover .pop-close:hover{
	background: #fff;
}

.roch-popover .pop-close:hover:after, .roch-popover .pop-close:hover:before{
	background-color: #496eb3;
}

.roch-popover .roch-pop .pop-content{
	height: calc(100% - 65px);
	background: #ececec;
	overflow-y: auto;
	overflow-x: hidden;
}

.roch-popover .roch-pop .pop-body{
	background: #fff;
	padding: 30px;
	position: relative;
	width: 100%;
	font-size: 15px;
    line-height: 18px;
}

.roch-popover .roch-pop .pop-body ul{
	margin-bottom: 0;
}

.roch-popover .roch-pop .pop-body h4{
	margin-bottom: 26px;
	color: #496eb3;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
}

.roch-popover .roch-pop .roch-popover-form{
	background: #ececec;
	padding: 15px 30px;
	position: relative;
	width: 100%;
}

.form input, .form textarea{
	width: 100%;
	background: #fff;
	padding: 6px 10px;
	border: 0;
	color: #1b144b;
	font-size: 14px;
	line-height: 18px;
	font-family: "proxima-nova",sans-serif;
}

.form .label{
	font-size: 12px;
	line-height: 14px;
	display: block;
	color: #2f383d;
	font-weight: 700;
}

.form .question{
	display: block;
	font-weight: 700;
	font-size: 14px;
}

.form label.error{
	font-size: 12px;
	line-height: 14px;
	display: block;
	color: white;
	font-weight: 700;
	position: absolute;
	top: 100%;
	right: 0;
	padding: 5px;
	background: #de5a3b;
}

.form label.error:after{
	content:"";
	position: absolute;
	top: -8px;
	right: 10px;
	border: 4px solid transparent;
	border-bottom-color: #de5a3b;
}

.roch-pop .gerror{
	font-size: 12px;
	font-weight: 700;
	color: #de5a3b;
}

.form .field-wrap{
	margin-bottom: 5px;
	position: relative;
}

.pop-content .field-wrap{
	float: left;
	width: 50%;
	padding: 5px;
}

.form .field-wrap:nth-child(1){
	z-index: 10;
}
.form .field-wrap:nth-child(2){
	z-index: 9;
}
.form .field-wrap:nth-child(3){
	z-index: 8;
}
.form .field-wrap:nth-child(4){
	z-index: 7;
}
.form .field-wrap:nth-child(5){
	z-index: 6;
}
.form .field-wrap:nth-child(6){
	z-index: 5;
}
.form .field-wrap:nth-child(7){
	z-index: 4;
}

.form .label sup{
	position: relative;
	top: 3px;
}

.form select{
	width: 100%;
	padding: 8px 10px;
	color: #1b144b;
}

.form .cta{
	background: #496eb3;
	color: #fff;
	width: 100%;
	cursor: pointer;
	padding: 15px 20px;
	text-align: center;
	font-size: 22px;
	line-height: 24px;
	border: 0;
	transition: background .3s ease;
	margin-top: 15px;
	display: block;
}

.cta.sending{
	cursor: not-allowed;
	opacity: 0.6;
	pointer-events: none;
}

.form .cta:hover, .form.cta:hover{
	background: #1b144b;
}

.roch-popover .roch-pop .survey{
	background: #ececec;
	padding: 15px 30px;
	display: none;
	width: 100%;
	height: 100%;
}

.roch-survey .confirmed{
	display: none;
	text-align: center;
	font-weight: 700;
	padding-top: 10px;
}

.roch-survey .confirmed p{
	margin-bottom: 0;
}

.roch-survey-form .hidden{
	display: none;
	margin-top: 7px;
}

.g-recaptcha div:first-child div:first-child{
	margin: 0 auto;
}

.page-contact-box{
	width: 60%;
	background: #2f383d;
	color: #fff;
	padding: 30px;
	margin-bottom: 30px;
}

.page-contact-box .image{
	width: 40%;
	float: left;
	padding-top: 40%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.page-contact-box .image:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	background: url(images/contact-overlay-dark-vert.png) no-repeat 100% 50%;
}

.page-contact-box .text{
	width: 60%;
	float: left;
}

.page-contact-box .text-name{
	font-size: 30px;
	line-height: 38px;
	padding-top: 10px;
}

.page-contact-box .text-position{
	color: #496eb3;
	font-weight: 700;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	font-size: 18px;
}

.page-contact-box .text-phone{
	font-size: 24px;
	line-height: 26px;
	padding: 10px 0px 5px 0px;
}

.page-contact-box .text-mobile{
	font-size: 24px;
	line-height: 26px;
	padding: 5px 0px 15px 0px;
}

.page-contact-box .cta{
	color: #fff;
	background: #496eb3;
	display: inline-block;
	padding: 10px 15px;
	position: relative;
	z-index: 1;
	height: 44px;
}

.page-contact-box .cta:after{
	content: "";
	border: 44px solid transparent;
	border-bottom-color: #496eb3;
	position: absolute;
	right: -44px;
	bottom: 0;
	z-index: -1;
}

.download.content{
	padding: 50px 0px;
}
.download .subscribe-box{
	max-width: 440px;
	margin: 0 auto;
	font-size: 16px;
}

.subscribe-box{
	background: #eee;
	font-size: 14px;
}
.sidebar .subscribe-box{
	background: #fff;
	font-size: 16px;
}

.subscribe-title{
	background: #2f383d;
	color: #fff;
	padding: 10px;
}
.sidebar .subscribe-title{
	padding: 10px 20px;
}

.subscribe-title h3{
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0;
}
.subscribe-message{
	padding: 10px;
	font-weight: 700;
}

.download .subscribe-message{
	margin-bottom: 20px;
}

.blog-sidebar .subscribe-message{
	line-height: 18px;
	font-size: 14px;
}

.sidebar .subscribe-message{
	padding: 20px;
}

.subscribe-message p, .subscribe-success p, .subscribe-error p{
	margin-bottom: 0;
}
.side-form{
	padding: 0px 10px 10px 10px;
}
.sidebar .side-form{
	padding: 0px 20px 20px 20px;
}

.sidebar .side-form input{
	background: #ececec;
}

.sidebar .side-form .field-wrap{
	margin-bottom: 10px;
}

.side-form label{
	font-weight: bold;
	color: #555;
}

.blog-sidebar .side-form .cta{
	font-size: 18px;
	padding: 7px 10px;
}

.subscribe-success{
	background: #2f383d;
	color: #fff;
	padding: 10px;
	display: none;
	font-weight: 700;
}
.sidebar .subscribe-success{
	padding: 20px;
	text-align: center;
}

.subscribe-error{
	background: #de5a3b;
	color: #fff;
	padding: 10px;
	display: none;
	font-weight: 700;
}

.sidebar .subscribe-error{
	padding: 20px;
	text-align: center;
}

/*
.subscribe-form button{
	background: #496eb3;
	color: #fff;
	display: block;
	cursor: pointer;
	border: 0;
	padding: 10px 10px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	transition: background .3s;
}

.sidebar .subscribe-form button{
	padding: 15px 20px;
	font-size: 18px;
}


.subscribe-form button:hover{
	background: #1b144b;
}
*/

.post-hero{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.post-hero .author-info{
	background: #2f383d;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	color: #ffffff;
	padding: 20px 20px 20px 165px;
}
.post-hero .author-name{
	font-size: 18px;
}
.post-hero .author-title{
	color: #496eb3;
}
.post-hero .author-image-wrap{
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 50%;
	position: absolute;
	left: 45px;
	top: -20px;
	border: 2px solid #fff;
}

.post-hero .author-image{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.posts .featured-post{
	/*border: 7px solid #fff;*/
	background: #384851;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
}

@media screen and (max-height: 690px){
	.roch-popover .roch-pop{
		top: 20px;
		bottom: 20px;
	}

	.roch-popover .roch-pop .pop-content{
		height: calc(100% - 45px);
	}

	.roch-popover .roch-pop .pop-header{
		padding: 10px 30px;
		height: 45px;
	}

	.roch-popover .roch-pop .pop-header h3{
		font-size: 24px;
    	line-height: 26px;
	}
}

@media screen and (max-width: 650px){

	.roch-popover .roch-pop{
		top: 0 !important;
		left: 0;
		width: 100%;
		height: 100%;
		margin-left: 0;
		bottom: 0 !important;
	}

	.roch-popover .roch-pop .pop-content{
		height: calc(100% - 45px);
	}

	.roch-popover .roch-pop .pop-header{
		padding: 10px 30px;
		height: 45px;
		top: 0;
	}

	.roch-popover .pop-close{
		right: 20px;
	}

	.roch-popover .roch-pop .pop-header h3{
		font-size: 18px !important;
    	line-height: 20px !important;
	}

	.pop-content .field-wrap{
		float: none;
		width: 100%;
		padding: 0;
	}
	
}

@media screen and (max-width: 1200px){
	.home .hero-text{
		width: 80%;	
	}
}

@media screen and (max-width: 1120px){
	
	body{
		font-size: 14px;
		line-height: 20px;
	}

	.tabs{
		top: 39px;
	}

	.post-hero .author-image-wrap{
		width: 80px;
		height: 80px;
		left: 20px;
		top: -10px;
	}
	.post-hero .author-info{
		padding: 20px 20px 20px 115px;
	}

	.page-contact-box .text-position{
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 16px;
	}

	.page-contact-box .text-phone{
		font-size: 20px;
		line-height: 22px;
		padding: 5px 0px 5px 0px;
	}

	.page-contact-box .text-mobile{
		font-size: 20px;
		line-height: 22px;
		padding: 5px 0px 10px 0px;
	}

	.page-contact-box .text-name{
		font-size: 24px;
		line-height: 26px;
		padding-top: 10px;
	}

	.page-contact-box .cta{
		height: 40px;
	}
	.page-contact-box .cta:after{
		content: "";
		border: 40px solid transparent;
		border-bottom-color: #496eb3;
		position: absolute;
		right: -40px;
		bottom: 0;
		z-index: -1;
	}
	
	.header{
		height: 80px;
		padding: 10px 0px;
		position: relative;
	}
	
	.main{
		padding: 20px 0px 0;
	}
	
	.home .main{
		padding: 0px 0px 0;
	}
	
	.header .logo{
		max-width: 180px;	
		padding-top: 10px;
	}
	
	.nav, .contact-details{
		display: none;
	}
	
	.nav .menu{
		width: 100%;
		position: absolute;
		left: 0;
		top: 100%;
		background: #2f383d;
		padding: 0px;	
	}
	
	.nav .menu li{
		display: block;	
		text-align: left;
		padding: 0;
	}
	
	.nav .menu li a{
		color: #fff;
		display: block;	
		padding: 10px 20px;
	}
	
	.nav .menu > li > .sub-menu{
		display: block;
		width: 100%;
		position: relative;
		top: auto;
		left: auto;
		max-width: 100%;
		border-top: 0;
		margin-left: 0;
		background: #323a3f;
	}
	
	.nav .menu > li > .sub-menu{
		padding-left: 35px;	
	}
	
	.nav .menu > li > .sub-menu:after{
		display: none;	
	}
	
	.nav .menu > li{
		border-bottom: 1px solid #323a3f;
	}
	
	.nav-icon{
		display: block;
	}
	
	.open .nav{
		display: block;
	}
	
	.col-50p{
		width: 100%;
		float: none;
	}
	
	.col-25p{
		width: 50%;	
	}
	
	.footer .menu{
		-moz-column-count: 2;
		-moz-column-gap: 20px;
		-webkit-column-count: 2;
		-webkit-column-gap: 20px;
		column-count: 2;
		column-gap: 20px;
	}
	
	.page-title:after{
		display: none;
	}
	
	.page-title{
		text-align: center;
		padding: 15px 20px;
		background: #c3c3c3;
		margin-bottom: 10px;	
	}

	.page-sub{
		padding-bottom: 10px;
	}
	
	.nav .menu .current-menu-item > a:after{
		display: none;
	}
	
	.posts, .content .single-post{
		width: 100%;
		float: none;
		padding-right: 0px;
		border-right: 0;
	}
	
	.blog-sidebar{
		padding-left: 0;
		width: 100%;
		float: none;
	}
	
	.block{
		padding: 20px;	
	}
	
	.mb, .sep{
		margin-bottom: 20px;
	}
	
	.posts .post{
		margin-bottom: 20px;
		min-height: 0;
	}
	
	.content h3{
		font-size: 18px;
		line-height: 18px;	
	}

	.roch-popover .roch-pop .pop-header h3{
		font-size: 24px;
    	line-height: 26px;
	}
	
	.home-ctas .our-services, .home-ctas .the-team{
		width: 50%;
		margin: 0 0 20px 0;	
		height: auto;
	}
	
	.home-ctas .testimonials{
		float: none;
		width: 100%;
		margin: 0 0 20px 0;	
		height: auto;
		clear: both;
	}
	
	.home-ctas{
		margin-bottom: 0;
	}
	
	.button:before{
		left: -30px;
		border-width: 30px;
	}
	
	.cta-box .button{
		line-height: 20px;	
	}
	
	.home .hero-text{
		padding: 60px;
	}
	
	.home .hero-text h2{
		font-size: 48px;
		line-height: 50px;	
	}
	
	.hero-text{
		width: 60%;	
	}

	.page-contact-box .text{
		padding-left: 20px;
	}
	
	.image:after{
		display: none;	
	}
	
	.grid-3 .member{
		width: 48%;	
	}
	
	.member-text{
		top: 60%;	
	}
	
	.side-post{
		width: 23%;
		margin: 1%;
		float: left;	
	}
	
	.home .read-more:before{
		left: -50px;
		border-width: 50px;	
	}
}

@media screen and (max-width: 1000px){ 
	.col-20p { width: 30%; }
	.col-60p{ width: 40%; }
	.footer .menu{
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
	}
}

@media screen and (max-width: 860px){
	.who-block{
		width: 100%;
		float: none;	
		margin-bottom: 20px;
	}
	
	.insight-carousel{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	
	.home-title{
		padding: 20px;
	}

	.page-contact-box{
		width: 100%;
	}
	
	.block, .sidebar{
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
	
	.contact-box{
		margin-bottom: 20px;
		padding: 20px;
	}
	
	.cta-box{
		padding: 20px 20px 45px 20px;
	}
	
	.hero-text{
		width: 80%;	
	}
	
	.side-post{
		width: 48%;
		margin: 1%;
		float: left;	
	}
	
	.home .hero-text h2{
		font-size: 28px;
		line-height: 28px;	
	}
	
	.home .hero-text{
		font-size: 16px;
		line-height: 22px;	
		width: 100%;
		padding: 30px 30px 80px 30px;
	}
	
	.flex-control-nav{
		display: none;
	}

	.show-links{
		float: none;
		display: block;
		width: 100%;
		padding: 10px 30px 10px 20px;
	}
	
	.tabs{
		width: 100%;
		max-width: 100%;
		position: relative;
		top: auto;
		right: auto;	
	}
	
}

@media screen and (max-width: 620px){
	
	.hero-text{
		width: 100%;
		padding: 30px;
		position: relative;
		height: auto;
		text-align: center;
	}
	
	.team.content{
		padding: 20px;
	}	
	
	.page .heroes{
		margin-bottom: 20px;
	}
	
	.grid-3 .member{
		width: 100%;	
		margin: 0px auto 20px auto;
		max-width: 360px;
		float: none;
	}
	
	.content h2{
		font-size: 22px;
		line-height: 26px;	
	}
	
	.content li{
		list-style-position: inside;
		margin-left: 0;
		padding-left: 10px;	
	}
	
	.member-text{
		top: 50%;	
	}
	
	.flexslider .slides img{
		display: none;
	}
	
	.hero-text:after{
		display: none;	
	}
	
	.footer, .sub-footer{
		text-align: center;	
	}
	
	.footer{
		padding-bottom: 0;
	}
	
	.footer .menu{
		-moz-column-count: auto;
		-moz-column-gap: 0px;
		-webkit-column-count: auto;
		-webkit-column-gap: 0px;
		column-count: auto;
		column-gap: 0px;
	}
	
	.col-50p, .col-25p, .col-60p, .col-20p {
		float: none;
		width: 100%;
		margin-bottom: 30px;	
	}
	
	.footer .logo{
		margin: 0 auto;
		max-width: 180px;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.home .group .cta { width: 100%; }
	.block-text { width: 100%; min-height: 0; padding: 30px 30px 60px 30px; }
	.block-image, .block-text:after { display: none; }
	
	.tabs li{
		display: block;
	}
	
	.tabs .current_page_item a:before, .tabs .current-cat a:before{
		display: none;
	}
	
	.tabs li a, .tabs .current_page_item a, .tabs .current-cat a{
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	.large-bio .member-text{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transform: translate(0,0);
		transform: translate(0,0);	
		margin-left: 0;
		overflow: auto;
	}
	
	.show-hit{
		height: 100%;	
	}
	
	.show-hit .hide-bio{
		display: block;
	}
	
	.side-post{
		width: 100%;
		margin: 0 0 20px 0;
		float: none;	
	}
	
	.post-image{
		display: none;
	}
	
	.post-text{
		float: none;
		width: 100%;
		padding: 15px 15px 30px 15px;
		margin-bottom: 10px;
	}
	
	.block.blog{
		padding: 10px 10px 40px 10px;
	}
	
	.hero-text .slab-300{
		font-size: 20px;
		line-height: 24px;	
	}
	
	.button{
		width: 100%;
		text-align: center;	
	}
	
	.button:before{
		display: none;	
	}
	
	.home-ctas .cta{
		padding: 20px 20px 40px 20px;	
	}
	
	.home-title{
		margin-bottom: 20px;	
	}
	
	.testimonials .flex-control-nav{
		display: none;	
	}
}

@media screen and (max-width: 540px){
	.page-contact-box .text, .page-contact-box .image{
		float: none;
		width: 100%;
	}
	.page-contact-box .text{
		padding-left: 0;
		padding-top: 20px;
		text-align: center;
	}
	.page-contact-box .image{
		padding-top: 60%;
	}
	.page-contact-box .cta{
		width: 100%;
		text-align: center;
		display: block;
	}
	.page-contact-box .cta:after{
		display: none;
	}

	.post-hero .author-image-wrap{
		width: 70px;
		height: 70px;
		left: 10px;
		top: -10px;
	}
	.post-hero .author-info{
		padding: 15px 15px 15px 95px;
	}
}