/*!
 * Octopus Group
 * Graeme Hastings & Kirsty Munro for Brightfire 2014
 *
 *
 * /*/
 
  
 body {
	/*padding-top: 70px;*/
	background: #eff3f3;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-style: normal;
	font-weight: 400;
 }
 
 img {
	max-width: 100%;
	height: auto;
 }
 form {
	position: relative;
 }
 
 form input, textarea {
	-webkit-border-radius: 0 !important;
	}
 
.container>.row {margin-bottom:15px;}
 
 
 /* BRAND COLOURS
 * ////////////////////////////////////
 * */
 .red-og {background: #e74c3c;}
 .red-dark-og {background: #c0392b;}
 .white {background: #fff;}
 .red p { color: #e74c3c !important; }
 
 .sunflower { background: #f3cf3f; }
 .turquoise { background: #47c9af; }
 .amethyst { background: #af7ac4; }
 .carrot { background: #e67e22; }
 .emerald { background: #2ecc71; }
 .peter-river { background: #3498db; }
 
 
 /* ICONS	
 * ////////////////////////////////////
 * */
 .icon {
	display: block;
	background: transparent url('../img/sprite-OG.png') no-repeat 0 0;
	margin: 0;
	padding: 0;
	float: left;
	height: 40px;
	width: 40px;
 }
 
 .icon.search {background-position: -410px -160px; width: 50px; height: 50px;
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
		}
 .icon.search:hover {background-position: -410px -210px;}
		
		
 .icon.share-grey {background-position: -210px -160px; width: 50px; height: 50px;}
 .icon.share-blue {background-position: -260px -160px;}
 .icon.share-purple {background-position: -310px -160px;}
 .icon.share-teal {background-position: -360px -160px;}
 a[class*="share-"] {width: 50px; height: 50px; display: block;}
 
 a[class*="share-"] {position: absolute; top: 0; left: 5px; z-index: 9999;}
 
 a.icon.share-grey {left: auto;right: 5px;}

 .icon.mail {
	background-position: 0 -120px;
	margin: 5px 5px 0 0;
 }
 
  .icon.mapmarker-red {
	background-position: -80px -160px;
 }
  .icon.mapmarker-blue {
	background-position: -80px -120px;
 }
 
 .icon.tweet {
	background-position: -140px -80px;
	width: 30px;
	height: 30px;
 }
 
 /* BUTTONS
 * ////////////////////////////////////
 * */
 
 button[type='submit'] {
	font-weight: 700;
 }
 
.btn-primary {
	border: none;
	background: #e74c3c;
	-webkit-border-radius:0;
	border-radius:0;
}

.btn-primary:hover {
	background: #c0392b;
}
  
  a:link {
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  }
  a:visited {
	
  }
  a:focus {
	
  }
  a:hover {
	text-decoration: none;
  }
    
  
 	.action-button {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -5px;
		text-align: center;
		margin-top: 10px;
		background: #c0392b;
		padding-bottom: 10px;		
	}
		
	.action-button:before {
		content: url('../img/triangle-red.png');
		position: absolute;
		left: -38px;
	}
	
	form .action-button:before{
		content: url('../img/triangle-red-tall.png');
		position: absolute;
		left: -57px;
	}
	
	.action-button:after {
		content: url('../img/strip-red.png');
		position: absolute;
		right: -15px;
	}
	
	form .action-button:after {
		content: url('../img/strip-red-tall.png');
		position: absolute;
		right: -15px;
	}
	.tile:hover .action-button:after,
	.action-button:hover.a-b-red:after{
		content: url('../img/strip-red-hover.png');
	}
	
	form .action-button:hover:after{
		content: url('../img/strip-red-hover-tall.png');
	}
	
	.tile:hover .action-button a {
		background: #c0392b;
	}
	
	.action-button a,
	form .action-button input{
		border: 0;
		color: #fff;
		background: #566473;
		display: inline-block;
		font-family: 'Roboto Slab', serif;
		font-style: normal;
		font-weight: 700;
		font-size: 14px;
		padding: 0 0 0 15px;
		height: 26px;
		line-height: 26px;
		-webkit-transition: all 0 ease-in-out;
		-moz-transition: all 0 ease-in-out;
		-ms-transition: all 0 ease-in-out;
		-o-transition: all 0 ease-in-out;
		transition: all 0 ease-in-out;
	}
	
	.action-button a:hover,
	form .action-button input:hover {
		background: #49596b;
	}
	
	.action-button.big {
		background: url('../img/action-btn-back.gif') no-repeat top right;
		left:0;
		margin-left: 0;
	}
	
	.action-button.big:before,
	.action-button.big:after {
		content: '';
	}
	
	.action-button.big a,
	form .action-button input{
		font-size: 22px;
		line-height: 54px;
		height: 54px;
		text-align: center;
		padding: 0 25px;
		margin: 0 0 20px 60px;
		
	}
	
	form .action-button {
		left: auto;
		right: 20px;
		bottom: -30px;
	}
	
	form .action-button input {
		margin: 0;
		line-height: 44px;
		height: 44px;
		font-size: 18px;
		}
	
	.action-button.a-b-red  {/*background-image: url('http://www.weareoctopusgroup.net/wp-content/themes/octopus/img/action-btn-back-red.gif');*/ }
		.action-button.a-b-red a,
		form .action-button input { background: #e74c3c; padding-right: 5px; }
	
	.action-button.a-b-red:hover a,
	form .action-button:hover input { background: #c0382a;}	
	
	
	/* Blue button /////////////////// */	
	.action-button.a-b-blue  { background: #2980b9; }
		.action-button.a-b-blue a { background: #3498db; }
		.action-button.a-b-blue a:hover,
		.tile:hover .a-b-blue.action-button a{background: #2980b9;}
		
		.action-button.a-b-blue:before {
		content: url('../img/triangle-blue.png');}
	
	.action-button.a-b-blue:after {
		content: url('../img/strip-blue.png');}
	
	.tile:hover .action-button.a-b-blue:after,
	.action-button:hover.a-b-blue:after{
		content: url('../img/strip-blue-hover.png');}
		
		
		/* Purple button /////////////////// */	
	.action-button.a-b-purple  { background: #8e44ad; }
		.action-button.a-b-purple a { background: #af7ac4; }
		.action-button.a-b-purple a:hover,
		.tile:hover .a-b-purple.action-button a{background: #8e44ad;}
		
		.action-button.a-b-purple:before {
		content: url('../img/triangle-purple.png');}
	
	.action-button.a-b-purple:after {
		content: url('../img/strip-purple.png');}
	
	.tile:hover .action-button.a-b-purple:after {
		content: url('../img/strip-purple-hover.png');}
		
		
		/* Teal button /////////////////// */	
	.action-button.a-b-teal  { background: #16a085; }
		.action-button.a-b-teal a { background: #47c9af; }
		.action-button.a-b-teal a:hover,
		.tile:hover .a-b-teal.action-button a{background: #16a085;}
		
		.action-button.a-b-teal:before {
		content: url('../img/triangle-teal.png');}
	
	.action-button.a-b-teal:after {
		content: url('../img/strip-teal.png');}
	
	.tile:hover .action-button.a-b-teal:after {
		content: url('../img/strip-teal-hover.png');}
		
	
	/* Orange button /////////////////// */	
	.action-button.a-b-orange  { background: #d35400; }
		.action-button.a-b-orange a { background: #e67e22;}
		
		.action-button.a-b-orange:before {
		content: url('../img/triangle-orange.png');}
	
	.action-button.a-b-orange:after {
		content: url('../img/strip-orange.png');}
	
	.tile:hover .action-button.a-b-orange:after {
		content: url('../img/strip-orange-hover.png');
	}
	
	.tile:hover .action-button.a-b-orange a {
		background: #d35400;
	}
	
	.media-holder .action-button {
		left: auto;
		right: 40px;
	}
	
 .show-ie8 { display: none; }
 
 /* TYPOGRAPHY
 * ////////////////////////////////////
 * */
 
.GOOGLEFONTS {
		
		/* Open Sans Normal */
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		font-weight: 400;
		
		/* Open Sans Semibold */
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		font-weight: 600;
		
		/* Open Sans Bold */
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		font-weight: 700;
		
		/* Roboto Slab Reg */
		font-family: 'Roboto Slab', serif;
		font-style: normal;
		font-weight: 400;
		
		/* Roboto Slab Bold */
		font-family: 'Roboto Slab', serif;
		font-style: normal;
		font-weight: 700;

	}
 
 
/* Vollkorn Italic Not Rendering Properly with google fonts */
@font-face {
    font-family: 'vollkornitalic';
    src: url('../fonts/vollkorn-italic.eot');
    src: url('../fonts/vollkorn-italic.eot#iefix') format('embedded-opentype'),
         url('http://www.weareoctopusgroup.net/wp-content/themes/octopus/fonts/vollkorn-italic.woff') format('woff'),
         url('../fonts/vollkorn-italic.ttf') format('truetype'),
         url('../fonts/vollkorn-italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}


 p {
	line-height: 150%;
 }
 .top-pad { margin-top: 70px; }
 
/* NAVIGATION
 * ////////////////////////////////////
 * */
	
	.navbar-brand {
		padding-top: 17px;
	}
	.navbar-brand a {
		display: inline-block;
		overflow: hidden;
		text-indent: -9999px;
	}

	.logo {
		width: 245px;
		max-width: 100%;
		height: auto;
	}
        .navbar-inverse { background: #fff; }
 
 /* Keep nav toggle at all screen sizes */
       .navbar { top: -5px; position: fixed; width: 100%; }
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}
	
	/* END Keep nav toggle at all screen sizes */
	
	
	/* TEMP STYLES DELETE------------------------------------------ 
	
	.nav div h2, .nav div li a {color: #fff; font-size: 15px;}
	.nav div li a:hover {color: #999;}
	.nav div h2 {padding-left: 12px; font-weight: bold; font-size: 16px;}
	
	.red {background: #e74c3c; height: 500px; color: #fff; text-align: center; padding: 50px 0; font-size: 18px; font-weight: bold; margin-bottom: 10px;}
	
	END TEMP STYLES DELETE------------------------------------------ */
	
	
	
	.numbers {
		float: right;
		line-height: 55px;
		padding-right: 30px;
		font-size: 15px;
	}
	
	.numbers a{
		font-weight: 700;
		text-decoration: none;
		color: #34495e;}
	
	.navbar {
		background: #22252a url('../img/nav-white.gif') 0 0 repeat-x;
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		border-bottom: 1px solid #EDE9E9;
		z-index: 9999;
	}
	
	.navbar-collapse.collapse.in {
	}
	
	.navbar-inverse .navbar-brand:hover {color: #000;}
	
	.navbar-toggle, .navbar-toggle:focus {
		background: #e74c3c url('../img/nav-iconx2.png') no-repeat 0 0;
		background-color: #e74c3c !important; 
		background-size: cover;
		border: none;
		-webkit-border-radius: 0;
		border-radius: 0;
		margin: 0;
		padding: 0;
		height: 55px;
		width:54px;
	}
	
	nav .black-strip {
		height: 50px;
		background: #fff;
		width:100%;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: -1;
		-webkit-transition: background .2s ease-in-out;
		-moz-transition: background .2s ease-in-out;
		-ms-transition: background .2s ease-in-out;
		-o-transition: background .2s ease-in-out;
		transition: background .2s ease-in-out;
	}
	
	nav .black-strip.toggle-strip {
		background: #000;
		display: block;
	}

	.navbar-toggle:hover {
	/*	background: #e74c3c url('../img/nav-iconx2-hover.png') no-repeat 0 0;
		background-size: cover;*/
	}
	
	.key-nav-items {
		float: left;
		display: inline-block;
		margin: 0;
		padding-left: 20px;
	}
	
	.key-nav-items li {
		float: left;
		display: block;
		line-height: 55px;
	}
	
	.key-nav-items li a {
		color: #fff;
		display: block;
		padding: 0 20px;
		color: #34495e;
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
		background: #fff;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
		.key-nav-items li a:hover {
			background: #F4F7FA;
			color: #222;			
		}
				
		.nav a {
			font-size: 16px;
		}
		
		
	
	/* DROPDOWN */
	
	.navbar-collapse {
		max-height: none;
		overflow-x: visible;
		border-top: 1px solid transparent;
		-webkit-overflow-scrolling: touch;
	 }


	
	.navbar-collapse{overflow-x: hidden;}
	
	ul.nav {
		padding-top: 20px;
	}
	
	ul.nav ul {
			padding-left: 0;
		}
		
	nav .address {margin-top: 0px;}
	.nav .nav-title,
	.address h2{
		font-weight: 700;
		color: #e74c3c;
		font-size: 18px;
		margin: 20px 0 10px;
		display: block;
		padding: 0;
	}
        
        #menu-drop-menu li.dropdown a { padding: 0; color: #e74c3c; }
        #menu-drop-menu li.dropdown a:hover { background: none; }
        
        .subset li a { color: #bdc3c7 !important; font-weight: 500 !important; }
	.subset li a:hover { background: none; color: #fff !important;  }
	.address h2 {
		margin-top: 0;
	}
	
	.address a {
		font-weight: 700;
		display: block;
		margin: 8px 0;
		color: #e74c3c;
	}
        
        #text-4 p { color: #bdc3c7; }
	#text-5 p { color: #798896; }
        
	a.get-directions {		
		font-family: 'vollkornitalic';
		font-weight: 400;
		color: #bdc3c7;
		line-height: 40px;
		margin-top: 20px;
	}
	
	a.get-directions span.icon {margin-right: 8px;}
	
	.address-grey a.get-directions,
	.address-grey a{
		color: #798896;
	}
	
	.nav .subset a,
	address {
		color: #bdc3c7;
		padding: 2px 0;
		margin: 0;
		display: block;
	}
	
	address {
		color: #bdc3c7;
	}
	
	.address-grey address,
	.address-grey h2 {
		color: #798896;
	}
	
	.nav .subset a:hover {
		color: #fff;
	}
	
	.nav > li > a.nav-title:hover,
	.nav > li > a.nav-title:focus
	{
		background: none;
		color: #fff;
	}
	
	.lower {
		border-top:1px solid #fff;
		padding-top: 40px;
		margin: 20px 0 60px;
	}
	
	.lower-menu {
		background: #000;
		height: 50px;
		line-height: 50px;
		color: #95a5a6;
		font-weight: 700;
		font-size: 17px;
	}

	.lower-menu-container {
	margin-bottom:-17px;
	}
	
	.lower-menu p,
	.lower-menu p a{
		line-height: 50px;
		margin: 0;
		color: #fff;
	}
	
	footer .lower-menu {
		position: static;
		margin-bottom: 40px;
	}
	
	.lower-menu .form-inline,
	.lower-menu .form-inline input,
	.lower-menu .form-inline .form-group,
	.lower-menu .form-inline button{
		height: 50px;
		line-height: 50px;
		padding: 0;
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		vertical-align: top;
		font-size: 16px;
	}

	.hs-button {float:left;}


	.hs-form .input {margin-left:65px !important;}

	.hs-form label {width:60px !important; color:#fff !important; padding-top:15px !important;}

	.hs-form .hs-button {background:#e74b3b !important; height: 40px !important; margin: 5px 0 !important; line-height: 40px !important; padding: 0 10px !important; font-weight: 700 !important;}
	.hs-form .hs-button:hover {background:#c0392b !important;}

	.hs-form .actions {position:absolute !important; top:-35px!important; left:305px !important;}
	
	.lower-menu .form-inline input {
		padding: 5px 19px;
		background: #212629;
		margin: 5px 0 0;
		height: auto;
		line-height: 30px;
		min-width: 50px;
	}
	.lower-menu .form-inline input:focus {
		background: #eee;
	}
	
	.lower-menu form {
		float: left;
		margin-left: 5px;
	}


	
	.form-control {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.form-control:focus {
		border: none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.lower-menu .contact-us {
		text-align: center;
		float: left;
		padding-left: 15%;
	}
	
	.lower-menu .contact-us span{
		font-weight: 400;
	}
	
	.newsletter-sub .form-inline button {
		background: #e74b3b;
		height: 40px;
		margin: 5px 0;
		line-height: 40px;
		padding: 0 20px;
		font-weight: 700;
	}
	
	.newsletter-sub .form-inline button:hover {
		background: #c0392b;
	}
	
	.get-in-touch {
		font-size: 38px;
		font-weight: 700;
		color: #fff;
		line-height: 48px;
	}
	
	.get-in-touch a {
		color: #e74c3c;
	}
	
	.get-in-touch a:hover {
		color: #fff;
	}

		
/* Social Media Icons
 * ////////////////////////////////////
 * */

.social {
		text-align: right;
		height: 50px;
		line-height: 50px;
		padding-right: 0;
		float: right;
		margin-right: -5px;
	}
	
	
	.social p {
		line-height: 50px;
		height: 50px;
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
	}

	.social a {
		background: transparent url('../img/sprite-OG.png') no-repeat 0 0;
		width: 40px;
		height: 40px;
		margin: 5px 5px 0 0;
		display: inline-block;
	}	
	
	.social a:last-child { margin-right: 0 !important;}

	a.google{
		background-position: -140px 0;
	}
		a.google:hover {
			background-position: -140px -40px;
		}
	a.linked{
		background-position: -180px 0;
	}
		a.linked:hover{
			background-position: -180px -40px;
		}
	
	a.youtube{
		background-position: -220px 0;
	}
		a.youtube:hover{
		background-position: -220px -40px;
	}
	
	a.rss{
		background-position: -260px 0;
	}
		a.rss:hover{
		background-position: -260px -40px;
	}
	
	a.pinterest{
		background-position: -300px 0;
	}
		a.pinterest:hover{
		background-position: -300px -40px;
	}
	
	a.twitter{
		background-position: -340px 0;
	}
		a.twitter:hover{
		background-position: -340px -40px;
	}
	
	a.facebook {
		background-position: -380px 0;
	}
		a.facebook:hover {
			background-position: -380px -40px;
		}
		
	
	/*Sidebar social icons */
	
	.sidebar .social {
		float: none;
		margin: 0 0 15px 0;
		padding: 0;
		height: 30px;
		text-align: left;
	}
	.sidebar .social a {
		width: 30px;
		height: 30px;
		margin: 0 7px 5px 0;	
	}
	
	.sidebar a.google{
		background-position: -210px -90px;
	}
		.sidebar a.google:hover {
			background-position: -210px -120px;
		}
	.sidebar a.linked{
		background-position: -240px -90px;
	}
		.sidebar a.linked:hover{
			background-position: -240px -120px;
		}
	
	.sidebar a.youtube{
		background-position: -270px -90px;
	}
		.sidebar a.youtube:hover{
		background-position: -270px -120px;
	}
	
	.sidebar a.rss{
		background-position: -300px -90px;
	}
		.sidebar a.rss:hover{
		background-position: -300px -120px;
	}
	
	.sidebar a.pinterest{
		background-position: -330px -90px;
	}
		.sidebar a.pinterest:hover{
		background-position: -330px -120px;
	}
	
	.sidebar a.twitter{
		background-position: -360px -90px;
	}
		.sidebar a.twitter:hover{
		background-position: -360px -120px;
	}
	
	.sidebar a.facebook {
		background-position: -390px -90px;
	}
		.sidebar a.facebook:hover {
			background-position: -390px -120px;
		}
		

/* Home page Styles
 * ////////////////////////////////////
 * */		
		
	.tile {
		background: #fff;
		cursor: pointer;
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
	}
	
	.tile h3, .tile-noclick h3 {
		font-weight: 700;
		font-size: 19px;
		margin: 4px 0 10px;
		line-height: 22px;
		text-transform: uppercase;
		font-family: 'Open Sans', serif;
	}
	
	.tile p, .tile-noclick p {
		font-family: 'Roboto Slab', serif;
		font-style: normal;
		font-size: 12px;
	}
	
	.tile p.desc, .tile-noclick p.desc {
		font-family: 'vollkornitalic';
		font-weight: 400;		
		font-size: 15px;
		margin: 0;
                
	}	
	
        .lowercase { text-transform: lowercase !important;}
        
	.tile:hover img {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}	
	
	.tile:hover img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}	
	
	.view {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.tile.video .view, .tile-noclick.video .view {
		width: 373px;
		height: 258px;
		position: absolute;
		top: 0;
		left: 5px;
		z-index: -1;
	}
	
	.view img {
		display: block;
		position: relative;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.view:hover img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	
			
	.tile .text-panel, .tile-noclick .text-panel {
		padding: 40px 20px 30px 10px;
		position: static;
		float: right;
	}
        
        .tile .text-panel a:hover h3 { color: #e74c3c; } 
	
	.video-play {
		width: 60px;
		height: 60px;
		background: transparent url('../img/sprite-OG.png') no-repeat 0 -50px;
		overflow: hidden;
		text-indent: -6666px;
		position: absolute;
		left: 60px;
		bottom: 40%;
		z-index: 100;
		cursor: pointer;
	}
        
        .blog-post .video-play { left: 110px;bottom: 30%; }
	
	.media-holder .video-play {
		left: 50%;
		top: 50%;
		margin: -25px 0 0 -25px;
	}
	
	.tile:hover .video-play,
	.video-play:hover {
		background-position: -70px -50px;
	}
	
	.tile.video {
		background: transparent;
		height: 258px;
	}
	
	.tile.video .video-text-wrap {
		background: rgba(0,0,0,0.6);
		height: 100%;
		color: #fff;
		width: 50%;
		float: right;
	}
	
	.tile.yellow-tile {
		color: #222;
		font-weight: bold;
		background: #f3cf3f;
		min-height: 300px;
		height: auto;
		padding: 15px 20px 40px 20px;
	}
	
	.tile.yellow-tile:hover {
		background: #f39c12;
	}
	
	.tile.yellow-tile .desc {
	font-weight: 400;
	margin-bottom: 4px;
	}
	
	.tile.yellow-tile h3 {
		line-height: 125%;
	}
	
	.tile.yellow-tile:hover h3 { color: #fff;}

	.tile.yellow-tile p {
		line-height: 135%;
		margin-bottom: 15px;
		font-size: 15px;
		font-weight: 400;
	}
	
	.tweet-tile {
		color: #3498db;
		background: #fff;
		font-weight: 600;
		padding: 45px 20px 60px;
		font-size: 15px;
		line-height: 19px;
                min-height: 300px;
                max-height: 300px;
	}
	
	.tweet-tile .action-button {
		left:68px;
	}
	
	.tweet-tile .icon {
		position: absolute;
		top: 0;
		left: 5px;
	}
	
	.tweet-tile a {
		font-weight: 700;
                word-break: break-all;
	}
	
	/* disable point and hover of date button...*/
	.tweet-tile * {
		pointer-events: none;
		cursor: default;
	 }
	 /*...but not tweet links*/
	 .tweet-tile a[href] {
		pointer-events: auto;
		cursor: pointer;
	 }
         
         .tweet-ref {padding-top: 10px; font-size: 85%;}
	
	.home-primary-CTA {
		background: #e74c3c;
		color: #fff;
		height: 456px;
		text-align: center;
		position: relative;
		padding-top: 20px;
	}
	
	.home-primary-CTA h2 {
		font: normal 400 30px 'Open Sans', sans-serif;
		margin: 0 25px 10px;
	}
	
	.home-primary-CTA p{
		font-family: 'vollkornitalic';
		font-size: 20px;
		margin-bottom: 15px;
	}
	
	.home-primary-CTA img {
		margin: 0 auto;
		display: block;
	}
	
	.overview-panel {
		min-height: 456px;
	}
	
	.video-play-btn { position: absolute; right:40px; margin-top:-70px; }
        
	/* Blog */
	
	.search-form { margin: 0 0 15px 0; width: 100%; border: 0; padding: 0;}
	.search-form button {
		padding: 0;
		border: 0;
		-webkit-border-radius:0;
		border-radius:0;
		width: 50px;
		height: 50px;
		
	}
	.search-form input {height: 50px; border: 0;}
	.search-form .input-group-btn:last-child > .btn {margin: 0 !important;}
	
	article p>img {
		float: left;
		margin: 5px 15px 10px 0;
	}
	
	.blog-feed {
		height: 100%;
		padding-top: 150px;
		position: absolute;
		top: 0;
		left: 5px;
		width: 374px;
		}
		
	.blog-feed article {
		height: 86px;
		padding: 10px 10px;
		border-bottom: 1px solid #222;
		width: 100%;
		display: block;
	}
	
	.drawer {
		width: 100%;		
		padding:0 5px;
		color:#fff;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 40px;
		overflow: hidden;
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
		z-index: 8989;
	}
	
	.drawer-inner {
		background: #e74c3c;
		height: 332px;
		/*padding: 0 20px;*/
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
	}
	
	.blog-feed .drawer-inner {
		position: relative;
		bottom: 18px;
		height: 284px;
		background: #fff;
	}
	
		.drawer.blog .drawer-inner { background: #af7ac4; }
		.drawer.join-us .drawer-inner { background: #2ecc71; }
	
	.drawer-inner div {
		padding: 10px 20px;
		color: #fff;
		border-bottom: 1px solid #c0392b;
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
	}
	
	.drawer-link:hover { background: #F5F6F7;}
	.techheads .drawer-link:hover { background: rgba(192,57,43,1);}
	
	.techheads .drawer-inner .date {color: #fff;}
	
	.drawer.blog .drawer-inner div {border-bottom-color: #8e44ad;}
	.drawer.join-us .drawer-inner div {border-bottom-color: #27ae60;}
	.blog-feed .drawer-inner div {border-bottom-color:#bdc3c7;}
	
	.drawer-inner div:last-child {
		border: none;
	}
	
	.drawer-inner h4, .drawer-inner p{
		padding: 0 0 5px 0;
		color: #fff;
		margin: 0;
	}
	.drawer-inner h4 {text-transform: uppercase; font-size: 19px; font-weight: 700; margin: 3px 0 2px;}
	.drawer-inner .date {font-size: 16px; font-family: 'vollkornitalic'; margin-bottom: 10px; line-height: 18px;vertical-align: text-top; color: #424b5a;}
	.drawer-inner p { font-size: 15px; line-height: 148%;}
	
	.blog-feed .drawer-inner h4, .blog-feed .drawer-inner p{color: #444;}

	.blog-feed .drawer-inner p {font-family: 'Open Sans'; font-size: 13px;}
	
	.drawer-inner img {
		float: left;
		margin-right: 10px;
	}
	
	.drawer-link {
		cursor: pointer;
                min-height: 90px;
	}
	
	.drawer-link a {
		display: none;
	}
	
	.drawer-link:hover img {
		outline: 1px solid #fff;
	}
	
	.techheads-bck-text {
		color: #fff;
		font-family: 'Roboto Slab', serif;
		font-weight: 700;
		padding: 0 10px 0 80px;
		font-size: 24px;
		line-height: 30px;
		min-height: 100px;
		background: transparent url('../img/tech-arrow.png') no-repeat 0 0;
		position: absolute;
		top: 300px;
		left: 5px;
		z-index: 5;
	}
	
	.drawer .drawer-title{
		background-color: rgba(120,20,10,0.8);
		/*padding: 10px;*/
		height:40px;
		line-height: 40px;
		overflow:hidden;
		font-family: 'Roboto Slab', serif;
		text-align: center;
		transition: all 0.2s;
		-moz-transition: all 0.2s; /* Firefox 4 */
		-webkit-transition: all 0.2s; /* Safari and Chrome */
		-o-transition: all 0.2s; /* Opera */
	}
	
	.drawer-title>a{color: #fff; cursor: pointer; z-index: 9999;}
	
	.drawer.blog .drawer-title { background: rgba(142,68,173,0.8);  }
	.drawer.join-us .drawer-title { background: rgba(39,174,96,0.8); }
		
	
	.drawer:hover .drawer-title{		
		height:auto;
		background-color: rgba(192,57,43,1);
	}
	
	.drawer.blog:hover .drawer-title { background: rgba(142,68,173,1);  }
	.drawer.join-us:hover .drawer-title { background: rgba(39,174,96,1); }
	
	.drawer:hover {
		height: 332px;
	}
	
	.drawer.static:hover {
		height: inherit;
	}



/* Home page carousel
 * ////////////////////////////////////
 * */
	
	.slide-link {display: none;}
	.carousel-inner .item {cursor: pointer;}
	.glyphicon-chevron-left:before,
	.glyphicon-chevron-right:before{ content: '';}
	
	span.glyphicon.glyphicon-chevron-left {
		background: transparent url('../img/sprite-OG.png') no-repeat 0 0;
		width: 45px;
		height: 45px;
		left: 30px;
	}
	span.glyphicon.glyphicon-chevron-right {
		background: transparent url('../img/sprite-OG.png') no-repeat -50px 0;
		width: 45px;
		height: 45px;
		right: 15px;
	}
	
	.carousel-indicators {
		bottom: 10px;
	}	
	
	.carousel-indicators li {
		background: #fff;
		border: none;
		width:13px;
		height: 13px;
		margin: 0 2px;
	}
	.carousel-indicators .active,
	.carousel-indicators li:hover{
		background: #e74c3c;
		width:13px;
		height: 13px;
		margin: 0 2px;
	}


.breadcrumb-wrap {margin-bottom: 0 !important;}
.breadcrumb-wrap .container { padding-left: 0; }
.breadcrumb { background: transparent; margin: -15px 0 8px 0; padding-bottom: 0; padding-top: 0; }
.breadcrumb li a { color: #000; font-size: 12px; }
.breadcrumb li { font-size: 12px; }
.breadcrumb span { font-size: 12px; }

.whitebg { background: #fff; padding: 15px 0; }
.maintile, .maintile .tile { min-height: 536px; }
.maintile p.desc { font-size: 20px; margin-bottom: 7px;}
.maintile h3 {font-size: 30px; line-height: 32px;}
.maintile p {font-size: 20px; line-height: 27px;}
.maintile .tile .text-panel {padding-top: 170px;}
.maintile .tile .view img {width: 100%;height: auto;}

.padtile { margin-bottom: 10px; }
.blue { background: #3497db !important; border-top: 5px solid #3497db; }
.purple { background: #eff3f3 !important; border-top: 5px solid #ae79c4; }
.teal { background: #eff3f3 !important; border-top: 5px solid #46c8ae; }
.maintile .blue .text-panel p, .maintile .blue .text-panel h3,
.maintile .opinion-paper .text-panel p, .maintile .opinion-paper .text-panel h3,
.maintile .video .text-panel p, .maintile .video .text-panel h3,
.maintile .case-study .text-panel p, .maintile .case-study text-panel h3,
.maintile .infographic .text-panel p, .maintile .infographic .text-panel h3,
.maintile .article .text-panel p, .maintile .article .text-panel h3 { color: #fff; }
.pad-top {padding-top: 60px; }
.blog-post {position: relative;}
.row.blog-post { display: block;border-bottom: 1px solid #ccc; padding-bottom: 30px; }
article.row.blog-post {padding-top: 30px;}
article.row.blog-post:first-of-type {padding-top: 15px;}
.main-content>h2 {margin-top: 0;}
.blog-post h2 { margin-top: 0; font-size: 26px; line-height: 32px; color: #34495e;}
.blog-post h1 { margin-top: 0; font-size: 32px; line-height: 32px; color: #34495e;}
p.meta, .blog-post p.meta { font-size: 16px; font-family: 'vollkornitalic'; color: #000; margin-bottom: 15px;}
.blog-post h3 { font-size: 18px; color: #34495e; line-height: 28px; margin-bottom: 20px; font-family: 'Roboto Slab', serif; }
.blog-post p { font-size: 16px; line-height: 24px; font-family: 'Roboto Slab', serif; }
.blog-post .action-button {bottom: auto; left: auto; top: 0; right: 15px;}
.blog-post .action-button.bottom {top: auto; bottom: -50px;}


.sharethispage {
	min-height: 50px;
	margin-bottom: 30px;
	position: relative;
}

.sharethispage .icon {
	position: absolute;
	left: 0;
	right: 0;
        z-index: 100;
}

.sharethispage h3 {
	position: absolute;
	top: 0;
	left: 65px;
	font-size: 16px;
	color: #95a4a7;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	margin: 0;
	line-height: 50px;
}

.sharethispage:hover h3 {
	color: #d45300;
}

.sharethispage:hover .icon {
	background-position: -210px -210px;
}

.sharethispage .share-inner {
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #fff;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */	
	line-height: 50px !important;
	cursor: pointer;
}

.sharethispage:hover .share-inner {
	width: auto;
	padding-left: 200px;
}

h1.L1 {color: #34495e; margin: 10px 0;}
h1.section-title {margin-top: 7px;}

.pagination {
	width: 100%;
	text-align: center;
	border-bottom: 3px solid #000;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 10px 0 0 0;
	height: 64px;
}

.pagination li {display: inline-block;}
.pagination > li > a, .pagination > li > span {background: none; border: none; font-size: 29px; text-transform: uppercase; font-weight: lighter; color: #7f8c8d;}
.pagination > .active > a {
	background: none !important;
	border-bottom: 5px solid #000;
	position: relative;
	color: #7f8c8d !important;
	top: 5px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span
{ border-radius: 0; padding: 6px 0;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background: none;
}

.pagination > li > a span.newer { float: left;}
.pagination > li > a > .older { float: right;}

ul.page-numbers { margin-left: 0; padding-left: 0; }
span.older {
       background: none;
border: none;
font-size: 29px;
text-transform: uppercase;
font-weight: lighter;
color: #7f8c8d;
float: right !important;
}
.page-numbers {background: none;
border: none;
font-size: 29px;
text-transform: uppercase;
font-weight: lighter;
color: #7f8c8d;}

.main-content { padding-right: 40px;}

.main-content h1 {margin-bottom: 20px;}
.blog-post a img {padding-right: 20px;}

	 a.read-more {
		background: #e74c3c;
		-webkit-border-radius:0;
		border-radius:0;
		color: #fff;
	 }
	 a.read-more:hover {
		background: #c0392b;
		color: #fff;
	 }


.casestudy-panel ul li { font-family: 'Roboto Slab', serif; }

.blog-comments {
	padding: 30px 0 60px;
	border-bottom: 1px solid #ddd;
}

.blog-comments h2 {
	font-size: 32px;
	color: #34495e;
	margin-bottom: 30px;
}

.blog-comments .form-control:focus {
	border: 1px solid #ddd;
}

.blog-comments input,
.blog-comments label,
.blog-comments textarea{
	margin-bottom: 5px;
}

.blog-comments .btn {
	margin-left: 5px;
}

.comments-header {
	margin-bottom: 40px;
	border-bottom: 1px solid #bdc3c7;
	padding-bottom: 5px;
}

.comments-count {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	
}

.required {
	font-size: 12px;
	position: relative;
	top: -5px;
	left: 2px;
}
p.form-info {
	font-size: 12px;
	margin: 0 0 15px 5px;
	font-weight: 600;
	float: left;
}

.further-reading h3 {
	font-size: 28px;
	color: #34495e;
	margin: 35px 0 20px;
}

.further-reading p {
	font-family: 'vollkornitalic';
	line-height: 28px;
	font-size: 21px;
	color: #34495e;
	margin: 15px 0 0;
}

.further-reading .tile {
	background: none;
}

.more-link { display: none; }

/* Secondary Pages */

.media-holder {position: relative; margin-bottom: 30px;}
.media-holder .icon {left: 0;}

/* Case Studies */
.casestudy-panel {
	position: relative;
	margin-bottom: 15px;
}

.casestudy-panel a.icon.share-grey {
	right: auto;
	left: 0;
}



.casestudy-panel h2{
	
	font-size: 28px;
	margin: 0 0 12px 0;
}

.casestudy-panel p {
	
	font-family: 'Roboto Slab', serif;
}

.casestudy-panel img { margin-bottom: 10px; }

/* Resources */
.res-row { margin-top: 0; margin-bottom: 40px; }
.res-row h3 { padding-bottom: 10px;margin: 0 5px 15px 5px; }
.res-title { font-weight: 600; font-size: 18px; margin-bottom: 0; line-height: 145%; }
.res-desc { margin:0; font-size: 16px; }
.opinion-paper { border-top: 5px solid #47c9af; background: #47c9af; }
.video-asset { border-top: 5px solid #3498db; }
.infographic { border-top: 5px solid #3498db; }
.article-research { border-top: 5px solid #f3cf3f; }
.case-study, .generic-other { border-top: 5px solid #e67e22;  }


/* Sidebar */
.sidebar .nav > li > a {padding: 2px 15px;}
.sidebar .nav.tags > li > a { float: left;}
.sidebar .subnav .nav > li > a {padding-left: 10px; margin-left: -10px;}
 .lz-nav-terms { padding-left: 0; list-style: none; margin: 10px; }
.sidebar ul.nav {padding: 0;}
.widget {  padding: 25px 20px 20px; margin-bottom: 15px;}
.widget h3 {margin-top: 0; font-size: 28px;}
.subscribe {background: #212629;min-height: 160px;}
.subscribe h2 {color: #e64b3f; font-size: 17px; font-weight: 600; margin-top: 0;}
.subscribe input {background: #344a5d; color: #bec4c6; border: none; margin-bottom: 10px;}
.sidebar-cta { margin-bottom: 15px;}
.subnav { background: #fff;}
.subnav li a {font-family: 'vollkornitalic'; color: #222; font-size: 17px; padding: 2px 0;}
.widget_sp_image { padding: 0; }

.hs-form .hs-button {box-shadow: none !important; }
.widget .hs-form .actions {
position: absolute !important;
top: 25px!important;
left: 0px !important;
padding: 0 !important;
}
.widget .hs-form .actions input { text-shadow: none; border: none; }
#text-4 a, #text-5 a { font-size: 14px; }

.small-font { font-size: 10px !important; }

.further-reading .tile p { font-family: 'Open Sans', sans-serif;font-size: 16px; line-height: 1.4; }

footer {
	background: #212629;
	color: #fff;
	margin-top: 80px;
	display: block;
}

footer h3 {
	font: 700 23px/145% 'Open Sans';
	color: #95a5a6;
	margin: 0 0 20px;
}

footer h5 {
	color: #bdc3c7;
	font-weight: 400;
	font-size: 16px;
	line-height: 145%;
	margin-bottom: 12px;
}
footer>.container {
	padding-bottom: 40px;
}	
footer>.container p,
footer>.container li,
footer>.container a {
	font-size: 14px;
}

footer .nav > li > a {
	padding: 0 5px;
	font-size: 14px;
	color: #7f8c8d;
}
footer .nav > li > a:hover {
	background: none;
	color: #fff;
}

footer .nav > li.dropdown > a:hover {
	background: none;
	color: #7f8c8d;
}

footer ul.nav {
	padding-top: 0;
}

footer ul.nav > li > a {
	font-weight: 700;
	line-height: 150%;
}

footer ul.nav ul > li > a {
	font-weight: 400;
}
footer ul.nav ul {
	margin-bottom: 10px;
}

footer .form-group {
	margin: 0 0;
}
footer .form-control {
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #34495e;
	color: #bdc3c7;
	border: 0;
	margin: 0 0 7px;
}

footer .form-control:focus {
	background: rgb(241, 241, 241);
	color: #222;
}

.lower-footer {
	background: #000;
	padding: 10px 0;
}

.lower-footer .container>.row {
	margin-bottom: 0;
}

.lower-footer p.reg-info {
	font-size: 11px;
	color: #7f8c8d;
	margin: 0;
}

.lower-footer .scroll-top {
	color: #7f8c8d;
	text-align: right;
	display: block;
}

.lower-footer .scroll-top img {
	width: 20px;
	height: auto;
	margin-left: 10px;
}

.copyright p {color: #7f8c8d; font-weight: 700; margin: 0;}
.copyright .logo {width: 130px; height: auto; z-index: 9999;}


/* ADDITIONAL CLASSES
 * ////////////////////////////////////
 * */


/* MEDIA QUERIES
 * ////////////////////////////////////
 * */

@media screen and (max-width: 767px){
	
	.key-nav-items {display: none;}
	.lower-footer {text-align: center;}
	.lower-footer .scroll-top, .lower-footer p.reg-info {margin: 10px 0; text-align: center;}
	.drawer {display: block; height: auto;}
        .tweet-tile {max-height: 130px;min-height: 130px;}
        .tweet-tile .action-button { left: 60%; }
        
        .blog-feed { width:99%; padding-top: 280px;  }
        .mobfix { width:100%; }
        .mobheight { max-height: 586px; }
        .video-play-btn { width: 30%; }
        .action-button.big { background: url('../img/action-btn-back.gif') no-repeat top right; background-size: 97%; left: -7px; margin-left: 0; }
        .action-button.big a { font-size: 15px; left: -36px; line-height: 40px; height: 40px; text-align: center; padding: 0 10px; margin: 0 0 20px 55px; }

}/* end @media max 767px */

@media screen and (min-width:768px) and (max-width: 992px) {
       .home-primary-CTA img {display: none;}
       .mobfix { width:100%; }
       .action-button.big { background: url('../img/action-btn-back.gif') no-repeat top right; background-size: 95%; left: -12px; margin-left: 0; }
       .video-play-btn { width: 30%; }
       .video-play { bottom: 60%; }
       .blog-feed { width: 100%; padding-top: 200px; }
       
} /* end media query */

@media screen and (max-width: 992px){
	
	.logo {width:210px}
	.key-nav-items {padding-left: 15px;}
	.key-nav-items li a {padding: 0 15px;}
	
	.nav .subset a { font-size: 14px; padding: 0;}
	.nav .nav-title {font-size: 16px; margin: 0px 0 4px;}
	.get-in-touch { font-size: 19px; line-height: 28px;}
	.lower { padding-top: 30px; margin: 20px 0 20px;}
	.lower-menu .form-inline, .lower-menu .form-inline input, .lower-menu .form-inline .form-group, .lower-menu .form-inline button {font-size: 14px;}
	.navbar-collapse.collapse.in {overflow: hidden;}
	nav .social {float: left;}
	.social a {width: 30px; height: 30px;}
	nav .icon.mail { display: none;}
	a.google{background-position: -145px -5px;}
		a.google:hover {background-position: -145px -45px;}
	a.linked{background-position: -185px -5px;}
		a.linked:hover{background-position: -185px -45px;}
	a.youtube{background-position: -225px -5px;}
		a.youtube:hover{background-position: -225px -45px;}
	a.rss{background-position: -265px -5px;}
		a.rss:hover{background-position: -265px -45px;}
	a.pinterest{background-position: -305px -5px;}
		a.pinterest:hover{background-position: -305px -45px;}
	a.twitter{background-position: -345px -5px;}
		a.twitter:hover{background-position: -345px -45px;}
	a.facebook {background-position: -385px -5px;}
		a.facebook:hover {background-position: -385px -45px;}		
	.lower-menu, nav .black-strip.toggle-strip {display: none;}
	footer h3 {margin: 25px 0 10px;}
	footer>.container p, footer>.container li, footer>.container a {font-size: 13px;}
	
	.home-primary-CTA h2 {font-size: 22px; line-height: 33px;}
	.home-primary-CTA {height: 287px;}
	.tile.yellow-tile {margin-bottom: 15px;}
	.action-button.big {}
		.action-button.big a {
			font-size: 15px;
			left: -30px;
			line-height: 40px;
			height: 40px;
			text-align: center;
			padding: 0 10px;
			margin: 0 0 20px 60px;
		}
	.tile {height: 200px;overflow: hidden; margin-bottom: 15px;position: relative;}
        .further-reading .tile { height: auto; overflow: auto; }
	.tile .text-panel {padding-top: 50px;}
	.tile .action-button {/*left: 317px;*/}
	.numbers {display: none;}
	.tile.video .view {left: 0;}
	.tweet-tile {max-height: 200px;min-height: 200px;}
        .tweet-tile .action-button { left: 60%; }
	.main-content {padding-right: 0;}
		
	
}/* end @media max 992px */

@media screen and (min-width: 993px) and (max-width: 1200px){
	
		.numbers {display: none;}
		.lower-menu { font-size: 15px;}
		.lower-menu .contact-us {display: none;}
		.techheads-bck-text {top:160px;}
		.overview-panel {min-height: 374px;}
		.drawer-inner, .drawer:hover {height: 374px;}
		.blog-feed { width: 307px; overflow: hidden;}
		.tweet-tile .action-button {left: 48px;}
		.tile.video, .tile.video .view {width: 307px; height: 211px;}
		.home-primary-CTA {overflow: hidden; height: 375px;}
		.home-primary-CTA h2 {font-size: 29px; line-height: 38px;}
		.home-primary-CTA img {width: 100px; height: auto;}
		.action-button.big {left:-30px;}
		.action-button.big a {
			font-size: 15px;
			width: 260px;
			left: -30px;
			line-height: 40px;
			height: 40px;
			text-align: center;
			padding: 0 10px;
			margin: 0 0 20px 60px;
		}
		.tile .text-panel {padding-top: 30px;}
		
	
}/* end @media max 1200px */

/* MOBILE FIXES */
@media screen and (max-width:480px) {
       .blog-feed { width:99%; padding-top: 180px;  }
       .mobheight { max-height: 596px; min-height: 475px; }
} /* end media query */

@media screen and (max-width: 650px) {
       .home-primary-CTA img {display: none;}
       
}/* end media query 650px */