@font-face {
	font-family: Gotham-Light;
	src: url(fonts/Gotham-Light.ttf)
}

@font-face {
	font-family: Gotham-Book;
	src: url(fonts/Gotham-Book.ttf)
}

@font-face {
	font-family: brandongrotesque-black-webfont;
	src: url(fonts/brandongrotesque-black-webfont.ttf)
}

@font-face {
	font-family: brandon-text-bold;
	src: url(fonts/brandon-text-bold.ttf)
}

@font-face {
	font-family: BrandonText-Regular;
	src: url(fonts/BrandonText-Regular.ttf)
}

@font-face {
	font-family: gotham-medium;
	src: url(fonts/Gotham-Medium.ttf)
}

@font-face {
	font-family: Gotham-Bold;
	src: url(fonts/Gotham-Bold.ttf)
}

.inner-landing-hero-header-wrapper .phone-image img {
	max-width: 330px
}

.page-id-22985 .inner-landing-hero-header-wrapper .col-right {
	float: right;
	width: 56.45%;
	position: relative;
	z-index: 10
}

.center-contents {
	padding: 3% 0
}

.the-pitch .gform_wrapper .top_label .gfield_label {
	display: block!important
}

html body .entry-content input[type=text] {
	color: #000!important
}

.post-15927 .gform_wrapper .gform_footer input[type=submit],
.the-pitch .gform_wrapper .gform_footer input[type=submit] {
	color: #fff;
	background-color: #011e42
}

.center-contents h3 {
	text-align: center;
	margin: 0 auto!important;
	display: block
}

.center-contents img {
	max-width: 100%
}

.entry-content iframe {
	margin: 0 auto;
	display: block
}

#branding,
#webdesign {
	min-height: 430px
}

html body {
	font-family: Gotham-Light
}

body,
html body .entry-content p,
p {
	font: 19px/29px Gotham-Light;
	color: #666;
	margin-top: 4%
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

.gform_wrapper .gfield_checkbox li label {
	font-size: 12px;
	padding-top: 15px;
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	overflow-x: hidden;
	line-height: 1
}

ol,
ul {
	list-style: none
}

.postid-1751 ol,
ol,
ol li {
	list-style: decimal
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

html body a {
	color: #a8943d
}

.scholarship-toggle {
	width: 100%;
	display: block;
	height: 50px;
	padding: 5px 0;
	clear: both;
	background-color: #fff;
	text-align: center
}

b,
strong {
	font-family: gotham-medium!important
}

.action-button,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
iframe #rerun-button.action-button.rerun-button {
	display: none!important
}

.center {
	margin: 0 auto
}

.pricing_section {
	display: none
}

.post figure {
	max-width: 100%
}

a:hover {
	color: #061627;
	text-decoration: none
}

.header {
	background: #fff;
	display: inline-block;
	width: 100%;
	position: relative;
	height: 80px
}

.web-dev-cta {
	background-image: url(https://hookagency.com/wp-content/uploads/2015/12/BookCover-Mockup.jpg);
	background-size: cover;
	padding: 60px 50px
}

.web-dev-cta h3 {
	max-width: 400px;
	color: #6cae44;
	text-transform: none;
	font-size: 22px;
	font-family: gotham-medium
}

.web-dev-cta .gform_wrapper .top_label input.medium {
	width: 240px!important;
	color: #666;
	background-color: #fff;
	border: 1px solid #e7e7e7;
	z-index: 100;
	position: relative
}

.web-dev-cta .gform_wrapper .gform_footer {
	padding: 1em 0 .625em;
	margin: -65px 0 0;
	clear: both
}

.web-dev-cta .gform_wrapper .gform_footer input.button,
.web-dev-cta .gform_wrapper .gform_footer input[type=submit] {
	font-size: 1em;
	margin-left: 260px!important;
	width: 150px;
	background-color: #6cae44;
	border-radius: 0;
	border: 2px solid #6cae44;
	margin-top: -1px
}

.fristsec .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	color: #666!important
}

.web-dev-cta .gform_wrapper .gform_footer input.button:hover,
.web-dev-cta .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: #57873b;
	border: 2px solid #57873b
}

.blankcon b,
.blankcon strong {
	color: #a79344
}

.panel-default>.panel-heading {
	margin-top: -1px
}

aside,
nav {
	background: #fff
}

.wrapper,
blockquote,
body,
figcaption,
p,
ul {
	font-family: Gotham-Light, HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300
}

@media screen and (max-width:700px) {
	.web-dev-cta,
	.web-dev-cta.might-want-site-cta {
		padding: 40px
	}
	.web-dev-cta .gform_wrapper .gform_footer,
	.web-dev-cta.might-want-site-cta .gform_wrapper .gform_footer {
		padding: 1em 0 .625em;
		margin: 0;
		clear: both
	}
	.web-dev-cta .gform_wrapper .gform_footer input.button,
	.web-dev-cta .gform_wrapper .gform_footer input[type=submit],
	.web-dev-cta.might-want-site-cta .gform_wrapper .gform_footer input.button,
	.web-dev-cta.might-want-site-cta .gform_wrapper .gform_footer input[type=submit] {
		font-size: 1em;
		position: relative;
		width: 100%;
		margin-left: 0;
		max-width: 100%;
		display: block;
		border-radius: 0
	}
}

#main-message,
.call-to-action,
nav {
	display: inline-block
}

#logo {
	margin: 7px 32px;
	position: relative;
	height: 65px;
	width: auto;
	transition: .5s
}

blockquote,
figcaption,
p,
ul {
	font-size: 1.1em;
	line-height: 1.2em
}

nav {
	margin: 33px 30px;
	float: right
}

blockquote {
	margin: 10px;
	padding: 15px 20px;
	background-color: #092648;
	color: #fff;
	background-image: url(../images/blockquote-background.png);
	background-repeat: no-repeat;
	-moz-border-radius: 15px;
	border-radius: 4px
}

.sticky2 {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	height: 60px
}

#main-message,
.anchor,
.one-third,
.videoWrapper {
	position: relative
}

.sticky2 #logo {
	height: 50px;
	width: auto
}

ul.navigation,
ul.navigation ul {
	margin: 0;
	vertical-align: middle
}

ul.navigation li {
	list-style-type: none;
	float: left;
	margin: 0 15px
}

.head-wrapper a,
.head-wrapper a:hover {
	transition: .25s
}

.sticky2 ul.navigation,
ul.navigation ul {
	margin-top: -10px
}

section {
	width: 100%;
	background-attachment: fixed;
	height: 510px;
	background-size: cover;
	margin: 0 auto
}

#main-message {
	width: 420px;
	margin-left: 42px;
	color: #fff;
	bottom: -300px
}

aside {
	height: 325px
}

.section-head {
	font-family: gotham-medium, sans-serif;
	font-size: 1.6em;
	font-weight: 700;
	display: inline-block;
	color: #092648;
	margin: 20px 15px
}

.about-me-caption p,
.contact-text {
	font-size: 1em;
	line-height: 1.1em
}

.head-wrapper,
.wrapper {
	margin: 0 auto;
	max-width: 1140px
}

figure {
	display: inline-block;
	background-color: transparent!important
}

figcaption {
	display: inline-block;
	color: #000
}

.anchor {
	display: block;
	top: -150px;
	visibility: hidden
}

#branding {
	padding: 25px
}

footer {
	background: #092648;
	min-height: 460px
}

.contact-text {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300;
	color: #fff;
	width: 400px;
	display: inline-block;
	vertical-align: top;
	margin-left: 42px
}

#contact-form {
	max-width: 38%;
	display: inline-block;
	float: right;
	margin-right: 52px
}

#inner-project-title,
.submit_btn,
input[type=email],
input[type=submit],
input[type=text],
textarea {
	color: #fff;
	font-family: Gotham-Light, sans-serif
}

input[type=email],
input[type=text],
textarea {
	background-color: #055764;
	border: 0 solid #fff;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: 16px;
	padding: .5em;
	width: 96%
}

textarea#message {
	height: 180px
}

.submit_btn,
input[type=submit] {
	-webkit-appearance: none;
	text-align: center;
	background-color: #092648;
	font-size: 1em;
	cursor: pointer;
	width: 100%;
	border: 1px solid #a6a6a6;
	font-weight: 300;
	padding: 10px;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s;
	text-decoration: none
}

input[type=submit]:hover {
	background: #055764;
	border: 1px solid #a6a6a6;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	text-decoration: none;
	opacity: 1
}

#deepthoughts-title,
#project-title {
	margin: 0 auto;
	width: 800px;
	text-align: center
}

.one-half,
.one-half2 {
	width: 450px;
	vertical-align: top
}

#inner-project-title2,
#inner-project-title3 {
	color: #fff;
	font-family: Gotham-Light, sans-serif;
	font-weight: 100;
	font-size: 3em;
	height: 150px
}

#inner-project-title2 {
	margin-top: 60px;
	line-height: 3em;
	text-transform: uppercase
}

.inner-section {
	height: 200px
}

.mobile-background,
.mobile-thought-background4 {
	background: 0 0
}

.one-half {
	display: inline-block;
	max-height: auto
}

.one-half p {
	display: inline-block
}

.one-third {
	width: 29%;
	padding: 40px 2%;
	display: inline-block;
	vertical-align: top
}

.desgincool ul {
	display: block
}

.desgincool .searchandfilter ul li {
	display: block;
	width: 100%
}

.desgincool .searchandfilter ul li li {
	width: auto;
	border: 1px solid #a79344;
	color: #a79344
}

.desgincool .searchandfilter ul li li input {
	display: none
}

@media only screen and (min-width :968px) {
	.mobile-menu {
		display: none
	}
	.mobile-background {
		background: 0 0
	}
	#contact-form {
		width: 38%
	}
}

@media only screen and (max-width :968px) {
	.navigation {
		display: none
	}
}

@media only screen and (max-width :568px) {
	#branding,
	#webdesign {
		min-height: 400px
	}
	body,
	html {
		overflow-x: hidden
	}
	#branding,
	.about-me-caption {
		padding: 0
	}
	.mobile-background {
		background-repeat: no-repeat;
		background-position: bottom right;
		width: 100%;
		height: 510px;
		margin: 0 auto
	}
	html {
		height: 100%
	}
	.navigation {
		display: none
	}
	#contact-form,
	#main-message,
	.call-to-action,
	.case-study,
	.case-study-image,
	.contact-text,
	.example,
	.mobile-menu {
		display: inline-block
	}
	.mobile-menu {
		z-index: 1000;
		float: right
	}
	aside {
		height: 220px
	}
	#logo {
		height: 50px;
		width: auto;
		margin: 7px 15px
	}
	.header {
		height: 60px
	}
	#main-message {
		width: 270px;
		vertical-align: bottom;
		margin-left: 20px;
		color: #fff;
		bottom: -450px;
		position: absolute
	}
	.case-study,
	.contact-text,
	.process-text-left,
	.process-text-right {
		vertical-align: top
	}
	#main-message h1 {
		font-size: 1.4em
	}
	#main-message h2 {
		font-size: 1.2em
	}
	.contact-text {
		margin-top: 30px;
		width: 255px;
		margin-left: 0
	}
	footer {
		background: #092648;
		min-height: 700px;
		padding: 25px
	}
	#contact-form {
		margin-top: 30px;
		min-width: 255px;
		margin-right: 0;
		float: none
	}
	.footer-wrapper {
		width: 285px;
		margin: 0 auto
	}
	#deepthoughts-title,
	#inner-project-title,
	#project-title {
		margin: 0 auto;
		width: 280px
	}
	#inner-project-title,
	#inner-project-title2,
	#inner-project-title3 {
		margin: 75px auto 0;
		width: 280px;
		font-size: 1.8em;
		height: 200px
	}
	#inner-project-title2 {
		margin: 75px auto 0;
		width: 280px;
		font-size: 1.3em;
		height: 200px;
		line-height: 1.3em
	}
	.inner-section {
		height: 200px
	}
	.one-half,
	.one-half2 {
		width: 100%;
		max-height: auto;
		vertical-align: top;
		display: inline-block
	}
	.one-half p {
		display: inline-block
	}
}

@media only screen and (max-width :1124px) {
	section {
		width: 100%;
		background-size: cover;
		height: 510px;
		background-position: center;
		margin: 0 auto
	}
	input[type=submit] {
		-webkit-appearance: none
	}
}

@media screen and (min-device-width :768px) and (max-device-width :1024px) {
	.mobile-background {
		max-width: 100%;
		height: 510px;
		margin: 0 auto;
		background-position: right bottom;
		background-repeat: no-repeat
	}
	.head-wrapper {
		margin: 0 auto;
		max-width: 910px
	}
	.wrapper {
		margin: 0 auto;
		max-width: 790px
	}
	#contact-form {
		max-width: 35%;
		display: inline-block;
		float: right;
		margin-right: 30px
	}
	#contact-form h2 {
		font-family: Gotham-Light, helvetica, sans-serif!important;
		font-size: 1.6em;
		font-weight: 700;
		display: inline-block;
		color: #fff
	}
	.contact-text,
	input[type=email],
	input[type=submit],
	input[type=text],
	textarea {
		font-family: Gotham-Light, sans-serif;
		font-weight: 300;
		font-size: 1em
	}
	input[type=email],
	input[type=text],
	textarea {
		background-color: #055764;
		border: 0 solid #fff;
		color: #fff;
		line-height: 1.1;
		margin-bottom: 16px;
		padding: .5em;
		width: 100%
	}
	.case-study,
	.contact-text {
		color: #fff;
		line-height: 1.1em;
		display: inline-block;
		vertical-align: top
	}
	textarea#message {
		height: 180px
	}
	input[type=submit] {
		text-align: center;
		background-color: #092648;
		width: 100%;
		border: 1px solid #a6a6a6;
		color: #fff;
		padding: 10px;
		-webkit-transition: background-color .25s;
		-moz-transition: background-color .25s;
		-ms-transition: background-color .25s;
		-o-transition: background-color .25s;
		text-decoration: none
	}
	input[type=submit]:hover {
		background: #055764;
		border: 1px solid #a6a6a6;
		-webkit-transition: background-color .5s;
		-moz-transition: background-color .5s;
		-ms-transition: background-color .5s;
		-o-transition: background-color .5s;
		text-decoration: none;
		opacity: 1
	}
	.contact-text {
		width: 300px;
		margin-left: 35px
	}
	#branding,
	#webdesign {
		min-height: 500px;
		padding: 25px
	}
	#deepthoughts-title,
	#project-title {
		margin: 0 auto;
		width: 380px
	}
	#inner-project-title2 {
		margin: 75px auto 0;
		width: 380px;
		font-size: 1.5em;
		height: 200px
	}
	.one-half,
	.one-half2 {
		padding-left: 0;
		width: 45%
	}
}

.displayblock,
.visit-site {
	display: block
}

.visit-site {
	float: right;
	clear: both;
	margin-bottom: 30px;
	margin-left: 30px
}

.page-port {
	background-color: #333;
	width: 100%;
	height: 1200px;
	overflow-y: hidden;
	border: 5px solid #333
}

#result,
.moretag {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300
}

@media screen and (max-width:650px) {
	.page-port {
		height: 2000px
	}
}

.attachment-post-thumbnail,
.post-thumbnail img {
	width: 100%!important;
	height: auto
}

#result {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 20px;
	color: #fff;
	padding-top: 10px
}

.attachment-post-thumbnail {
	margin-bottom: 30px;
	margin-top: 30px
}

.moretag,
.wrapper .navigation {
	margin: 0 auto
}

.moretag {
	border: 1px solid #a69344!important;
	color: #fff!important;
	background-color: #a69344;
	padding: 7px 35px;
	border-radius: 5px!important;
	text-transform: none;
	display: block;
	text-align: center;
	max-width: 200px;
	clear: both;
	font-family: gotham-medium!important;
	text-transform: uppercase
}

.moretag:hover {
	background-color: #867c35;
	border-color: #867c35;
	color: #fff;
	opacity: 1
}

#text-3,
.sidebar input[type=email],
input[type=search] {
	background-color: #f5f3f4;
	font-family: Gotham-Light, sans-serif;
	font-weight: 300
}

@media screen and (min-width:1100px) {
	#index .container {
		max-width: 60%;
		padding: 30px 250px 100px;
		margin: 0 auto
	}
	.post-wrap {
		width: 80%;
		margin: 0 auto
	}
}

.wrapper .navigation a:hover {
	color: #fff;
	opacity: 1
}

.entry-footer {
	display: none!important
}

.entry-title,
.main,
.sidebar {
	display: inline-block
}

.screen-reader-text {
	color: #fff
}

.main {
	width: 73%;
	float: none;
	margin: 0 auto;
	display: block;
	clear: left;
	padding: 40px 20px
}

.sidebar {
	width: 23%;
	float: right;
	clear: right;
	padding: 40px;
	margin-left: 3%
}

.sidebar input[type=email],
input[type=search] {
	padding: 10px;
	width: 100%;
	margin: 20px 0;
	border-radius: 0;
	-webkit-appearance: none;
	border: none;
	font-size: 1em;
	line-height: 1.1;
	color: #464646
}

.entry-title {
	font-family: gotham-medium, sans-serif;
	font-size: 2.2em;
	font-weight: 700;
	margin: 10px 0;
	text-transform: uppercase;
	color: #047691
}

.entry-meta,
p {
	font-family: Gotham-Light, sans-serif;
	padding: 10px 0
}

.the-pitch h2,
.widget-title {
	text-transform: uppercase;
	color: #092648
}

.updated {
	display: none
}

p {
	margin: 20px 0
}

.widget-title {
	font-family: gotham-medium, sans-serif;
	font-size: 1.15em;
	font-weight: 700;
	display: inline-block;
	margin: 15px 0
}

.button,
.wrapper .navigation a {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300
}

@media screen and (max-width:800px) {
	.main,
	.sidebar {
		width: 90%;
		display: block;
		float: none;
		clear: both;
		padding: 40px 20px;
		margin-left: 0
	}
	.moretag {
		width: 94%;
		padding: 15px 10px
	}
}

.index .entry-content img {
	max-width: 100%;
	height: auto
}

.wrapper .navigation {
	width: 100%;
	display: block;
	clear: both
}

.wrapper .navigation a {
	border: 1px solid #092648;
	padding: 10px;
	height: 50px;
	vertical-align: middle;
	margin: 0 10px 30px;
	float: none;
	display: inline-block;
	width: auto
}

.entry-header {
	display: none
}

#project-title {
	margin: 0 auto;
	width: 900px;
	text-align: center
}

nav ul li a {
	font-size: 1em;
	font-family: Gotham-Light;
	color: #0f2744
}

.attachment-thumbnail {
	width: 23%;
	clear: left;
	float: left;
	height: auto;
	margin-bottom: 30px;
	margin-top: 50px
}

.blog-excerpt-title {
	margin-bottom: 0;
	width: 68%;
	padding-left: 20px;
	float: right
}

.column,
.more-work,
.the-pitch h2 {
	display: inline-block
}

.sticky img {
	width: 100%;
	height: auto;
	margin-bottom: 20px
}

.sticky .blog-excerpt-title {
	margin-bottom: 20px;
	width: 100%;
	padding-left: 20px;
	float: right;
	margin-top: 10px
}

.column {
	width: 43%;
	padding: 0 15px;
	vertical-align: top
}

.left-margin {
	margin-left: 3%
}

.row {
	margin: 40px 0
}

.button {
	webkit-appearance: none;
	cursor: pointer;
	width: 100%;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s
}

.button:hover {
	background: #030d19;
	border: 1px solid #030d19;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	text-decoration: none;
	opacity: 1
}

.the-pitch h2 {
	font-family: gotham-medium, sans-serif;
	font-size: 1.55em;
	font-weight: 700;
	margin: 15px 0
}

.h3-alt,
ol h2 {
	font-weight: 100;
	font-family: gotham-medium
}

.the-pitch {
	width: 80%
}

@media screen and (max-width:800px) {
	.attachment-thumbnail {
		width: 50%;
		height: auto;
		margin: 0 auto;
		text-align: center
	}
	.blog-excerpt-title,
	.entry-summary {
		width: 100%;
		float: right;
		padding-left: 20px
	}
	.blog-excerpt-title {
		margin-bottom: 20px;
		margin-top: 10px
	}
}

.blog .wrapper .navigation a {
	height: 40px;
	padding: 10px 25px;
	border-radius: 5px;
	line-height: 19px
}

.h3-alt {
	font-size: 2em;
	text-transform: none
}

.single .wp-post-image {
	display: none
}

.column img,
.post img,
.size-full {
	max-width: 100%;
	height: auto
}

@media screen and (min-width:1000px) {
	.buffer {
		height: 50px
	}
}

@media screen and (max-width:800px) {
	.blog .wrapper .navigation a {
		width: 80%;
		height: 17px;
		padding: 10px 25px;
		border-radius: 5px;
		text-align: center;
		margin: 10px auto;
		line-height: 19px
	}
}

@media screen and (max-width:1000px) {
	.mobile-background-2 {
		background: bottom right no-repeat #0d2746;
		width: 100%;
		height: 210px;
		margin: -20px auto 0
	}
	#contact-form {
		width: 230px;
		display: inline-block;
		vertical-align: top;
		margin-left: 22px
	}
}

@media only screen and (min-width:940px) and (max-width:1280px) {
	.mobile-background-2 {
		background: #0d2746
	}
}

.strong,
strong {
	font-weight: 300!important;
	font-family: gotham-medium!important
}

@media screen and (max-width:900px) {
	.wrapper .navigation a {
		font-size: .8em;
		padding-top: 20px;
		padding-bottom: 30px
	}
}

.video-container {
	position: relative;
	padding-bottom: 52%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.the-pitch input[type=email],
.the-pitch input[type=text],
.the-pitch textarea {
	margin-top: 15px;
	margin-bottom: 22px;
	background-color: #eae8e8;
	color: #666
}

.the-pitch textarea {
	height: 120px
}

@media screen and (max-width:700px) {
	.video-container {
		position: relative;
		padding-bottom: 47%;
		padding-top: 30px;
		height: 0;
		overflow: hidden
	}
	.the-pitch {
		width: 90%;
		margin: 0 auto
	}
	.entry-content .column {
		width: 94%;
		margin: 0 auto
	}
}

img.alignright {
	margin: 0 0 1em 3em!important;
	float: right
}

.entry-content ol {
	margin-left: 20px
}

@media screen and (min-width:700px) and (max-width:1100px) {
	.post-1588 img {
		width: 70%
	}
}

img.alignleft {
	float: left;
	margin: 0 3em 1em 0!important
}

.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.alignright {
	float: right
}

.alignleft,
.columnz {
	float: left
}

@media screen and (min-width:1000px) {
	.post-1588 img,
	.post-1894 img {
		width: 70%
	}
}

.postid-1465 .wp-post-image img,
.postid-1471 .wp-post-image img,
.postid-1504 .wp-post-image img,
.postid-1515 .wp-post-image img,
.postid-1712 .wp-post-image img,
.postid-1730 .wp-post-image img,
.postid-1751 .wp-post-image img,
.postid-1836 .wp-post-image img,
.postid-1858 .wp-post-image img,
.postid-1870 .wp-post-image img,
.postid-1888 .wp-post-image img,
.postid-1941 .wp-post-image img,
.postid-1956 .wp-post-image img,
.wp-post-image img {
	height: auto;
	display: block;
	max-width: 100%
}

a.button-twitter {
	background-color: #43778e;
	background: -moz-linear-gradient(top, #43778e, #43778e)!important;
	background: -ms-linear-gradient(top, #43778e, #43778e)!important;
	background: -webkit-linear-gradient(top, #43778e, #43778e)!important;
	border: 1px solid #43778e!important;
	font-family: Gotham-Light;
	text-shadow: 0 -1px -1px #005ea3
}

.clear-fix,
.clearfix {
	display: block;
	clear: both
}

.avia-icon-list li,
.lego-list,
.price {
	list-style-type: none
}

.post-1730 {
	margin: 30px 0
}

#main-message h2 {
	text-transform: none;
	font-weight: 300;
	font-family: Gotham-Light, sans-serif!important;
	font-size: 1.3em!important;
	line-height: 1.2em!important;
	color: #fff!important;
	margin: 10px 0 0
}

#main-message h1 {
	font-family: gotham-medium, sans-serif;
	font-size: 1.4em!important;
	line-height: 1.2em!important;
	text-transform: uppercase;
	font-weight: 700
}

#contact-form h2 {
	color: #fff!important
}

ol {
	list-style-type: upper-roman;
	font-family: Gotham-Light, sans-serif;
	padding: 10px 30px 30px
}

ol li {
	margin: 20px;
	font-family: Gotham-Light, helvetica, sans-serif!important;
	font-size: 1.4em;
	line-height: 1.4em
}

.clicktotweet {
	background-color: #027891;
	color: #fff;
	font-size: 25px;
	padding: 20px;
	text-align: center;
	clear: both;
	display: block;
	border-radius: 5px;
	font-weight: 600
}

@media screen and (min-width:700px) {
	.video-container {
		width: 70%;
		margin: 30px auto
	}
}

.entypo {
	font-family: entypo;
	font-size: 1.5em;
	margin-right: 10px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: entypo;
		src: url(https://hookagency.com/wp-content/themes/tim-brown/fonts/entypo.svg#entypo) format("svg")
	}
}

@font-face {
	font-family: entypo;
	src: url(https://hookagency.com/wp-content/themes/tim-brown/fonts/Entypo-webfont.eot);
	src: url(https://hookagency.com/wp-content/themes/tim-brown/fonts/Entypo-webfont.eot?#iefix) format('embedded-opentype'), url(https://hookagency.com/wp-content/themes/tim-brown/fonts/Entypo-webfont.woff) format('woff'), url(https://hookagency.com/wp-content/themes/tim-brown/fonts/Entypo-webfont.ttf) format('truetype'), url(https://hookagency.com/wp-content/themes/tim-brown/fonts/Entypo-webfont.svg#entyporegular) format("svg");
	font-weight: 400;
	font-style: normal
}

.float-title {
	width: 400px;
	height: auto;
	float: right;
	padding: 40px 0!important
}

.playfair {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-style: italic
}

.entry-content {
	padding: 0 0 40px
}

.lego-list {
	padding: 0;
	margin: 0
}

.lego-list li:first-child {
	background: url(/wp-content/themes/tim-brown/images/green-lego.png) 0 0/40px 40px no-repeat;
	padding-left: 52px;
	display: block
}

.lego-list li:nth-child(2) {
	background: url(/wp-content/themes/tim-brown/images/yellow-lego.png) 0 0/40px 40px no-repeat;
	padding-left: 52px;
	display: block
}

.lego-list li:nth-child(3) {
	background: url(/wp-content/themes/tim-brown/images/blue-lego.png) 0 0/40px 40px no-repeat;
	padding-left: 52px;
	display: block
}

.category-wordpress-development-for-noobs .entry-content h2 {
	font-size: 25px!important;
	font-family: Montserrat, sans-serif!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
	color: #027891!important;
	background: url(/wp-content/themes/tim-brown/images/green-lego.png) 20px 50%/70px no-repeat #f9f4f2;
	padding: 40px 40px 40px 122px;
	display: block;
	line-height: 1.2em;
	border: 1px solid #466830;
	margin: 40px 0;
	border-radius: 5px
}

.come-on-and-give-it-to-me,
.come-on-and-give-it-to-me:hover,
.get-to-it-sugar,
.get-to-it-sugar:hover,
.skip-to-it-daddy-o,
.skip-to-it-daddy-o:hover {
	padding: 3px 10px;
	font-family: Gotham-Light, sans-serif;
	font-size: 13px;
	margin-left: 20px
}

.skip-to-it-daddy-o {
	color: #54823b!important;
	border: 1px solid #54823b;
	border-radius: 1px;
	background-color: #fff;
	margin-top: 10px
}

.skip-to-it-daddy-o:hover {
	color: #fff!important;
	border: 1px solid #54823b;
	background-color: #54823b!important;
	border-radius: 1px;
	opacity: 1!important;
	margin-top: 10px
}

.get-to-it-sugar {
	color: #c4a62e!important;
	border: 1px solid #c4a62e;
	border-radius: 1px;
	background-color: #fff;
	margin-top: 10px
}

.get-to-it-sugar:hover {
	color: #fff!important;
	border: 1px solid #c4a62e;
	background-color: #c4a62e!important;
	border-radius: 1px;
	margin-top: 10px;
	opacity: 1!important
}

.come-on-and-give-it-to-me {
	color: #608e85!important;
	border: 1px solid #608e85;
	border-radius: 1px;
	background-color: #fff;
	margin-top: 10px
}

.come-on-and-give-it-to-me:hover {
	color: #fff!important;
	border: 1px solid #608e85;
	background-color: #608e85!important;
	border-radius: 1px;
	opacity: 1!important
}

.category-wordpress-development-for-noobs .entry-content .blue-pt,
.category-wordpress-development-for-noobs .entry-content .yellow-pt {
	font-size: 25px!important;
	font-family: Montserrat, sans-serif!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
	padding: 40px 40px 40px 122px;
	display: block;
	line-height: 1.2em;
	margin: 40px 0
}

.category-wordpress-development-for-noobs .entry-content .yellow-pt {
	color: #c4a62e!important;
	background: url(/wp-content/themes/tim-brown/images/yellow-lego.png) 20px 50%/70px no-repeat #f9f4f2;
	border: 1px solid #c4a62e;
	border-radius: 5px
}

.category-wordpress-development-for-noobs .entry-content .blue-pt {
	color: #608e85!important;
	background: url(/wp-content/themes/tim-brown/images/blue-lego.png) 20px 50%/70px no-repeat #f9f4f2;
	border: 1px solid #608e85;
	border-radius: 5px
}

span.nav-next:before,
span.nav-prev:before {
	font-family: fontawesome;
	font-weight: 400;
	text-transform: none;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased
}

.next-tutorial {
	float: right;
	width: 250px;
	border: 1px solid #666;
	padding: 15px 50px 10px 20px;
	border-radius: 5px
}

.next-tutorial .nav-next {
	font-size: 40px;
	float: right;
	margin-top: -35px;
	margin-right: -30px
}

span.nav-next:before {
	content: "\e600"
}

span.nav-prev:before {
	content: "\e601"
}

.category-wordpress-development-for-noobs .fulls {
	max-width: 100%;
	width: 100%;
	height: auto;
	border: 1px solid #333;
	opacity: 1!important
}

.category-wordpress-development-for-noobs .fulls:hover {
	max-width: 100%;
	width: 100%;
	height: auto;
	border: 1px solid #666;
	opacity: 1!important
}

@media screen and (min-width:700px) {
	.video-container {
		width: 100%;
		margin: 10px auto 0
	}
}

@media screen and (max-width:700px) {
	.category-wordpress-development-for-noobs .entry-content .blue-pt,
	.category-wordpress-development-for-noobs .entry-content .yellow-pt,
	.category-wordpress-development-for-noobs .entry-content h2 {
		font-size: 15px!important;
		line-height: 20px;
		padding: 20px 40px 20px 100px;
		background-size: 40px
	}
	.float-title {
		width: 320px;
		height: auto;
		float: right;
		margin: 0 auto;
		text-align: center;
		padding: 0!important
	}
}

.come-on-and-give-it-to-me,
.get-to-it-sugar,
.skip-to-it-daddy-o {
	display: block;
	width: 170px;
	text-align: center
}

.instagram-media {
	margin: 40px 0!important
}

.home-h1 {
	font-size: 40px;
	display: none
}

.white-show-hide-tab {
	background-color: #fff;
	color: #092648;
	border-radius: 10px 10px 0 0;
	padding: 9px 40px;
	float: left;
	border: 1px solid #dadada;
	position: relative;
	right: 0;
	bottom: 40px;
	z-index: 5;
	text-transform: uppercase;
	font-size: 15px;
	font-family: Montserrat, sans-serif
}

h3,
h4 {
	font-weight: 700;
	font-family: gotham-medium
}

.big-percent,
.big-proud-display h4,
.featured-on h4,
.more-about {
	font-family: Montserrat, sans-serif
}

.featured-on .wrapper.fetrap {
	margin-bottom: 50px
}

.more-about,
.owl-next,
.owl-prev {
	border: 1px solid;
	text-transform: uppercase
}

.featured-image-tim-brown {
	display: none
}

.tab-content {
	height: auto;
	margin: 0!important;
	padding: 0;
	overflow: hidden;
	clear: both
}

.big-deal,
.big-percent,
.featured-on h4,
.key-number {
	text-align: center
}

.tab-content strong {
	font-weight: 600;
	margin: 30px 0;
	display: block
}

.more-about {
	border-radius: 5px;
	color: #fff;
	padding: 8px 20px;
	margin: 0 0 0 20px;
	font-size: 15px;
	float: right;
	display: inline-block
}

.post-7184 .big-proud-display h4,
.post-7184 .more-about,
.testimonial p {
	color: #333
}

.key-number {
	margin-right: 36px;
	border: 1px solid #efefef;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 100px;
	height: 70px;
	padding: 20px 10px
}

.big-percent {
	text-transform: uppercase;
	margin: 0;
	font-size: 35px
}

.big-title {
	display: block
}

.quote-author {
	font-weight: 700
}

.numbers-wrap {
	display: block;
	margin: 0 auto
}

.big-deal {
	width: 100%;
	padding: 20px 0;
	display: block;
	font-family: Gotham-Light, sans-serif;
	font-weight: 100;
	font-size: 1.8em!important;
	background: #efefef
}

.big-deal:hover {
	background: #fff
}

.big-deal .wrapper {
	margin: 0 auto;
	max-width: 1140px;
	display: block;
	text-align: left;
	padding-left: 27%
}

.big-message {
	line-height: 2.5em;
	font-size: 20px
}

.big-call,
.big-call:hover {
	padding: 10px 20px;
	font-family: Gotham-Light, sans-serif;
	display: block;
	margin: 30px auto 0
}

.header {
	z-index: 10
}

@media screen and (max-width:700px) {
	.big-deal .wrapper {
		margin: 0 auto;
		max-width: 1140px;
		display: block;
		text-align: left;
		padding-left: 10%
	}
	.big-message {
		line-height: 1.5em;
		font-size: 15px
	}
	.featured-on .feature-articles {
		height: 70px;
		width: 47%;
		display: inline-block;
		position: relative;
		vertical-align: top;
		padding: 0 1%;
		line-height: 1.2em;
		font-size: 12px;
		color: #efefef;
		z-index: 0
	}
	.featured-on .feature-articles:last-child {
		margin: 0 auto 50px;
		float: none
	}
	.last-feat {
		margin: 0 auto;
		display: block!important;
		clear: both
	}
	.big-ampersand,
	.big-cta,
	.ctas,
	.one-third {
		display: block
	}
	.one-third {
		width: 85%;
		padding: 20px;
		margin: 0 auto
	}
	.wrapper {
		padding: 0 20px
	}
}

.gform_wrapper .top_label .gfield_label {
	display: none!important
}

.mentioning,
.single.single-portfolio .wp-post-image {
	display: block
}

.gform_wrapper .gfield_description.validation_message,
.gform_wrapper .top_label .gfield_description.validation_message {
	padding: 0!important
}

.mentioning {
	background-color: #fff;
	border-radius: 5px;
	padding: 15px 40px;
	font-family: Gotham-Light;
	border: 1px solid #092648;
	color: #092648;
	margin: 10px 0;
	text-align: center
}

.grey-bg {
	background: #efefef;
	padding: 40px 0
}

#contact_form_pop {
	background: #efefef;
	padding: 30px
}

.the-pitch ul li {
	padding: 20px 0;
	list-style: disc;
	margin-left: 20px
}

#gform_wrapper_4 {
	max-width: 500px
}

html body .fancybox-slider,
html body .fancybox-slider-wrap {
	max-width: 700px;
	margin: 0 auto
}

@media screen and (min-width:800px) {
	html body .fancybox-slider,
	html body .fancybox-slider-wrap {
		overflow: hidden
	}
	.fancybox-slide {
		overflow: hidden!important
	}
}

.fancybox-slider .gform_wrapper .hidden_label input.large,
.fancybox-slider .gform_wrapper .hidden_label select.large,
.fancybox-slider .gform_wrapper .top_label input.large,
.fancybox-slider .gform_wrapper .top_label select.large,
.fancybox-slider .gform_wrapper textarea.medium {
	width: 95.5%;
	background: rgba(255, 255, 255, .5);
	border: 1px solid #666;
	color: #333
}

#input_4_3 {
	max-height: 100px
}

.white-show-hide-tab:hover {
	background: #efefef;
	cursor: pointer
}

.the-pitch {
	margin: 30px auto
}

@media screen and (min-width:700px) and (max-width:1000px) {
	.big-deal .wrapper {
		margin: 0 auto;
		max-width: 1140px;
		display: block;
		text-align: left;
		padding-left: 13%
	}
}

@media screen and (min-width:600px) and (max-width:800px) {
	.one-third {
		width: 70%;
		margin: 0 auto;
		padding: 40px 2% 20px;
		display: block
	}
}

@media screen and (min-width:800px) and (max-width:1000px) {
	.one-third {
		width: 27%
	}
}

.post-3778 .big-proud-display h4,
.post-3778 .more-about,
.post-3807 .big-proud-display h4,
.post-3807 .more-about {
	color: #333
}

.post-3778 .more-about:hover,
.post-3807 .more-about:hover {
	color: #125763
}

.no-message {
	border-radius: 5px;
	padding: 30px 40px;
	background: #092648;
	color: #fff;
	margin-top: 40px
}

.no-message h2 {
	color: #fff!important
}

.no-message .gform_footer {
	clear: none;
	width: 45%;
	display: inline-block;
	margin: 0 0 0 20px
}

.no-message .gform_body {
	width: 45%;
	display: inline-block;
	margin: 0 20px 0 0
}

.the-pitch .no-message h2 {
	font-size: 25px!important
}

.directory-item {
	width: 30%;
	display: inline-block
}

#gf_6 label {
	color: #fff;
	display: block
}

.the-pitch .no-message .gform_wrapper .top_label .gfield_label {
	display: block!important
}

.gform_wrapper ul li.gfield {
	clear: both;
	margin: 0;
	padding: 0
}

.post-type-archive-mpls_designer .the-pitch .no-message .gform_body {
	width: 100%
}

.post-type-archive-mpls_designer .the-pitch .no-message .gform_wrapper .top_label li.gfield.gf_left_half {
	clear: left!important;
	margin-right: 0;
	padding: 0 30px;
	width: 40%
}

.post-type-archive-mpls_designer .the-pitch .no-message .gform_wrapper .top_label li.gfield.gf_right_half {
	padding: 0 30px;
	width: 40%
}

.post-type-archive-mpls_designer .the-pitch .no-message #gform_6 input {
	background-color: #055764;
	border: 0 solid #fff;
	color: #fff;
	font-family: Gotham-Light, sans-serif!important;
	font-size: 1em!important;
	font-weight: 300
}

.post-type-archive-mpls_designer .the-pitch .no-message #gform_6 input#input_6_3 {
	background-color: rgba(0, 0, 0, 0)
}

.post-type-archive-mpls_designer .no-message {
	margin-top: -100px;
	padding: 30px 40px 0
}

.searchandfilter ul li li {
	padding: 0;
	width: 100%;
	font-size: 13px;
	vertical-align: top
}

.searchandfilter ul li {
	list-style: none;
	width: 31%;
	display: inline-block;
	vertical-align: top
}

#contact_form_pop h3 {
	font-weight: 700;
	display: block;
	clear: both;
	text-align: center;
	color: #0f2744;
	font-family: gotham-medium!important
}

.centered-cta h3 {
	font-family: Publico-Extrabold!important;
	font-size: 39px!important;
	line-height: 52px!important;
	margin: 25px auto 10px!important;
	display: block!important;
	max-width: 700px
}

html body .fancybox-slider-wrap .gform_wrapper .gform_footer {
	padding: 0;
	margin: 0;
	clear: both;
	text-align: center
}

.big-psych {
	background-color: #00ad8e;
	width: 100%;
	display: block;
	padding: 100px 0;
	text-align: center
}

.big-psych.sour-tropical-gradient {
	background: -webkit-linear-gradient(360deg, #fd6f46 10%, #fb9832 90%);
	background: -moz-linear-gradient(360deg, #fd6f46 10%, #fb9832 90%);
	background: linear-gradient(360deg, #fd6f46 10%, #fb9832 90%)
}

.big-psych.subtle-gray-gradient {
	background: -webkit-linear-gradient(360deg, #dee1e1 10%, #f4f4f4 90%);
	background: -moz-linear-gradient(360deg, #dee1e1 10%, #f4f4f4 90%);
	background: linear-gradient(360deg, #dee1e1 10%, #f4f4f4 90%)
}

.big-psych.epic-bluegreen-gradient {
	color: #fff;
	background: -webkit-linear-gradient(360deg, #01a99c 10%, #0698b1 90%);
	background: -moz-linear-gradient(360deg, #01a99c 10%, #0698b1 90%);
	background: -ms-linear-gradient(360deg, #01a99c 10%, #0698b1 90%);
	background: -o-linear-gradient(360deg, #01a99c 10%, #0698b1 90%);
	background: linear-gradient(360deg, #01a99c 10%, #0698b1 90%)
}

.big-psych.golden-face-gradient {
	color: #fff;
	background: -webkit-linear-gradient(360deg, #8e7a3f 10%, #b09a51 90%);
	background: -moz-linear-gradient(360deg, #8e7a3f 10%, #b09a51 90%);
	background: linear-gradient(360deg, #8e7a3f 10%, #b09a51 90%)
}

.big-psych.lime-aid-gradient {
	color: #fff;
	background: -webkit-linear-gradient(360deg, #99d22b 10%, #fbff00 90%);
	background: -moz-linear-gradient(360deg, #99d22b 10%, #fbff00 90%);
	background: linear-gradient(360deg, #99d22b 10%, #fbff00 90%)
}

.big-psych.black-chrome-gradient {
	color: #fff;
	background: -webkit-linear-gradient(360deg, #1c1c1c 10%, #494949 90%);
	background: -moz-linear-gradient(360deg, #1c1c1c 10%, #494949 90%);
	background: linear-gradient(360deg, #1c1c1c 10%, #494949 90%)
}

.big-psych.aqualicious-gradient {
	color: #fff;
	background: -webkit-linear-gradient(360deg, #50c9c3 10%, #96deda 90%);
	background: -moz-linear-gradient(360deg, #50c9c3 10%, #96deda 90%);
	background: linear-gradient(360deg, #50c9c3 10%, #96deda 90%)
}

.big-psych.miracle-grow-gradient {
	background: -webkit-linear-gradient(360deg, #b6eae1 10%, #d2fbad 90%);
	background: -moz-linear-gradient(360deg, #b6eae1 10%, #d2fbad 90%);
	background: linear-gradient(360deg, #b6eae1 10%, #d2fbad 90%)
}

.big-psych.trust-blue-gradient {
	background: -webkit-linear-gradient(360deg, #38aecc 10%, #347fb9 90%);
	background: -moz-linear-gradient(360deg, #38aecc 10%, #347fb9 90%);
	background: linear-gradient(360deg, #38aecc 10%, #347fb9 90%)
}

.big-psych.blood-orange-gradient {
	background: -webkit-linear-gradient(360deg, #d64759 10%, #da7352 90%);
	background: -o-linear-gradient(360deg, #d64759 10%, #da7352 90%);
	background: linear-gradient(360deg, #d64759 10%, #da7352 90%)
}

img.full-width {
	width: 100%;
	height: auto
}

.font-wrap .one-third ul li {
	margin: 10px;
	font-size: 14px;
	line-height: 17px!important
}

.font-wrap .one-third {
	padding: 30px 2% 10px
}

@media screen and (min-width:768px) {
	.font-wrap .one-third {
		width: 28%
	}
	html body.page-id-11332 .content_section img {
		max-width: 750px!important;
		margin-left: -300px!important;
		margin-bottom: -50px;
		height: auto;
		display: block
	}
	html body.page-id-11332 .content_section:nth-child(2) img {
		max-width: 750px!important;
		margin-right: -300px!important;
		margin-left: 0!important;
		margin-bottom: 0;
		height: auto;
		display: block
	}
}

html body .owl-carousel .owl-stage .owl-item h3 {
	font-size: 19px;
	display: block;
	margin-top: 20px;
	text-align: center
}

.owl-carousel {
	max-height: 630px;
	overflow: hidden
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d;
	width: 200px!important;
	height: 200px;
	margin: 20px auto 0;
	object-fit: cover;
}

.owl-carousel.owl-loaded {
	display: block;
	margin-bottom: 20px
}

.grayscale {
	padding: 20px
}

.owl-next,
.owl-prev {
	border-radius: 5px;
	padding: 8px 20px;
	margin: 0 0 0 20px;
	font-size: 15px;
	font-family: gotham-medium, sans-serif;
	float: right
}

@media screen and (max-width:700px) {
	.directory-item {
		width: 100%;
		display: inline-block
	}
	.post-type-archive-mpls_designer .no-message {
		margin-top: -100px;
		padding: 20px 20px 0;
		width: 110%;
		margin-left: -10%
	}
	.searchandfilter ul li {
		list-style: none;
		width: 100%
	}
	html body .one-half {
		display: inline-block;
		width: 95%!important
	}
}

.directory-item .button {
	display: block;
	margin-top: 20px;
	color: #fff!important
}

.single.single-mpls_designer .wp-post-image {
	display: block;
	max-width: 300px;
	margin: 30px auto
}

.single.single-mpls_designer .button {
	display: block;
	margin-top: 20px;
	color: #fff!important
}

.single.single-mpls_designer .centered-cta {
	display: none
}

@media screen and (min-width:700px) {
	#contact_form_pop {
		padding: 40px 100px
	}
	#fancybox-wrap {
		left: 25%!important
	}
	.single.single-mpls_designer .main {
		width: 62%;
		display: block!important;
		float: none;
		clear: left;
		padding: 40px 20px;
		margin: 0 auto;
		text-align: center
	}
}

.directory-item a img {
	min-width: 264px
}

ul.navigation li a.contacthead-cta {
	border: 1px solid #a79344;
	padding: 9px 30px;
	border-radius: 20px;
	background: #a79344;
	color: #fff
}

ul.navigation li a.contacthead-cta:hover {
	background: #867c35;
	border: 1px solid #867c35;
	color: #fff
}

.page-id-10793 .centered-cta,
.page-id-10804 .centered-cta,
.page-id-11332 .centered-cta {
	display: none
}

.hazemaster-gray-gradient {
	background: -webkit-linear-gradient(360deg, #949494 10%, #efefef 90%);
	background: linear-gradient(360deg, #949494 10%, #efefef 90%)
}

.murdered-out-black-gradient {
	background: -webkit-linear-gradient(360deg, #030303 10%, #1f1f1f 90%);
	background: linear-gradient(360deg, #030303 10%, #1f1f1f 90%)
}

.ice-cold-cool-gradient {
	background: -webkit-linear-gradient(360deg, #e9fbcf 10%, #1d7d8e 90%);
	background: linear-gradient(360deg, #e9fbcf 10%, #1d7d8e 90%)
}

.classy-subtle-dark-gray-gradient {
	background: -webkit-linear-gradient(360deg, #383836 10%, #4a4a4a 90%);
	background: linear-gradient(360deg, #383836 10%, #4a4a4a 90%)
}

.dark-green-gradient-background {
	background: -webkit-linear-gradient(360deg, #224e4d 10%, #083023 90%);
	background: linear-gradient(360deg, #224e4d 10%, #083023 90%)
}

#fancybox-wrap div {
	color: #000
}

.team_slider {
	display: none!important
}

@media screen and (max-width:769px) {
	#team_slider {
		display: none!important
	}
	.team_slider {
		display: block!important
	}
	.hero-section .column_7 img {
		max-width: 100%!important
	}
}

html body #fancybox-content .gform_wrapper .ginput_complex input[type=text] {
	background: rgba(255, 255, 255, .5);
	border: 1px solid #666;
	color: #333;
	width: 90%!important
}

#team_slider {
	max-width: 90%;
	margin: auto
}

.testimo {
	padding: 98px 0 50px
}

.teamsection h5 {
	font-weight: 700;
	margin-bottom: 20px
}

.teamsection h4 {
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 10px
}

.teamsection {
	text-align: center;
	max-width: 250px;
	font-weight: 500;
	line-height: 1.3;
	margin: auto
}

.teamsection img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	max-height: 200px;
	max-width: 200px;
}

/* #teamsec .threecol:first-child .teamconte img, #teamsec .threecol:nth-child(2) .teamconte img {
    height: 460px;
    width: 100%;
    object-fit: cover;
} */

#teamsec .threecol:first-child h5, #teamsec .threecol:nth-child(2) h5 {
	font-size: 18px;
}

/* #teamsec .teamconte img {
    max-width: 100%;
    width: 100%;
    height: 350px;
    object-fit: cover;
} */

#teamsec .teamconte .hlp-button {
    background: #fff;
    color: #C5C5C5;
    border: 1px solid #C5C5C5;
    margin: auto 15px;
    max-width: 100%;
    min-width: auto;
    display: block;
    padding: 15px 10px !important;
    min-height: 45px;
    line-height: 14px;
}

#team_slider .owl-nav .owl-next,
#team_slider .owl-nav .owl-prev {
	display: block!important;
	background: url(images/tim-b-design-arrow-sprite.png) top left/100px;
	font-size: 0;
	width: 50px;
	height: 75px;
	padding: 0;
	margin: -75px 0 0;
	position: absolute;
	top: 50%;
	border: 0!important
}

#reviwsection .medisec a,
#reviwsection .reviewcon {
	font-family: Gotham-Light;
	font-size: 19px;
	line-height: 29px
}

#team_slider .owl-nav .owl-prev {
	background-position: top left;
	left: 0
}

#team_slider .owl-nav .owl-prev:hover {
	background-position: bottom left;
	filter: hue-rotate(15deg) brightness(.8) contrast(170%) saturate(.3)
}

#team_slider .owl-nav .owl-next {
	background-position: top right;
	right: 0
}

#team_slider .owl-nav .owl-next:hover {
	background-position: bottom right;
	filter: hue-rotate(15deg) brightness(.8) contrast(170%) saturate(.3)
}

#reviwsection:after {
	clear: both;
	display: block;
	content: ' '
}

#reviwsection .reviewcon .autoim:after,
#reviwsection .wrapper:after,
.bottom-link:after,
.firstsectionhome:after,
.secondsectionhome:after,
.thirdsectionhome:after {
	content: '';
	display: block;
	clear: both
}

#reviwsection {
	background: #f4f4f4;
	border-top: 2px solid #cac9c9;
	padding: 90px 0;
	width: 103%;
	margin-left: -1.5%
}

#reviwsection .wrapper {
	padding: 30px 0
}

#reviwsection img {
	max-width: 100%;
	height: auto
}

#reviwsection .medisec {
	text-align: center;
	padding-top: 50px
}

#reviwsection .medisec a {
	color: #0d2746
}

#reviwsection .reviewcon {
	background: #fff;
	box-shadow: -1px -1px 37px #e2e3e4;
	padding: 50px 75px;
	color: #32474a;
	text-align: center
}

#reviwsection .reviewcon h4 {
	color: #32474a;
	font-size: 23px;
	line-height: 33px;
	font-weight: 700;
	font-family: gotham-medium;
	margin: 0 10px 30px
}

#reviwsection .reviewcon p,
.firstsectionhome {
	font-size: 19px;
	line-height: 29px;
	font-family: Gotham-Light, helvetica, sans-serif!important
}

#reviwsection .reviewcon p {
	color: #666
}

#reviwsection .reviewcon img,
.secondsectionhome .autoim img,
.thirdsectionhome .autoim img {
	float: left;
	max-width: 80px;
	margin-right: 20px;
	border-radius: 50%
}

.secondsectionhome .autoim {
	width: 358px;
	float: right
}

.thirdsectionhome .autoim {
	max-width: 540px;
	margin: auto
}

#reviwsection .reviewcon .autoim,
.secondsectionhome .autoim,
.thirdsectionhome .autoim {
	text-align: left
}

#reviwsection .reviewcon .autoim a,
.secondsectionhome .autoim a,
.thirdsectionhome .autoim a {
	color: #0d2746;
	text-decoration: none;
	border-bottom: 1px solid
}

.firstsectionhome {
	color: #353535
}

.firstsectionhome .col-sm-6 {
	padding-top: 90px;
	margin-top: -46px;
	padding-bottom: 90px
}

#contact_form_pop input[type=email],
#contact_form_pop input[type=text],
#contact_form_pop textarea {
	background-color: #fff;
	border: 1px solid #666
}

.page-template-template-construction-ompanies .firstsectionhome .col-sm-6 {
	padding-top: 90px
}

.firstsectionhome h3 {
	max-width: 400px;
	color: #a8943d;
	font-weight: 700;
	font-family: gotham-medium;
	font-size: 28px!important;
	text-transform: none;
	line-height: 35px;
	margin-bottom: 10px
}

.firstsectionhome input {
	background: #fff!important;
	outline: 0;
	border-bottom: 2px solid #cccccb!important;
	font-size: 22px!important;
	color: #e0d8d8!important;
	font-family: Gotham-Light, helvetica, sans-serif!important
}

.firstsectionhome input[type=submit] {
	background: #a8943d!important;
	border-radius: 30px;
	padding: 12px 27px 6px;
	font-size: 20px!important;
	color: #fff!important;
	font-weight: 700;
	font-family: Gotham-Light, helvetica, sans-serif!important;
	border: 0;
	box-shadow: none;
	border-bottom: 0!important;
	margin-top: 20px;
	line-height: 25px
}

.secondsectionhome,
.thirdsectionhome {
	font-size: 19px;
	line-height: 29px;
	font-family: Gotham-Light, helvetica, sans-serif!important
}

.firstsectionhome input[type=submit]:hover {
	background: #0c424e!important
}

.gform_wrapper li.hidden_label input {
	margin-top: 12px;
	color: #0d2746!important;
	font-size: 19px!important
}

.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex .ginput_right select,
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex select {
	font-size: 19px!important
}

.secondsectionhome {
	background: #0f2744;
	color: #fff
}

.thirdsectionhome {
	background: #f4f4f5;
	color: #353535;
	border-bottom: 1px solid #f2f1f1
}

.secondsectionhome .thirdcon {
	padding-top: 60px
}

.contentsec {
	max-width: 658px;
	margin: 20px auto;
	line-height: 1.5;
	font-size: 17px;
	text-align: center;
	color: rgba(255, 255, 255, .6)
}

.thirdsectionhome .contentsec {
	max-width: 520px;
	color: rgba(0, 0, 0, .6)
}

.thirdsectionhome .thirdcon {
	padding-top: 80px;
	padding-bottom: 40px
}

.secondsectionhome .thirdcon h2 {
	color: #fff!important;
	margin-bottom: -60px;
	display: block;
	text-align: center
}

.secondsectionhome .thirdcon h3 {
	font-size: 30px!important;
	color: #a79344!important;
	font-weight: 700;
	font-family: Gotham-medium, helvetica, sans-serif!important;
	text-align: center;
	display: block;
	margin-top: 0
}

.thirdsectionhome .thirdcon h2 {
	margin-bottom: -60px;
	color: #0e2745!important;
	display: block;
	text-align: center;
}

.thirdsectionhome .thirdcon h3 {
	color: #32474a;
	text-align: center;
	display: block;
}

#port_slider.owl-carousel .owl-item img {
	max-width: 100%;
	width: auto !important;
}

#port_slider.owl-carousel.owl-loaded {
	margin-bottom: -1px;
	padding-top: 80px;
}

#port_slider .owl-nav .owl-next,
#port_slider .owl-nav .owl-prev {
	webkit-filter: invert(90%) saturate(100) hue-rotate(250deg)!important;
	display: block!important;
	background: url(images/tim-b-design-arrow-sprite.png) top left/55px;
	font-size: 0;
	width: 25px;
	height: 45px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	border: 0!important
}

#port_slider .owl-nav .owl-prev {
	background-position: top left;
	left: 50%;
	margin-left: -30px
}

#port_slider .owl-nav .owl-prev:hover {
	background-position: bottom left;
	margin-top: -4px;
	-webkit-filter: invert(40%) saturate(4) hue-rotate(20deg)
}

#port_slider .owl-nav .owl-next {
	background-position: top right;
	right: 50%;
	margin-right: -30px
}

#port_slider .owl-nav .owl-next:hover {
	background-position: bottom right;
	margin-top: -4px;
	-webkit-filter: invert(40%) saturate(4) hue-rotate(20deg)
}

.fristsec {
	max-width: 480px;
	margin: auto;
	padding-top: 100px
}

.bottom-link ul li {
	list-style: none;
	display: block;
	width: 33.2333333%;
	float: left;
	border-left: 1px solid #d0d0cf;
	line-height: 1.5
}

.bottom-link ul li:first-child {
	border-left: 0
}

.bottom-link ul li:first-child a {
	background: #a8943d;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-family: gotham-medium
}

.bottom-link ul li a:hover {
	background: #a99535;
	color: #fff!important;
	text-decoration: none
}

.faqsty .panel-title a,
a {
	text-decoration: none!important
}

.bottom-link ul {
	margin: 0
}

.bottom-link {
	border-top: 1px solid #d0d0cf;
	border-bottom: 1px solid #d0d0cf
}

.casestudy {
	background: #fff;
	border: 2px solid #0e2745;
	color: #0e2745;
	text-transform: uppercase;
	border-radius: 30px;
	padding: 10px 36px 7px!important;
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 30%;
	line-height: 20px;
	font-size: 17px;
	display: none
}

#port_slider.owl-carousel .owl-item:hover>.casestudy {
	display: inline-block
}

@media (min-width:768px) {
	.pull-right {
		float: right
	}
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left;
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
}

.collapse.in {
	display: block
}

.avia-icon-list li:last-child .iconlist-timeline,
.collapse {
	display: none
}

.avia-icon-list li {
	margin: 0;
	padding: 0 0 30px;
	list-style-position: outside;
	clear: both;
	position: relative;
	min-height: 60px
}

.avia-icon-list li h4 {
	color: #092648;
	margin: 0 0 15px
}

.avia-icon-list .iconlist_icon {
	background-color: #fff;
	height: 64px;
	width: 64px;
	line-height: 64px;
	font-size: 30px;
	text-align: center;
	border-radius: 500px;
	position: relative;
	float: left;
	margin-right: 30px;
	margin-left: 2px;
	font-weight: 700;
	font-family: Gotham-Light, helvetica, sans-serif!important;
	z-index: 5;
	color: #092648;
	border: 2px solid #092648
}

.avia-icon-list article {
	min-height: 45px
}

.avia-icon-list article p {
	color: #666;
	font-family: Gotham-Light;
	font-size: 19px;
	line-height: 35px
}

.webdesgib.wrapper {
	max-width: 894px
}

.faqsty h4,
.webdesgib h4.that-one {
	font-size: 25px;
	font-weight: 700;
	font-family: Gotham-Light, helvetica, sans-serif!important;
	margin: 0;
	text-align: center;
	color: #092648
}

.avia-icon-list .iconlist-timeline {
	position: absolute;
	top: 1%;
	left: 34px;
	width: 2px;
	border-right-width: 2px;
	border-right-style: solid;
	-webkit-animation: 1s cubic-bezier(.175, .885, .32, 1.275) avia_slide_down;
	animation: 1s cubic-bezier(.175, .885, .32, 1.275) avia_slide_down;
	height: 100%;
	border-color: #001b40
}

.avia-icon-list .iconlist_content_wrap {
	overflow: hidden;
	min-height: 1.5em;
	padding-bottom: 4px
}

.webdesgib h4.that-one {
	padding-bottom: 35px;
	display: block;
	font-weight: 700;
	font-family: gotham-medium
}

.panel-group .panel+.panel {
	margin-top: 0!important
}

.faqsty .panel-title {
	text-align: left;
	padding: 10px 20px;
	font-weight: 700;
	font-family: gotham-medium
}

.faqsty .panel-title a {
	cursor: pointer;
	text-transform: none;
	font-weight: 700;
	font-family: gotham-medium;
	font-size: 19px;
	line-height: 29px
}

.blog-excerpt-title,
h2,
h3 {
	text-transform: none!important
}

.secondsectionhome .thirdcon h2:after,
.thirdsectionhome .thirdcon h2:after {
	content: "\f062";
	font-family: FontAwesome;
	color: #a79344;
	font-size: 57px;
	padding: 0 20px;
	margin-top: -10px
}

.page-template-template-construction-ompanies .header,
.page-template-templatetemplate-home-php .header {
	background: #fff;
	display: inline-block;
	width: 100%;
	position: fixed;
	height: 72px;
	border-bottom: 0;
	box-shadow: 0 3px 4px rgba(0, 0, 0, .05)
}

.page-template-template-construction-ompanies .header nav,
.page-template-template-construction-ompanies .header.sticky2 nav,
.page-template-templatetemplate-home-php .header nav,
.page-template-templatetemplate-home-php .header.sticky2 nav {
	display: block
}

.page-template-template-construction-ompanies .header.sticky2,
.page-template-templatetemplate-home-php .header.sticky2 {
	background: #fff;
	display: inline-block;
	width: 100%;
	position: fixed;
	height: 80px;
	margin-bottom: 0;
	border-bottom: 0 solid #055764
}

.column .happyclient,
.table-anchor,
body {
	position: relative
}

.page-template-template-construction-ompanies p,
.page-template-templatetemplate-home-php p {
	font-size: 17px
}

.autoim p,
.autoim p a,
.secondsectionhome .autoim p,
.secondsectionhome .autoim p a {
	font-size: 17px;
	color: rgba(255, 255, 255, .6);
	font-family: Gotham-Light, sans-serif
}

@media screen and (min-width:1000px) {
	.sidebar {
		width: 23%;
		display: inline-block;
		float: right;
		clear: right;
		padding: 40px 0;
		margin-left: 3%
	}
	.fristsec {
		max-width: 480px;
		margin: auto 50px auto auto;
		padding-top: 25px
	}
}

@media screen and (max-width:768px) {
	.page-template-template-construction-ompanies .header,
	.page-template-templatetemplate-home-php .header {
		height: 68px
	}
	.bottom-link ul li a {
		font-size: 12px
	}
	.faqsty h4 {
		font-size: 25px;
		padding: 30px 20px
	}
	.secondsectionhome .thirdcon h2,
	.thirdsectionhome .thirdcon h2 {
		font-size: 55px!important;
		font-weight: 700;
		font-family: gotham-medium;
		margin-bottom: -30px;
		display: block;
		text-align: center
	}
	.secondsectionhome .thirdcon h2 {
		color: #fff!important
	}
	.thirdsectionhome .thirdcon h2 {
		color: #0d2746!important
	}
	.casestudy {
		display: none!important
	}
	.owl-item .item:hover a {
		display: none
	}
	.fristsec p,
	.white-hero p {
		font-size: 19px;
		line-height: 29px;
		color: #666;
		padding: 40px 10px 0
	}
	.featured-on .feature-articles {
		margin-right: 0
	}
}

.owl-item .item:hover a,
.page-id-13652 .pricing_section {
	display: block
}

.firstsection .column_3 p {
	margin-top: 20px
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
	font-size: 1em;
	width: auto;
	margin: 0 16px 0 0;
	border-radius: 20px;
	margin-top: 20px!important;
	border: 1px solid #fff
}

.firstsectionhome img.wp-post-image {
	max-width: 230px;
	padding-top: 0
}

.page-template-template-construction-ompanies .firstsectionhome img.wp-post-image {
	max-width: 300px;
	padding-top: 13%
}

.page-template-template-financial-home .firstsectionhome .gform_wrapper span.gform_description {
	font-size: 16px;
	line-height: 25px
}

@media screen and (max-width:768px) {
	.page-template-template-construction-ompanies .header,
	.page-template-templatetemplate-home-php .header {
		height: 68px
	}
	.wrapper .main {
		width: 100%;
		display: block;
		float: none;
		clear: both;
		padding: 40px 0;
		margin-left: 0
	}
	.button {
		display: block;
		line-height: 30px;
		background-color: #005866;
		border: none;
		color: #fff!important;
		padding: 10px 0;
		text-align: center;
		text-decoration: none;
		font-size: 18px;
		border-radius: 0;
		margin: 30px 0
	}
	.page-id-13412 .firstsectionhome .gform_wrapper {
		margin: 40px 20px 80px
	}
}

.page-template-template-landing .webdesgib.wrapper {
	max-width: 894px;
	margin: auto;
	padding: 0 0 50px
}

.page-template-template-landing .panel-body p {
	font-size: .8em
}

.page-template-template-landing .panel-title {
	min-height: 26px;
	padding-top: 5px
}

.blog-excerpt-title,
h3 {
	font-weight: 600!important;
	margin-top: 30px
}

blockquote a {
	color: rgba(255, 255, 255, .7);
	text-decoration: none
}

.bctt-ctt-text a {
	font-size: 1.5em!important;
	font-family: Gotham-Light, helvetica, sans-serif!important;
	font-weight: 100!important;
	padding: 15px 0;
	margin: 15px 0
}

.contentsec,
body {
	font-family: Gotham-Light, sans-serif
}

.answer,
.table-of-contents .button,
.table-of-contents p {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300
}

.bctt-click-to-tweet {
	display: block;
	background-color: #fff;
	position: relative;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	border-radius: 0;
	padding: 15px 30px;
	margin: 40px 0;
	z-index: 40
}

.hidden {
	display: none
}

.theChampSharing {
	float: left;
	border: none;
	background-color: #092648
}

.the_champ_vertical_counter,
.the_champ_vertical_sharing,
body .the_champ_share_count {
	background: #114f5f!important
}

.new-leaf-gradient {
	background: -webkit-linear-gradient(360deg, #00537e 10%, #3aa17e 90%);
	background: linear-gradient(360deg, #00537e 10%, #3aa17e 90%)
}

.clicktotweet:hover {
	color: #fff;
	background: #125763
}

code {
	word-wrap: break-word
}

.entry-content {
	font-family: Gotham-Light, sans-serif
}

.answer {
	border: 1px solid #efefef;
	padding: 20px;
	font-size: 15px;
	line-height: 1.4em;
	margin-top: 10px
}

.answer p {
	font-size: 15px!important
}

.answer::nth-child(even) {
	border: 1px solid #092648
}

.clearfix {
	display: block;
	clear: both
}

.header,
.sticky2 {
	transition: .5s
}

.table-anchor {
	margin-top: -60px;
	display: none
}

.table-of-contents .button {
	display: block;
	text-align: center;
	background-color: #092648;
	font-size: .9em;
	cursor: pointer;
	width: 100%;
	color: #fff;
	padding: 5px 0!important;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s;
	text-decoration: none;
	margin: 7px 0!important;
	border: 0 solid #fff
}

.table-of-contents p {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 10px 0
}

.quicktip .q-title,
h2 {
	font-family: Gotham-Light, helvetica, sans-serif!important;
	font-weight: 100!important
}

.visit-site {
	margin-top: -30px
}

.entry-content .column {
	width: 45%
}

.full-service {
	background: #f5f3f4;
	clear: both;
	opacity: .7;
	color: #a6a6a6;
	display: block
}

.entry-content img.align-right {
	margin: 30px
}

.full-inner {
	background: #f5f3f4;
	padding: 7px 0;
	width: 97%;
	margin: 0 auto;
	text-align: center
}

.full-service a {
	font-family: gotham-medium, sans-serif;
	font-size: .8em;
	color: #666;
	text-transform: none;
	margin: 0 7px;
	opacity: .7;
	line-height: 2.1em
}

footer {
	padding: 50px 40px
}

@media screen and (max-width:840px) and (min-width:400px) {
	footer {
		padding: 50px 40px 90px;
		height: 900px
	}
	#contact-form {
		width: 100%;
		max-width: 80%;
		display: inline-block;
		margin-top: 30px;
		margin-left: -20px;
		clear: both;
		vertical-align: top
	}
}

.page-template-city-lander .full-service,
.single-hand-lettering .wp-post-image {
	display: block
}

@media screen and (max-width:600px) {
	#contact-form {
		width: 700px;
		margin-left: 0
	}
	div.wpcf7 {
		margin: 0;
		padding: 0;
		width: 90%
	}
}

@media only screen and (min-width:940px) and (max-width:1280px) {
	.entry-content .column {
		width: 45%
	}
}

@media screen and (max-width:1070px) {
	.entry-content .column {
		width: 45%
	}
}

@media screen and (max-width:700px) {
	.entry-content .column {
		width: 95%
	}
	footer {
		height: auto
	}
}

@media screen and (min-width:1275px) and (max-width:1366px) {
	.entry-content .column {
		width: 43%
	}
}

.post-type-archive-hand-lettering .blog-excerpt-title {
	margin-bottom: 0;
	padding-left: 20px;
	width: auto;
	float: right;
	font-size: 19px;
	font-family: Gotham-Light;
	text-transform: none;
	font-weight: 300;
	line-height: 1.3em;
	padding-bottom: 5px;
	margin-top: 10px
}

@media screen and (min-width:561px) {
	.grid li {
		height: 420px
	}
}

.grid li:first-child,
.grid-wrap {
	height: auto
}

@media screen and (min-width:969px) and (max-width:1050px) {
	nav {
		background: #fff;
		display: inline-block;
		margin: 33px 30px;
		float: right;
		font-size: .9em
	}
}

.grid-wrap {
	display: block;
	clear: both
}

.slideshow figure {
	width: 85%;
	height: 100%;
	background: #fff;
	border: 0 solid #fff;
	overflow: hidden;
	top: 50%
}

@media screen and (max-width:35em) {
	.slideshow figure {
		width: 100%;
		margin: 0 auto;
		height: 370px
	}
}

.post-type-archive-hand-lettering h2 {
	padding: 20px 60px;
	font-size: 1.4em!important;
	line-height: 1.4em;
	font-weight: 300!important
}

@media screen and (max-width:555px) {
	.body-wrap {
		width: 86%
	}
	.post-type-archive-hand-lettering h2 {
		padding: 20px;
		font-size: 1.4em!important;
		line-height: 1.4em
	}
	.grid figcaption {
		background: #e4e4e4;
		padding: 25px;
		width: 88.5%
	}
	.slideshow li {
		width: 96%;
		height: 100%;
		top: 20%;
		left: 0;
		margin: 0
	}
	.entry-content img {
		max-width: 100%;
		height: auto
	}
}

@media screen and (max-width:405px) {
	.grid figcaption {
		background: #e4e4e4;
		padding: 25px;
		width: 83.5%
	}
}

@media screen and (min-width:555px) {
	.grid figcaption {
		background: #e4e4e4;
		padding: 10px;
		width: 92%
	}
}

.arrow:before {
	content: "\e601";
	font-family: fontawesome;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 10px;
	font-size: 12px
}

.process-link {
	text-transform: uppercase;
	font-size: .5em;
	background: #fff;
	opacity: 1!important;
	padding: 10px 5px;
	display: block;
	line-height: .7em
}

.process-link .entypo {
	font-family: entypo;
	font-size: 3.5em;
	margin-right: 10px;
	vertical-align: sub
}

.process-link:hover {
	color: #fff!important;
	opacity: 1!important;
	background-color: #027891
}

.slideshow .process-link {
	margin-top: -50px;
	float: right;
	display: block
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0
}

.mini-lesson h1,
h4 {
	font-size: 2em;
	line-height: 1.3em;
	font-weight: 100
}

.entry-content ul li {
	list-style: disc;
	margin: 20px;
	line-height: 37px
}

.entry-content h3 {
	margin-top: 30px;
	line-height: 1.3em
}

.mini-lesson {
	border: 10px solid #a79344;
	display: block;
	padding: 40px;
	margin: 20px 0;
	background-image: url(https://hookagency.com/wp-content/uploads/2015/01/hand-ketter.jpg);
	background-size: cover
}

#text-2,
h4 {
	display: inline-block
}

.inner-section {
	margin-top: -10px
}

section {
	margin-top: -20px
}

h4 {
	text-transform: none;
	color: #092648;
	margin: 15px 0
}

@media screen and (min-width:700px) {
	.table-of-contents .column {
		width: 47%;
		display: inline-block;
		padding: 0
	}
	.table-of-contents .column:nth-child(3) {
		float: right
	}
	#branding {
		min-height: 610px;
		padding: 25px 25px 100px
	}
	.post img.not-so-big {
		max-width: 60%
	}
}

.amount,
.woocommerce,
.woocommerce .cart input.button,
.woocommerce-message {
	font-family: Gotham-Light!important
}

.checkout-button,
.single_add_to_cart_button,
.woocommerce #payment #place_order,
.woocommerce a.button,
.woocommerce table.cart td.actions .button.alt,
.woocommerce-page #payment #place_order {
	display: block;
	color: #fff!important;
	font-family: Gotham-Light!important;
	font-size: x-large!important;
	padding: 20px!important;
	margin: 20px 0!important;
	background: #027891;
	background: -webkit-gradient(linear, left top, left bottom, from(#027891), to(#014e5f));
	background: -webkit-linear-gradient(#027891, #014e5f);
	background: -moz-linear-gradient(center top, #027891 0, #014e5f 100%);
	background: -moz-gradient(center top, #027891 0, #014e5f 100%);
	border-color: #01252c;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6)
}

.checkout-button:hover,
.single_add_to_cart_button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce a.button:hover,
.woocommerce table.cart td.actions .button.alt:hover,
.woocommerce-page #payment #place_order:hover {
	background: #027891;
	background: -webkit-gradient(linear, left top, left bottom, from(#027891), to(#013a46));
	background: -webkit-linear-gradient(#027891, #013a46);
	background: -moz-linear-gradient(center top, #027891 0, #013a46 100%);
	background: -moz-gradient(center top, #027891 0, #013a46 100%);
	color: #aff6ff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .6)
}

.postid-4364 .main .one-half {
	display: inline-block;
	width: 35%;
	max-height: auto;
	vertical-align: top;
	margin: 0
}

@media screen and (min-width:970px) and (max-width:1094px) {
	#logo {
		width: 150px;
		height: auto;
		margin-top: 20px
	}
}

.post-type-archive-hand-lettering .main {
	width: 100%!important
}

.grid figcaption {
	max-width: 197px!important
}

@media only screen and (min-width:1040px) {
	#logo {
		transition: .5s
	}
}

@media screen and (max-width:500px) {
	.full-service {
		display: none
	}
}

@media screen and (min-width:500px) and (max-width:800px) {
	#project-title {
		margin: 0 auto;
		width: auto
	}
	#inner-project-title2 {
		font-size: 2em
	}
	.inner-section {
		height: 200px;
		margin-top: -60px!important
	}
}

@media screen and (max-width:700px) {
	.postid-4364 .main .one-half {
		display: inline-block;
		width: 100%;
		max-height: auto;
		vertical-align: top;
		margin: 0
	}
	.one-half {
		width: 95%;
		display: block;
		margin: 0 10px;
		padding: 0 10px 0 0
	}
}

@media screen and (min-width:500px) and (max-width:950px) {
	.entry-content .column,
	.post-18 .column {
		width: 80%;
		margin: 0 auto;
		position: relative;
		display: block
	}
}

.postid-4364 .big-psych {
	padding: 50px 0;
	margin: 10px 0;
	display: block
}

body .table-of-contents.row .button:hover {
	background: #114f5f!important
}

.mentioning:hover {
	background-color: #092648;
	color: #fff
}

html body aside {
	height: auto!important
}

.body-wrap {
	width: 100%!important
}

.page-template-template-landing h1,
.page-template-template-landing-2 h1,
.page-template-template-landing-3 h1 {
	display: inline;
	font-size: 31px;
	font-weight: 700;
	font-family: gotham-medium
}

.page-template-template-landing .hero-section {
	border-bottom: 10px solid #092648;
	background-color: #092648;
	color: #fff;
	font-size: 20px
}

.page-template-template-landing .centered-cta {
	display: none
}

#package_form_pop {
	background: #efefef;
	padding: 30px
}

.column_3,
.column_5,
.column_7 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

@media (min-width:768px) {
	#package_form_pop {
		padding: 40px 100px
	}
	.column_3,
	.column_5,
	.column_7 {
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.column_3 {
		width: 33.33333333%
	}
	.column_5 {
		width: 41.66666667%
	}
	.column_7 {
		width: 58.33333333%
	}
}

.hero-section .column_7 {
	font-size: 17px;
	line-height: 27px
}

.firstsection h3 {
	font-size: 1.4em;
	max-width: 80%;
	margin: auto;
	line-height: 1.4
}

.firstsection h3:after {
	display: block;
	width: 80%;
	margin: 17px auto auto;
	content: '';
	clear: both;
	height: 4px;
	background: #0e2745
}

.hero-section {
	padding: 5% 0 1%;
	border-bottom: 10px solid #0e7d99;
	color: #fff;
	font-size: 20px;
	height: auto
}

.hero-section h2 {
	color: #fff!important;
	font-size: 1.3em!important;
	margin-top: 10px!important;
	font-family: Gotham-Book!important;
	text-transform: Capitalize!important
}

.content_section a.btn,
.hero-section a.btn {
	min-width: 250px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	font-weight: 700
}

.hero-section ul {
	list-style: none;
	margin-left: 20px
}

.hero-section ul li::before {
	content: "■";
	color: #d41e4f;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.hero-section a.btn {
	background: #a8943d;
	border: 1px solid #a8943d;
	color: #fff
}

.hero-section a.btn:hover {
	background: #867c35;
	border: 1px solid #867c35
}

.hero-section iframe {
	border: 5px solid #fff;
	margin-bottom: 15px;
	max-width: 100%
}

.hero-section ul li:before {
	color: #a99535!important;
	content: "✔";
	margin-right: 10px;
	font-size: 22px
}

.firstsection img {
	max-width: 150px;
	height: auto;
	margin: auto;
	padding-bottom: 20px;
	filter: hue-rotate(25deg) brightness(1.1) contrast(170%) saturate(.6)
}

.firstsection .wrapper .column_3:nth-child(3) img {
	filter: hue-rotate(235deg) brightness(.85) contrast(190%) saturate(.5)
}

.content_section,
.firstsection,
.pricing_section {
	padding: 50px 0
}

.content_section:after,
.firstsection:after,
.hero-section:after,
.pricing_section:after {
	clear: both;
	display: block;
	content: ''
}

.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.text-light,
.text-light h3 {
	color: #fff
}

#theChampReplyTitle {
	display: none
}

#wc-comment-header {
	padding: 0 5px 1px;
	margin-top: 15px!important
}

.content_section img {
	max-width: 100%;
	height: auto;
	display: block
}

.content_section a.btn {
	background: #a7933c;
	color: #fff
}

.instant-gratification ol li,
html body .entry-content h3 {
	font-family: Gotham-Light, helvetica, sans-serif!important
}

.content_section .text-light a.btn {
	background: #fff;
	color: #092648
}

.content_section .text-light a.btn:hover {
	background: #a8943d;
	color: #fff
}

.content_section a.btn:hover {
	background: #867c35
}

.price {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
	-webkit-transition: .3s;
	transition: .3s
}

.price:hover {
	box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .2)
}

.price .header_price {
	background-color: #111;
	color: #fff;
	font-size: 25px;
	padding: 30px
}

.price li {
	border-bottom: 1px solid rgba(146, 146, 146, .17);
	padding: 10px;
	text-align: center
}

.price .grey {
	background-color: #e7e7e7;
	font-size: 20px;
	padding: 20px 10px
}

.button {
	background-color: #072649;
	border: none;
	color: #fff!important;
	padding: 10px 25px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	border-radius: 0;
	margin: 30px 0
}

@media (max-width:767px) {
	.column_3,
	.column_5,
	.column_7 {
		margin-bottom: 30px
	}
	.content_section a.btn,
	.hero-section a.btn {
		margin: auto;
		max-width: 100%;
		display: block
	}
}

#fancybox-close {
	right: -35px
}

#contact-form img.alignleft {
	float: left;
	margin: 0 1.5em 1em 0!important
}

@media screen and (max-width:768px) {
	.bg-video {
		background: rgba(16, 40, 70, 1)!important
	}
}

@media screen and (min-width:1000px) {
	.sidebar {
		width: 23%;
		display: inline-block;
		float: right;
		clear: right;
		padding: 40px 0;
		margin-left: 3%
	}
}

a {
	color: #027891
}

html body .entry-content h3 {
	line-height: 1.3em;
	text-transform: none;
	font-weight: 700
}

html body .avia-icon-list li h4,
html body h3,
html body h4 {
	text-transform: none!important;
	font-weight: 700;
	font-family: gotham-medium;
	font-size: 23px!important;
	line-height: 33px
}

b,
strong {
	font-weight: 300
}

.grey-bg {
	display: none
}

.featured-articles-before {
	border-top: 1px solid #ddd
}

.featured-articles {
	text-align: center;
	padding: 0 0 40px
}

.featured-articles .one-third {
	text-align: left
}

.featured-articles h3 {
	display: block;
	margin: 0 auto 20px
}

.featured-articles h4 {
	height: 60px
}

.featured-articles p:first-of-type {
	height: 140px!important;
	overflow: hidden
}

.featured-articles h4 a {
	height: 80px;
	max-height: 50px;
	font-weight: 700;
	line-height: 1.2em;
	font-size: 20px;
	color: #333
}

.featured-img-frame {
	height: 140px;
	overflow: hidden;
	border: 1px solid #efefef;
	background-image: url(https://hookagency.com/wp-content/uploads/2017/09/default-featured-bg.jpg);
	background-size: cover
}

html body .one-third:nth-of-type(2n) .featured-img-frame {
	background-image: url(https://hookagency.com/wp-content/uploads/2017/08/blog-post-300x200.jpeg)
}

html body .one-third:nth-of-type(3n) .featured-img-frame {
	background-image: url(https://hookagency.com/wp-content/uploads/2017/04/managing-seo-project-300x195.jpg)
}

#featured_slider {
	max-width: 100%;
	margin: auto;
	height: 550px
}

#featured_slider .sliderovertext {
	padding: 100px 0;
	max-width: 1040px;
	margin: auto;
	position: relative;
	z-index: 9999;
	background: 0 0;
	color: #fff
}

.featured_slider {
	position: relative
}

.menu-item {
	cursor: pointer
}

.featured_slider .overlayd {
	background: rgba(0, 0, 0, .68);
	width: 100%;
	height: 100%;
	display: block
}

iframe {
	max-width: 100%
}

#featured_slider h3 {
	z-index: 9999;
	position: relative;
	text-align: left
}

#featured_slider.owl-theme .owl-controls .owl-buttons div {
	background: #b6a55a;
	min-height: 45px;
	min-width: 45px;
	border-radius: 0;
	font-size: 50px;
	line-height: 45px;
	color: #fff;
	opacity: 1;
	position: absolute;
	top: 50%;
	padding: 0;
	z-index: 22;
	margin: -45px 0 5px
}

.owl-next,
.owl-prev {
	top: 40px;
	color: #fff;
	position: absolute
}

.text-light h2,
.text-light h3 {
	color: #fff!important
}

#featured_slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 0
}

#featured_slider.owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 0
}

#featured_slider.owl-theme .owl-controls .owl-buttons div:hover {
	background: #a39145
}

html body .owl-carousel .owl-stage .owl-item p {
	color: #fff;
	text-align: left;
	max-width: 600px;
	font-size: 17px;
	line-height: 27px;
	margin-top: 20px;
	margin-bottom: -20px;
	display: block
}

#featured_slider .sliderovertext a {
	display: block!important;
	color: #fff;
	text-decoration: none;
	float: left;
	border-color: #fff;
	margin-top: 30px
}

#featured_slider .sliderovertext h2 a {
	display: block!important;
	text-decoration: none;
	float: left;
	border-color: #fff;
	margin-top: 0;
	font-family: Publico-Extrabold!important;
	color: #fff!important;
	font-size: 42px!important;
	line-height: 58px!important;
	margin-bottom: 10px!important;
	text-transform: none!important;
	max-width: 800px;
	width: 100%;
}

#featured_slider .entry-footer-blog {
	color: #fff;
	background: 0 0;
	text-align: left;
	font-size: 17px;
	margin-left: 0;
	padding-left: 0;
	font-family: Gotham-Light, sans-serif;
	font-weight: 300;
	margin-top: 50px
}

.navigation .screen-reader-text {
	display: none
}

.wrapper .navigation a {
	background-color: #092648;
	color: #fff
}

.wrapper .navigation a:hover {
	background-color: #055764
}

#featured_slider .owl-prev {
	display: block!important;
	left: 0
}

#featured_slider .owl-next:after,
.owl-prev:before {
	display: inline-block;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale
}

#featured_slider .owl-prev:before {
	content: "\f104";
	font: 30px/1 FontAwesome;
	-webkit-font-smoothing: antialiased
}

#featured_slider .owl-next:after {
	content: "\f105";
	font: 30px/1 FontAwesome;
	-webkit-font-smoothing: antialiased
}

#featured_slider .owl-next {
	display: block!important;
	right: 0;
	margin-right: 20px
}

#featured_slider .owl-next,
#featured_slider .owl-prev {
	font-size: 0;
	top: 50%;
	margin-top: -30px; padding-bottom: 13px;
}

@media screen and (max-width:768px) {
	.blog .owl-nav {
		top: 50px;
		position: absolute
	}
	.featured-articles {
		text-align: center;
		padding: 10px 0 60px
	}
	#featured_slider .sliderovertext a.btn.btn_color {
		display: none!important
	}
	#featured_slider .sliderovertext a h3,
	#featured_slider .sliderovertext a.moretag {
		display: block!important
	}
	#featured_slider .sliderovertext {
		padding-top: 150px
	}
	.blog #featured_slider .owl-next,
	.blog #featured_slider .owl-prev {
		display: block!important
	}
	.owl-next,
	.owl-prev {
		border-radius: 5px;
		width: 50px
	}
	#featured_slider .owl-next {
		position: absolute;
		left: 300px!important;
		top: 0
	}
	.entry-footer-blog {
		display: none
	}
}

.panel-body ul li {
	list-style: disc;
	font-size: 17px;
	margin: 20px 30px
}

@media screen and (min-width:768px) {
	.topimg {
		margin-left: -60px;
		display: block;
		clear: both;
		position: relative
	}
	.one-fifth {
		display: inline-block;
		width: 19%;
		margin-right: .5%
	}
	.grey-bar .one-fifth {
		border-right: 1px solid #e5e5e5;
		padding-right: 10px
	}
	.grey-bar .one-fifth:nth-child(10),
	.grey-bar .one-fifth:nth-child(15),
	.grey-bar .one-fifth:nth-child(5) {
		border-right: 0 solid #e5e5e5
	}
}

.sub-service-links {
	display: block;
	clear: both;
	width: 120%;
	padding-top: 49px;
	margin-left: -9%;
	margin-bottom: -50px
}

.sub-service-links a {
	width: 33%;
	border: 1px solid #e7e7e7;
	padding: 15px 10px;
	background: #fff;
	display: inline-block;
	margin-left: -1px;
	text-align: center
}

.sub-service-links a:hover {
	background: #efefef
}

@media screen and (max-width:768px) {
	.sub-service-links a {
		width: 100%;
		display: block
	}
	.column_7 {
		max-width: 100%
	}
	.content_section a.btn,
	.hero-section a.btn {
		font-size: 13px!important
	}
	.contact-text {
		width: 100%;
		margin-top: 30px
	}
	#contact-form {
		max-width: 100%!important
	}
	#input_3_7_3 {
		margin-bottom: 5px!important;
		display: block;
		clear: both
	}
	.footer-wrapper {
		width: 100%!important
	}
	.btn {
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 20px!important;
		font-size: 13px!important;
		width: 100%!important
	}
}

.hero-section .column_7 img {
	max-width: 100%;
	margin: 0 auto
}

.entry-content figcaption {
	background: #fafafa;
	width: 100%;
	margin-top: -30px;
	padding: 10px
}

.big-call,
.content_section .text-light a.btn,
.content_section a.btn,
.hero-section a.btn,
html body .button,
html body .sidebar-cta .button {
	padding: 10px 20px!important;
	display: inline-block!important;
	border-radius: 5px!important;
	text-transform: none;
	margin: 15px auto 45px!important;
	font-family: gotham-medium;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 0
}

.content_section h2 {
	margin-top: 0
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
	padding: 10px 36px 7px!important
}

.panel-title,
.panel-title a {
	line-height: 29px
}

.secondsectionhome .thirdcon h2,
.thirdsectionhome .thirdcon h2 {
	margin-top: -30px;
	font: 118px brandongrotesque-black-webfont!important
}

.fullb {
	border-top: 1px solid #efefef
}

.avia-icon-list li h4,
.bottom-link ul li a,
.thirdsectionhome .thirdcon h3 {
	font-weight: 700;
	font-family: gotham-medium;
	font-size: 27px!important;
	margin-top: 10px
}

.bottom-link ul li a {
	color: #32474a;
	display: block;
	padding: 20px;
	text-align: center;
	margin-top: 0
}

.video-computer {
	height: 320px;
	max-width: 600px;
	padding-right: 0;
	margin: 0 auto;
	background: url(https://hookagency.com/wp-content/themes/tim-brown/images/comp-frame.png) center
}

.white-hero {
	padding: 40px 0;
	display: block;
	clear: both;
	min-height: 390px
}

.fristsec p,
.white-hero p {
	font-size: 19px;
	line-height: 29px;
	color: #666;
	padding: 40px 10px 0
}

.fullb .text-dark p {
	font-size: 19px;
	line-height: 29px;
	color: #666
}

.fullb .text-light p {
	color: #fff;
	text-align: center;
	max-width: 80%;
	margin: 20px auto;
	line-height: 1.5;
	font-size: 17px
}

.fullb .content_section .text-light a.btn {
	color: #fff;
	border: 1px solid #fff;
	background: 0 0;
	margin: 0 auto!important;
	display: block!important;
	max-width: 300px;
	text-align: center
}

.fullb .content_section .text-light a.btn:hover {
	color: #017890;
	background: #fff
}

.simple-text {
	padding: 90px 0 70px;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7
}

.simple-text h2,
.simple-text p,
.simple-text strong {
	max-width: 750px!important;
	margin: 0 auto;
	text-align: center
}

.simple-text p {
	font-size: 19px;
	line-height: 29px;
	color: #666;
	padding: 20px 0 0
}

.simple-text h2 {
	color: #0d2746;
	font-weight: 900;
	font-family: brandongrotesque-black-webfont!important;
	font-size: 30px!important;
	line-height: 37px
}

.post-13274 h2,
.post-13274 h4,
.post-7184 .big-proud-display h2,
.sell-sheet.post-7071 h2,
.sell-sheet.post-7071 h4 {
	color: #333!important
}

.simple-text strong {
	font-family: gotham-medium;
	padding: 20px 0;
	color: #a89440;
	font-size: 19px;
	line-height: 29px
}

.simple-text .btn.ghost-blue {
	margin: 30px auto;
	display: block;
	max-width: 300px
}

.fristsec p strong,
.fullb p strong,
.white-hero p strong {
	color: #a8943d;
	font-family: gotham-medium
}

.btn.ghost-blue {
	border-radius: 20px;
	border: 1px solid #a79344;
	color: #a79344;
	padding: 10px 20px;
	margin-right: 15px;
	transition: background-color .2s
}

.btn.ghost-blue:hover {
	background-color: #a8943d;
	color: #fff
}

.btn.blue {
	border-radius: 20px;
	background-color: #a79344;
	border: 1px solid #a79344;
	color: #fff;
	padding: 10px 30px;
	margin-right: 0;
	transition: background-color .2s
}

.btn.blue:hover {
	background-color: #867c35;
	border-color: #867c35;
	color: #fff;
	transition: background-color .2s
}

.left-icon {
	width: 25%;
	display: inline-block;
	vertical-align: middle
}

.left-icon img {
	max-width: 100%
}

.right-text {
	width: 72%;
	display: inline-block;
	color: #a5a4a4;
	vertical-align: middle;
	font-size: 12px;
	line-height: 17px
}

.right-text a {
	color: #a5a4a4!important
}

.fullb .inverse-right img {
	margin-left: -20px;
	float: left
}

.fullb .column_7.text-dark {
	padding: 70px 5% 13px 0
}

.grow {
	transition: .2s ease-in-out
}

.grow:hover {
	transform: scale(1.1);
	border-left: 1px solid #e5e5e5
}

@media screen and (min-width:1000px) {
	.column_6 {
		width: 49%;
		display: inline-block;
		vertical-align: top
	}
}

.grey-bar {
	background: #f6f7f9;
	padding: 20px 0
}

.fancybox-slide--video .fancybox-content,
.html body .fancybox-slider {
	width: 800px;
	height: 600px;
	max-width: 80%;
	max-height: 80%
}

@media screen and (max-width:769px) {
	.video-computer {
		height: 260px;
		background-size: 100%;
		width: 100%;
		background-repeat: no-repeat
	}
	.fristsec p,
	.white-hero p {
		padding: 50px 10px 0
	}
	.thirdsectionhome .thirdcon h3 {
		margin-top: 20px!important;
		font-size: 23px!important
	}
	.secondsection img {
		width: 124%;
		margin-left: -12%
	}
	.secondsection.fullb img {
		width: 110%
	}
	.big-call,
	.content_section .text-light a.btn,
	.content_section a.btn,
	.hero-section a.btn,
	html body .button,
	html body .sidebar-cta .button {
		padding: 10px 20px!important
	}
	.vid-mobile-bg {
		max-width: 71.7%;
		width: 300px;
		background-size: 100%;
		margin: 0 auto -130px 15%;
		display: block;
		padding-top: 15%;
		height: 137px;
		background-image: url(https://hookagency.com/wp-content/uploads/2017/10/giphy-web-design.gif)
	}
	.video-computer {
		padding-top: 53px
	}
}

@media screen and (max-width:768px) {
	.fristsec {
		padding-top: 0
	}
	.avia-icon-list article p {
		color: #666;
		font-family: Gotham-Light;
		font-size: 17px
	}
	.secondsectionhome .thirdcon h3 {
		font-size: 23px!important;
		line-height: 29px;
		margin-top: 20px!important
	}
	.secondsectionhome {
		padding: 20px 0 40px
	}
	.avia-icon-list li h4,
	.bottom-link ul li a,
	.thirdsectionhome .thirdcon h3 {
		font-weight: 700;
		font-family: gotham-medium;
		font-size: 19px!important;
		line-height: 23px;
		margin-top: 0
	}
	#reviwsection .reviewcon {
		padding: 50px 35px
	}
	#reviwsection .reviewcon p,
	.firstsectionhome {
		font-size: 17px
	}
	#reviwsection .reviewcon h4 {
		color: #32474a;
		font-size: 19px;
		line-height: 29px
	}
	.contentsec,
	body {
		font-size: 17px
	}
	.gform_wrapper .gform_footer input.button,
	.gform_wrapper .gform_footer input[type=submit],
	.gform_wrapper .gform_page_footer input.button,
	.gform_wrapper .gform_page_footer input[type=submit] {
		padding: 0 36px!important;
		border-radius: 20px!important
	}
	.moretag {
		width: 100%;
		padding: 7px 10px
	}
}

.page-id-14441 .inner-section {
	display: none!important
}

.page-id-14441 input[type=email],
.page-id-14441 input[type=text],
.page-id-14441 textarea {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	color: #333;
	font-size: 1.1em!important;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: -10px!important;
	padding: .5em!important;
	width: 96%!important
}

html body .cp_cff_11 #fbuilder .pbSubmit {
    color: #fff;
    display: block;
    float: left;
    cursor: pointer;
    margin: 10px 10px 0 0;
    padding: 20px 100px !important;
    border-radius: 8px!important;
    width: 100%;
    background: #a79344!important;
    text-transform: uppercase;
    font-family: gotham-medium;
}

#fbuilder .top_aligned .fields label {
	margin: 0 auto;
	width: 100%
}

#fbuilder .top_aligned .fields.chilld {
    display: none;}

html body .cp_cff_11 #fbuilder * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 
    font-family: Gotham-Light, sans-serif;
    line-height: 27px;
    font-size: 17px;
}
.cp_cff_11 #fbuilder a {display: inline-block !important}
.cp_cff_11 #fbuilder input[type=date],
.cp_cff_11 #fbuilder input[type=datetime],
.cp_cff_11 #fbuilder input[type=email],
.cp_cff_11 #fbuilder input[type=file],
.cp_cff_11 #fbuilder input[type=number],
.cp_cff_11 #fbuilder input[type=password],
.cp_cff_11 #fbuilder input[type=search],
.cp_cff_11 #fbuilder input[type=text],
.cp_cff_11 #fbuilder input[type=time],
.cp_cff_11 #fbuilder input[type=url],
.cp_cff_11 #fbuilder select,
.cp_cff_11 #fbuilder textarea {
	background: #fdfffd;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	color: #57665e;
	font-family: Questrial, sans-serif;
	font-size: 13px;
	margin: 1px 0;
	width: 100%!important;
	padding: 7px!important
}

#fbuilder .top_aligned .fields.chilld {
	font-size: 10px;
	clear: left;
	padding: 0 10px 6px 0;
	margin: 0;
	background: #fff
}

#fbuilder .fform,
#fbuilder .fields {
	padding: 0
}

.cp_cff_11 #fbuilder * {
	font-size: 1em;
	display: block;
	margin: 0
}

.cp_cff_11 #fbuilder .fields:not(.cff-container-field) {
	padding: 3px 10px 10px
}

#fbuilder .top_aligned .fields.suugest label {
	font-size: 14px
}

.cp_cff_11 #fbuilder .r {
	color: red;
	display: none
}

.cp_cff_11 #fbuilder .ui-slider-handle {
	background: #1485e5;
	border: 0;
	border-radius: 15px;
	height: 1.8em!important;
	width: 1.8em!important;
	margin-top: -7px!important;
	-webkit-transition: width .2s;
	transition: width .2s
}

#fbuilder input[type=checkbox],
html body #fbuilder .cff-radiobutton-field span,
html body .cp_cff_11 #fbuilder .cff-radiobutton-field span,
html body .cp_cff_11 #fbuilder input[type=radio] {
	line-height: normal;
	display: inline-block!important;
	font-size: 14px!important
}

.cp_cff_11 #fbuilder .slider {
	margin-top: 20px
}

.bluey {
    background: #0f58b1;
}


.greeney,
.greeny {
    background: #0b2647;
}


.greeney label,
.greeny label, .bluey label {
    color: white;
}
.cp_cff_11 #fbuilder input[type=checkbox],
.cp_cff_11 #fbuilder input[type=checkbox] span,
.cp_cff_11 #fbuilder input[type=radio],
.cp_cff_11 #fbuilder input[type=radio] span {
	line-height: normal;
	display: inline-block!important;
	font-size: 14px!important
}

#contact_form_pop input[type=email],
#contact_form_pop input[type=text],
#contact_form_pop textarea {
	color: #333
}

.page-template-template-bookalicious h1,
.page-template-template-coolest-designs h1 {
	font-family: gotham-medium;
	color: #a8943d;
	text-transform: uppercase;
	font-size: 60px;
	text-align: center;
	-webkit-text-stroke: 3px #a8943d;
	letter-spacing: 2px
}

.page-template-template-bookalicious .white-hero p,
.page-template-template-coolest-designs .white-hero p {
	font-size: 19px;
	line-height: 29px;
	color: #666;
	padding: 30px 10px;
	text-align: center
}

.page-template-template-bookalicious .header,
.page-template-template-coolest-designs .header {
	border-bottom: 0
}

.page-template-template-bookalicious .the-pitch .gform_wrapper,
.page-template-template-coolest-designs .the-pitch .gform_wrapper {
	margin: 0 auto;
	max-width: 71%
}

.page-template-template-bookalicious .the-pitch #input_30_15,
.page-template-template-coolest-designs .the-pitch #input_28_15 {
	width: 260px;
	margin-top: -43px;
	margin-right: 0;
	float: right
}

.page-template-template-bookalicious .the-pitch #gform_submit_button_30,
.page-template-template-coolest-designs .the-pitch #gform_submit_button_28 {
	float: right;
	display: none;
	position: relative;
	margin-top: -62px!important;
	margin-right: 35px!important;
	border: 1px solid #a8943d;
	background: #a8943d;
	height: 38px;
	padding-top: 10px
}

#input_28_14_3,
#input_28_14_6,
#input_30_14_3,
#input_30_14_6,
.page-template-template-bookalicious .the-pitch .ginput_container input,
.page-template-template-coolest-designs .the-pitch .ginput_container input {
	font-size: 15px!important;
	margin-top: 0!important
}

.page-id-14441 .featured-articles img,
.page-template-template-coolest-designs .featured-articles img {
	margin: 0!important;
	width: 120%
}

.page-id-14441 .featured-articles,
.page-template-template-coolest-designs .featured-articles {
	text-align: center;
	padding: 20px 0 0
}

.page-template-template-bookalicious .white-hero,
.page-template-template-coolest-designs .white-hero {
	padding: 40px 0 0;
	display: block;
	clear: both;
	min-height: 390px
}

html body .fancybox-skin {
	padding: 0!important
}

.white-panel {
	position: absolute;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	padding: 0
}

.white-panel h1 {
	font-size: 1em
}

.white-panel:hover {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, .5);
	margin-top: -5px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.white-panel img {
	max-width: 100%;
	width: 100%
}

@media screen and (min-width:768px) {
	.page-id-14441 .one-third {
		width: 30%
	}
	.page-id-14441 .featured-articles p:first-of-type {
		height: 140px;
		font-size: 15px
	}
}

.page-template-template-bookalicious .one-third,
.page-template-template-coolest-designs .one-third {
	width: 33%
}

.page-template-template-bookalicious .featured-articles,
.page-template-template-coolest-designs .featured-articles {
	text-align: center;
	padding: 20px 0
}

.blankheading h1 span {
	color: #a79344
}

.header-wrapper.blankheading {
	letter-spacing: 0;
	font-size: 25px;
	text-transform: none;
	font-weight: 700;
	font-family: gotham-medium
}

.header-wrapper.blankheading h1 {
	letter-spacing: 4px;
	font: 58px brandongrotesque-black-webfont;
	text-transform: uppercase
}

@media screen and (max-width:768px) {
	.post img {
		min-width: 100%
	}
	.page-template-template-bookalicious .the-pitch #gform_submit_button_30,
	.page-template-template-coolest-designs .the-pitch #gform_submit_button_28 {
		float: none;
		display: block!important;
		position: relative;
		margin-top: -10px!important;
		margin-right: 0!important;
		width: 100%
	}
	.page-template-template-bookalicious .the-pitch #input_30_15,
	.page-template-template-coolest-designs .the-pitch #input_28_15 {
		width: 260px;
		margin: 0 auto;
		float: right
	}
	.page-template-template-bookalicious h1,
	.page-template-template-coolest-designs h1 {
		font-family: gotham-medium;
		color: #04798f;
		text-transform: uppercase;
		font-size: 25px;
		text-align: center;
		-webkit-text-stroke: 1px #04798f;
		letter-spacing: 2px;
		margin-bottom: 0
	}
	.page-template-template-coolest-designs .one-third,
	.page-template-template-coolest-designs .the-pitch {
		width: 100%
	}
}

footer .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
footer .gform_wrapper input[type=text],
footer textarea {
	background: #06111c;
	min-height: 40px
}

blockquote,
figcaption,
p,
ul {
	font-family: Gotham-Light
}

.navbar-default {
	background-color: #fff;
	border: 0
}

.navbar-default .navbar-nav>li>a {
	color: #0f2744;
	font: 20px Gotham-Light;
	text-transform: capitalize
}

.navbar-default .navbar-toggle {
	margin-top: 30px
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: 0
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent
}

.navbar-nav {
	float: right;
	margin-top: 25px
}

.nav-btn {
	background-color: #a79344;
	border-radius: 50px;
	margin-left: 25px;
	width: 170px;
	text-align: center
}

.nav-btn a {
	color: #fff!important
}

.header-fluid {
	background-color: #0f2744
}

.header-wrapper {
	font: 58px brandongrotesque-black-webfont;
	color: #fff;
	text-transform: uppercase;
	padding: 10%;
	letter-spacing: 4px
}

body .btn {
	border-radius: 30px!important;
	padding: 10px 30px
}

.bottom-part,
.top-part {
	padding: 30px 0
}

.wrapper {
	margin: 0 auto;
	max-width: 1140px
}

.firstsectionhome,
.reviwsection .reviewcon p {
	font-size: 19px;
	line-height: 29px;
	font-family: Gotham-Light, helvetica, sans-serif!important
}

.reviwsection .reviewcon .autoim,
.secondsectionhome .autoim,
.thirdsectionhome .autoim {
	text-align: left
}

.reviwsection .reviewcon img,
.secondsectionhome .autoim img,
.thirdsectionhome .autoim img {
	float: left;
	max-width: 80px;
	margin-right: 20px;
	border-radius: 50%
}

.reviwsection .reviewcon .autoim a,
.secondsectionhome .autoim a,
.thirdsectionhome .autoim a {
	color: #a8943d;
	text-decoration: none;
	border-bottom: 1px solid
}

#reviwsection .reviewcon,
.reviwsection .medisec a {
	font-family: Gotham-Light;
	font-size: 19px;
	line-height: 29px
}

.thirdsectionhome .autoim p {
	font-size: 17px;
	color: rgba(0, 0, 0, .6)
}

.centered-cta {
	position: relative;
	z-index: 2;
	padding: 100px 0 60px;
	text-align: center;
	background: url(/wp-content/uploads/2019/10/bluehook.jpg) bottom/cover
}

.big-call:hover {
	border: 1px solid #867c35;
	border-radius: 5px;
	background: #867c35;
	color: #fff
}

.big-call {
	padding: 17px 10px!important;
	display: inline-block!important;
	border-radius: 5px!important;
	text-transform: none;
	margin: 15px auto!important;
	border: 1px solid #a69344;
	background: #a69344;
	text-align: center;
	width: 320px;
	color: #fff;
	text-transform: uppercase;
	font-family: gotham-medium!important
}

.title-border {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.header-title {
	color: #fff;
	font: 900 60px brandongrotesque-black-webfont;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 4px
}

.description-title {
	font-family: gotham-medium;
	color: #fff;
	font-weight: 700
}

.header-btn {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
	margin-bottom: 40px
}

.featured-section-left-part {
	background-image: url(https://hookagency.com/wp-content/uploads/2017/12/professional-visibility.jpg);
	background-size: cover;
	background-position: center;
	height: 420px;
	padding: 18% 11%
}

.featured-section-right-part {
	background-image: url(https://hookagency.com/wp-content/uploads/2017/12/roi-focused.jpg);
	background-size: cover;
	background-position: center;
	height: 420px;
	padding: 19% 11%;
	color: #fff
}

.featured-section-title {
	font: 50px brandongrotesque-black-webfont;
	text-transform: uppercase;
	text-align: center
}

.featured-section-left-part p {
	font-size: 22px;
	font-family: Gotham-Light;
	text-align: center
}

.featured-section-left-part p a {
	font: 22px gotham-medium;
	color: #a79344;
	text-decoration: underline
}

.featured-section-left-part p a:hover {
	text-decoration: none
}

.featured-section-right-part p {
	font-size: 22px;
	font-family: Gotham-Light;
	text-align: center;
	color: #fff
}

.featured-section-right-part p a {
	font: 22px gotham-medium;
	color: #a79344;
	text-decoration: underline
}

.featured-section-right-part p a:hover {
	text-decoration: none
}

.entry-content h2,
.entry-content h2 strong {
	font: 31px brandongrotesque-black-webfont!important
}

#contact_form_pop h2,
h3,
html body .entry-content h3,
html body .section-brand h3,
html body .widget h2,
html body h2.widget-title {
	color: #0b2647!important;
	font-family: gotham-medium!important;
	font-size: 23px!important;
	margin: 35px 0 20px!important;
	text-transform: none!important;
	display: block
}

html body .bottom-link ul li a {
	font-size: 23px!important;
	line-height: 33px
}

.event-bg-img {
	background-size: cover;
	background-position: center;
	height: 265px;
	font: 24px gotham-medium;
	color: #fff;
	padding: 210px 0 0 35px
}

.event-wrapper p {
	font: 17px/27px Gotham-Light;
	color: #666
}

.event-wrapper-text-part {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px
}

.event-wrapper {
	padding-bottom: 20px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	margin: -100px 15px 50px
}

.event-wrapper-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px
}

.read-btn {
	color: #a79344;
	background-color: transparent;
	border: 1px solid #a79344;
	border-radius: 50px;
	width: 45%;
	height: 40px;
	font: 20px/1.9 Gotham-Light;
	display: inline-block;
	text-align: center
}

.read-btn:hover {
	color: #fff;
	background-color: #a79344
}

.start-btn {
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #a79344;
	border: 2px solid #a79344;
	border-radius: 50px;
	width: 45%;
	height: 40px;
	font: 20px/1.9 Gotham-Light
}

.start-btn:hover {
	color: #fff;
	background-color: #8c7b3a;
	border: 2px solid #8c7b3a
}

.media-wrapper p {
	font: 17px/24px Gotham-Light;
	color: #666
}

.media-wrapper-text-part {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px
}

.social-media {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.social-media:before {
	display: block;
	content: ' ';
	clear: both
}

.social-media-top {
	height: 265px;
	font: 24px gotham-medium;
	color: #fff;
	padding: 210px 0 0 35px;
	background-color: #0f2744;
	background-size: cover
}

.media-read-btn {
	color: #a79344;
	background-color: transparent;
	border: 1px solid #a79344;
	border-radius: 50px;
	width: 100%;
	height: 40px;
	margin-top: 40px;
	margin-bottom: 30px;
	font: 20px/1.9 Gotham-Light
}

.webdesgib.wrapper {
	max-width: 894px;
	margin: auto;
	padding: 50px 0
}

.faqsty h4 {
	padding: 50px;
	font-weight: 700;
	font-family: gotham-medium!important;
	text-align: center;
	color: #32474a;
	font-size: 23px;
	margin: 0 auto;
	display: block
}

.panel-group {
	border-top: 1px solid #ddd
}

.panel-group .panel {
	border-radius: 0!important;
	margin-top: 0!important
}

.panel-default>.panel-heading {
	background-color: #fff!important;
	font-size: 19px;
	line-height: 29px;
	border-radius: 0;
	font-weight: 700;
	font-family: gotham-medium
}

.panel-title {
	min-height: 26px;
	padding-top: 5px
}

.panel-title,
.panel-title a {
	width: 100%;
	display: block;
	cursor: pointer;
	font-size: 21px;
	font-weight: 700;
	font-family: gotham-medium
}

.panel-heading {
	padding: 13px 15px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	background: #f5f6f8;
	color: #32474a;
	font-family: Gotham-Light;
	font-size: 19px;
	line-height: 29px;
	padding: 20px
}

.panel-body p {
	font-size: 17px;
	line-height: 27px;
	font-family: Gotham-Book;
	color: #464646
}

.featured-on {
	background: #fff;
	width: 100%;
	padding: 0;
	border-top: 1px solid #ddd
}

.featured-on .feature-articles {
	width: 17%;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 0 1%;
	line-height: .4em;
	font-size: 12px;
	color: #efefef;
	margin-right: 30px
}

.featured-on .feature-articles a {
	color: #fff;
	font-size: 1px
}

.feature-articles img {
	width: 100%;
	height: auto
}

.divider {
	border: 1px solid #f2f2f2;
	margin: 40px 0
}

.footer-wrapper input[type=email],
.footer-wrapper input[type=text],
.footer-wrapper textarea {
	font-size: 19px!important;
	font-family: Gotham-Light
}

.gform_wrapper .gform_footer input[type=submit] {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 50px!important;
	width: 100%;
	height: 45px;
	margin-top: 40px;
	margin-bottom: 30px;
	font: 17px Gotham-Light!important
}

@media (max-width:767px) {
	.navbar-nav {
		float: left
	}
	.pull-left {
		float: none!important
	}
	.artical-section-btn,
	.event-wrapper-btn {
		display: block
	}
	.reviwsection .reviewcon img,
	.secondsectionhome .autoim img,
	.thirdsectionhome .autoim img {
		max-width: 60px
	}
	.firstsectionhome,
	.reviwsection .reviewcon p {
		line-height: 1.3;
		font-size: 16px
	}
	.nav-btn {
		border: 0 solid #a79344;
		background-color: transparent;
		border-radius: 0;
		margin-left: 0;
		text-align: unset
	}
	.nav-btn a {
		color: #0f2744!important
	}
	.header-title {
		font-size: 22px
	}
	.header-btn {
		margin-top: 40px;
		display: block
	}
	html body .gform_footer {
		margin-top: 10px!important;
		margin-left: 0!important
	}
	.event-wrapper {
		margin: 30px 0 0;
		-webkit-box-shadow: 0 0 0 0 rgba(0, 17, 255, 1);
		-moz-box-shadow: 0 0 0 0 rgba(0, 17, 255, 1);
		box-shadow: 0 0 0 0 rgba(0, 17, 255, 1)
	}
	.featured-on .feature-articles {
		margin-right: 0
	}
	.social-media {
		margin-top: 20px
	}
	.faqsty h4 {
		font-size: 25px;
		padding: 30px 20px
	}
	.divider {
		margin: 40px 0
	}
	.read-btn,
	.start-btn {
		width: 100%;
		margin-bottom: 15px
	}
}

.container.brandshowcase {
	max-width: 1000px;
	margin: 20px auto
}

.entry-content h2,
h2 {
	font: 31px brandongrotesque-black-webfont!important;
	color: #a79344!important;
	text-transform: uppercase!important
}

#contact_form_pop .gform_wrapper .gform_footer input[type=submit] {
	color: #fff!important;
	background-color: #07213f;
	border: 1px solid #092241;
	width: 93%;
	margin-left: -7%!important;
	border-radius: 5px!important;
	font-family: gotham-medium!important;
	text-transform: uppercase;
	padding: 15px 0!important;
	height: 60px
}

.text-light p {
	color: #fff
}

@media (max-width:700px) {
	html body .entry-content h2,
	html body h2 {
		font: 25px/35px brandongrotesque-black-webfont!important
	}
	.featured_slider .overlayd,
	.featured_slider .owl-item .item {
		min-height: 470px
	}
	#featured_slider .sliderovertext a {
		margin-top: 50px
	}
	.secondsectionhome .thirdcon h2,
	.thirdsectionhome .thirdcon h2 {
		margin-top: -30px;
		font: 88px brandongrotesque-black-webfont!important
	}
	.featured-on .feature-articles {
		height: 70px;
		width: 47%;
		display: inline-block;
		position: relative;
		vertical-align: top;
		padding: 0 1%;
		line-height: 1.2em;
		font-size: 12px;
		color: #efefef;
		z-index: 0
	}
	.featured-section-title {
		font: 34px brandongrotesque-black-webfont;
		text-transform: uppercase;
		text-align: center;
		margin-top: 40px
	}
	.featured-on .feature-articles:last-child {
		margin: 0 auto 50px;
		float: none
	}
	footer {
		background: #0e2745!important
	}
	.header-wrapper {
		font: 31px/41px brandongrotesque-black-webfont;
		color: #fff;
		text-transform: uppercase;
		padding: 10%;
		letter-spacing: 0
	}
	#inner-project-title2 {
		margin: 55px auto 0;
		width: 100%;
		font-size: 21px!important;
		height: 200px;
		line-height: 1.3em
	}
}

@media (max-width:320px) {
	.featured-section-title {
		font-size: 35px
	}
	.header-btn {
		display: block;
		margin-top: 20px
	}
}

html body #inner-project-title2:last-word {
	color: #a79344!important
}

#contact-form h2 {
	font-family: gotham-medium, helvetica, sans-serif!important;
	font-size: 23px!important;
	font-weight: 700;
	display: inline-block;
	text-transform: none!important
}

.hero-section p {
	color: rgba(255, 255, 255, .7)
}

.twitter-tweet {
	margin: 0 auto
}

.third-feature {
	width: 35%;
	vertical-align: top;
	position: relative;
	display: inline-block
}

.two-third-feature {
	width: 63%;
	vertical-align: top;
	position: relative;
	display: inline-block
}

.third-feature strong,
.two-third-feature strong {
	display: block;
	clear: both
}

.third-feature textarea,
.two-third-feature textarea {
	height: 100px;
	font-size: 12px!important;
	line-height: 17px
}

@media screen and (max-width:768px) {
	.third-feature,
	.two-third-feature {
		width: 100%;
		vertical-align: top;
		position: relative;
		display: inline-block
	}
	html body .bottom-link ul li a {
		font-size: 13px!important;
		line-height: 20px!important;
		padding: 20px 5px
	}
}

.media-wrapper .col-md-4 {
	margin-bottom: 40px
}

.contactinfo,
.contactinfotext,
.formbeloclas {
	font: 17px/1.5 Gotham-Light;
	color: #666
}

.contactform h2 {
	font: 700 25px gotham-medium!important;
	color: #0f2b52!important;
	margin-bottom: 10px;
	text-transform: none!important
}

.contactform {
	max-width: 550px;
	margin: 150px auto auto -20px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
	padding: 25px;
	background: #fff
}

.contactform input[type=text],
.contactform textarea {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	width: 100%!important;
	font-size: 1em!important
}

.contactform li {
	padding-right: 0!important
}

.contactform .gform_wrapper li.hidden_label input[type=text] {
	font-size: 1em!important
}

.contactform .gform_wrapper .gform_footer input[type=submit] {
	background-color: #a49145;
	margin: 0!important;
	width: 100%;
	text-transform: none;
	font-weight: 700!important;
	transition: .25s
}

.contactform .gform_wrapper .gform_footer input[type=submit]:hover {
	transition: .25s;
	background: #867c35
}

.the-pitch.pitcher .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]) {
	margin-top: 0!important;
	width: 100%!important
}

.the-pitch.pitcher .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size: -webkit-xxx-large;
	font-family: inherit;
	padding: 5px 4px;
	letter-spacing: normal
}

.post-15927 img {
	display: none
}

.vid-mobile-bg img {
	width: 76%;
	margin-left: 73px;
	margin-top: 30px
}

.secpar {
	padding: 20% 0;
	background-size: cover!important;
	background-position: center!important;
	background-attachment: fixed!important;
	clip-path: polygon(0 0, 100% 5vw, 100% 100%, 0 calc(100% - 5vw));
	margin-top: -72px
}

.fancybox-inline {
	cursor: pointer!important
}

@media (max-width:767px) {
	.secpar {
		padding: 49% 0;
		background-size: 100%!important;
		background-attachment: scroll!important;
		background-position: center!important
	}
	.page-id-16500 .vid-mobile-bg {
		background-image: url(https://hookagency.com/wp-content/uploads/2018/02/treasured-minneapolis-logo-design.jpg)
	}
	.fullb .column_7.text-dark {
		padding: 70px 5% 13px
	}
	.simple-text h2 {
		font-size: 20px!important;
		line-height: 30px!important
	}
	.page-id-16500 .vid-mobile-bg img {
		display: none
	}
	.header-wrapper.blankheading h1 {
		letter-spacing: 1px;
		font: 27px brandongrotesque-black-webfont;
		padding-bottom: 70px;
		text-transform: uppercase
	}
	.header-wrapper.blankheading {
		letter-spacing: 0;
		font-size: 15px;
		text-transform: none;
		font-weight: 700;
		font-family: gotham-medium
	}
	.secondsectionhome .autoim img,
	.thirdsectionhome .autoim img {
		margin-top: 15px
	}
}

.blankcon {
	position: relative;
	top: -100px
}

.blankcon h4 {
	color: #0f2b52!important
}

.blankcon img {
	box-shadow: -1px -1px 57px rgba(0, 0, 0, .2);
	margin-bottom: 30px
}

.cp_cff_11 #fbuilder .fform {
	margin-bottom: 20px;
	font-size: 19px;
	line-height: 28px
}

.badgeheade.header-wrapper h1 {
	font-family: gotham-medium;
	font-size: 12.1px!important;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500!important;
	width: 291px;
	background-image: url(images/hook-curator_badge.png);
	padding: 140px 62px 0;
	line-height: 1.5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 243px;
	margin: auto!important
}

.header-wrapper.text-center.badgeheade {
	font-family: Gotham-Light;
	font-size: 18px;
	letter-spacing: 0;
	padding: 2% 0
}

.criteria {
	border: 1px solid #c3c3c3;
	border-radius: 4px;
	padding: 45px 45px 10px;
	text-align: center;
	font-size: 19px;
	color: #8e8e8e;
	font-family: Gotham-Book
}

.criteria>div {
	margin-bottom: 45px;
	line-height: 1.3
}

.criteria h2 {
	font-size: 37px!important;
	text-transform: capitalize!important;
	color: #092548!important;
	margin-bottom: 35px;
	font-family: gotham-medium!important
}

.criteria h3 {
	font-size: 23px!important;
	color: #a38f44!important;
	margin: 17px 0!important;
	display: block
}

.content_partaward,
.content_partaward p {
	color: #8c8c8c!important;
	font-size: 21px!important;
	line-height: 1.3
}

.content_partaward b,
.content_partaward strong {
	color: #a38f44!important
}

.pickhead img {
	max-width: 100%;
	height: auto
}

ul.awardsectinli {
	margin: 0;
	background: #f1f1f1;
	padding: 25px
}

.pickhead {
	background: #f1f1f1;
	margin-top: 30px
}

.award_liste {
	width: 50%;
	float: left;
	margin-bottom: 20px
}

.awardlist:after,
.awardsectinli:after {
	clear: both;
	display: block;
	content: ''
}

.awardsectinli li.award_liste .imic {
	background: #092548;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	float: left;
	margin-right: 15px;
	padding: 1.5% 7px;
	display: inline-block;
	position: relative
}

.awardsectinli li.award_liste img {
	max-width: 100%;
	height: auto
}

.awardsectinli li.award_liste h3 {
	display: inline;
	line-height: 18px;
	padding: 8px 0;
	margin: 0!important;
	color: #092548!important;
	font-family: Gotham-Book!important;
	font-size: 16px!important
}

.awardlist {
	border: 1px solid #e3e3e3;
	border-radius: 15px;
	margin-bottom: 50px
}

.awardlist .col-sm-4 {
	padding-left: 0;
	padding-right: 0;
	border-radius: 12px;
	height: 360px
}

.awen img {
	border-radius: 15px 0 0 15px
}

.awen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(images/overlaywa.png) center/cover no-repeat;
	border-radius: 15px 0 0 15px;
	padding: 10% 20%;
	display: table-cell;
	vertical-align: middle;
	height: 360px;
	text-align: center
}

.awardlist h3 {
	display: block
}

.awardlist .contli {
	font-family: Gotham-Light, sans-serif;
	color: #8c8c8c!important;
	font-size: 18px!important;
	line-height: 1.3
}

.awardlist .col-sm-8 {
	padding-left: 45px
}

.awardlist i {
	font-family: fontawesome;
	color: #8c8c8c;
	font-size: 26px
}

.awardlist a.facn i {
	font-size: 15px;
	border: 1px solid;
	border-radius: 50%;
	padding: 4px;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center
}

.iconlist {
	font-family: Gotham-Book;
	color: #8c8c8c!important;
	font-size: 18px!important;
	padding: 20px 0
}

.iconlist a {
	color: #a38f44!important;
	display: inline-block;
	padding-right: 20px;
	font-size: 18px;
	font-family: Gotham-Book
}

.eqql img {
	min-height: 333px
}

.page-template-template-financial-home .sub-service-links {
	display: block;
	clear: both;
	width: 102%;
	padding-top: 0;
	margin-top: -5px;
	margin-left: 0;
	margin-bottom: 0
}

#team_slider.owl-carousel .owl-item {
	height: 480px
}

@media screen and (max-width:768px) {
	.awardlist .col-sm-8 {
		padding-left: 25px
	}
}

#video-background {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	z-index: -100
}

.secondvideosectionhome {
	-webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
	clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
	margin-top: -20px;
	margin-bottom: -20px
}

.row-content p {
	color: #fff;
	font-size: 18.4px
}

.row-content h3 {
	color: #a59350!important;
	display: block;
	margin: 0!important
}

.inner-content p span {
	color: #a59350;
	font-size: 16px
}

.inner-content p {
	color: #fff;
	font-size: 22px;
	font-family: gotham-medium;
	margin: 10px 0
}

.inner-content i {
	font-family: FontAwesome;
	margin: 0 2px;
	color: #a59350;
	font-size: 26px
}

.row-content {
	padding: 0 25px
}

.bg-video {
	padding-top: 90px;
	padding-bottom: 50px;
	background: rgba(16, 40, 70, .8)
}

img.sd {
	fill: #fff;
	background-color: #fff
}

.img {
	width: 48px;
	height: 48px;
	display: inline-block;
	-webkit-mask-size: cover;
	mask-size: cover;
	margin-bottom: 10px;
	background-color: #fff
}

@media screen and (max-width:767px) {
	.bg-video {
		background-image: url(images/bg.jpg);
		background-repeat: no-repeat;
		background-size: cover
	}
	.row-content {
		padding: 0 15px
	}
}

.hooka-content a {
	cursor: pointer!important
}

.ad-outline a img,
.hooka-content a img,
.hooka-content-1 a img,
.hooka-financial a img,
.hooka-general-lead-gen a img,
.hooka-seo a img {
	border: 1px solid #efefef;
	cursor: pointer!important
}

.entry-content code {
	margin: 30px 0;
	background-color: #0b2747;
	color: #fff;
	padding: 20px;
	display: block;
	line-height: 1.5em
}

#reviwsection .reviewcon img,
.secondsectionhome .autoim img,
.thirdsectionhome .autoim img {
	border: 1px solid #efefef
}

html body .entry-content blockquote,
html body .entry-content blockquote p {
	color: #fff!important
}

.plain_block h2 {
	text-align: center
}

.blue_block {
	background-color: #0f2745
}

.blue_block h3 {
	color: #a7933e
}

h1#inner-project-title2 span span {
	color: #a79344
}

@media screen and (min-width:768px) {
	.fristsec p {
		font-size: 19px;
		line-height: 29px;
		color: #666;
		padding: 85px 10px 0!important
	}
}

.awardlist img {
	max-width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	max-width: 50%;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 24%
}

.single-format-video .mobile-background-8 {
	background: #0b2747
}

.single-format-video .authorsection {
	display: none
}

.centered-cta h3 {
	color: #fff!important;
	margin-top: 25px!important
}

@media screen and (min-width:700px) {
	.gold-button {
		padding: 6px 30px;
		border-radius: 20px;
		border: 1px solid #a79344;
		background: #a79344;
		color: #fff
	}
	html body.single-format-video div.video-container {
		margin-top: -50px!important;
		margin-bottom: 30px!important;
		border: 3px solid #efefef!important;
		box-shadow: -1px -1px 37px #00000030!important
	}
	.centered-cta {
		position: relative;
		z-index: 2;
		padding: 267px 0 80px;
		text-align: center;
		background: url(https://hookagency.com/wp-content/uploads/2019/10/bluehook.jpg) 0 0/cover;
		-webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
		clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%)
	}
}

#fbuilder .top_aligned .fields label {
	font-size: 16px;
	font-weight: 900;
	margin-top: 10px;
	margin-bottom: 0;
	line-height: 20px
}

.gform_wrapper #gform_submit_button_44 {
	color: #fff;
	background-color: #a79344
}

.gform_wrapper #gform_submit_button_44:hover {
	color: #fff;
	background-color: #8a7a39
}

.panel ol li,
.panel ul li {
	margin: 20px;
	font-family: Gotham-Book;
	font-size: .9em;
	line-height: 1.5em
}

table {
	border-spacing: 0;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%
}

table tr {
	border: 1px solid #ddd;
	padding: 5px
}

table td,
table th {
	padding: 10px;
	text-align: center
}

table th {
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase
}

@media screen and (max-width:600px) {
	table {
		border: 0
	}
	table thead {
		display: none
	}
	table tr {
		border-bottom: 2px solid #ddd;
		display: block;
		margin-bottom: 10px
	}
	table td {
		border-bottom: 1px dotted #ccc;
		display: block;
		font-size: 13px;
		text-align: right
	}
	table td:last-child {
		border-bottom: 0
	}
	table td:before {
		content: attr(data-label);
		float: left;
		font-weight: 700;
		text-transform: uppercase
	}
}

footer img.logofoot {
	max-width: 200px
}

footer h4 {
	color: #a8943d;
	text-transform: uppercase!important;
	font-weight: 700;
	font-family: gotham-medium;
	font-size: 17px!important;
	line-height: 33px
}

footer ul li a {
	color: #fff;
	opacity: .6
}

footer ul li a:hover {
	color: #fff;
	opacity: 1
}

.line-above {
	border-top: 1px solid rgba(255, 255, 255, .1)
}

.search {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center
}

.js .search {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	pointer-events: none
}

.js .search::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	transition: opacity .5s
}

.search__input:-ms-input-placeholder {
	color: #4a319e
}

.js .main-wrap {
	position: relative;
	transition: transform .5s
}

@media screen and (min-width:700px) and (max-width:1100px) {
	ul.navigation li {
		list-style-type: none;
		float: left;
		margin: 0 15px;
		font-size: 14px!important
	}
}

html body .cp_cff_11 #fbuilder .pbSubmit:hover {
	background: #887838!important
}

.entry-content img {
	margin: 20px auto;
	max-width: 100%;
	height: auto
}

.inner-landing-container {
	max-width: 1257px;
	margin: 0 auto;
	padding: 0 20px
}

.inner-landing-hero-header-wrapper {
	background: #fff;
	padding-bottom: 140px
}

.inner-landing-hero-header-wrapper .col-left {
	width: 43.45%;
	float: left;
	padding-top: 121px;
	position: relative;
	z-index: 12
}

.inner-landing-hero-header-wrapper h1 {
	margin-bottom: 0;
	margin-top: 0
}

.inner-landing-hero-header-wrapper .col-right {
	float: right;
	width: 56.45%;
	padding-top: 96px;
	position: relative;
	z-index: 10
}

.inner-landing-hero-header-wrapper .title {
	font-size: 42px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 1.381!important;
	text-align: left!important;
	text-transform: none!important;
	margin-bottom: 10px!important;
	margin-top: 0!important
}

.inner-landing-hero-header-wrapper .advantage {
	color: #000;
	font-family: Gotham-Book;
	font-size: 18px;
	line-height: 2.167;
	text-align: left
}

.inner-landing-hero-header-wrapper .advantage img {
	vertical-align: baseline
}

.inner-landing-hero-header-wrapper .button-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden
}

.inner-landing-hero-header-wrapper .button_1 {
	margin-top: 30px;
	width: 387px;
	font-size: 20px;
	line-height: 1.2
}

.inner-landing-hero-header-wrapper .button_2 {
	font-family: Publico-Extrabold;
	display: inline-block;
	color: #002157;
	font-size: 20px;
	line-height: 1.95;
	text-align: left;
	margin: 30px auto auto 0
}

.inner-landing-hero-header-wrapper .underline {
	height: 2px;
	width: 100%;
	background-color: #002157
}

.inner-landing-hero-header-wrapper .phone-image {
	position: relative;
	z-index: 2;
	left: 10%
}

.inner-landing-hero-header-wrapper .masked-header {
	position: absolute;
	top: 0;
	right: 0;
	width: 805px;
	height: 1046px;
	z-index: 1;
	background-size: cover
}

.inner-landing-hero-header-wrapper .inner-client-slider {
	margin-top: 130px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto
}

.inner-landing-hero-header-wrapper .inner-client-slider .logo {
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px
}

.inner-landing-hero-header-wrapper .inner-client-slider .logo img {
	max-width: 140px;
	max-height: 80px;
	display: inline-block;
	width: 100%
}

#featured_slider .sliderovertext a.moretag {
	position: relative;
	z-index: 231
}

.inner-landing-custom-icon-box-wrapper {
	padding: 107px 0 30px
}

.inner-landing-custom-icon-box-wrapper .title {
	font-size: 36px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 1.2!important;
	text-align: center!important;
	text-transform: none!important;
	max-width: 510px;
	margin: 0 auto;
	padding-bottom: 18px
}

.inner-landing-custom-icon-box-wrapper .content {
	max-width: 750px;
	font-size: 16px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 1.875;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 35px
}

.inner-landing-custom-icon-box-wrapper .icon-box-with-content-wrapper {
	padding-top: 30px
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item {
	border: 2px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 22.84%;
	float: left;
	margin-right: 2.6%;
	padding: 35px 45px;
	text-align: center;
	position: relative
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item:nth-of-type(4) {
	margin-right: 0
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-counter {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #002157;
	color: #fff;
	font-family: Publico-Extrabold;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	display: block;
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin: auto
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-title {
	font-size: 18px;
	font-family: Gotham-Bold;
	color: #000;
	line-height: 1.2;
	text-align: center;
	padding-top: 24px
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout2 .icon-box-with-content-wrapper .icon-box-item {
	width: 30%;
	float: left;
	margin-right: 3%;
	padding: 21px 35px;
	text-align: center;
	position: relative
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout2 .icon-box-with-content-wrapper .icon-box-item:nth-of-type(3) {
	margin-right: 0
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout2 .icon-box-title {
	font-size: 24px;
	font-family: Publico-Extrabold;
	color: #0b2155;
	line-height: 1.25;
	text-align: center;
	padding-top: 30px
}

.inner-landing-custom-icon-box-wrapper .icon-box-layout2 .icon-box-content {
	font-size: 16px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 1.875;
	text-align: center;
	padding-top: 30px
}

.inner-landing-custom-icon-box-wrapper .icon-box-inner {
	padding-top: 20px
}

.inner-landing-custom-icon-box-wrapper .icon-box-content {
	font-size: 12px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 1.2;
	text-align: center;
	padding-top: 20px
}

.inner-landing-blog-list-wrapper .text-wrap .sub-title {
	text-transform: uppercase!important;
	color: #686868!important;
	font-family: gotham-medium!important;
	font-size: 15px!important;
	margin-bottom: 10px!important;
	line-height: 20px!important;
	font-weight: 400!important
}

.inner-landing-blog-list-wrapper .text-wrap .title {
	font-family: Publico-Extrabold!important;
	color: #192845!important;
	font-size: 32px!important;
	margin-bottom: 30px!important;
	line-height: 44px!important;
	text-transform: none!important;
	max-width: 440px;
	margin: 0 auto 20px
}

.inner-landing-blog-list-wrapper {
	margin-top: 60px;
	margin-bottom: 120px;
	position: relative;
	overflow: hidden
}

.inner-landing-blog-list-wrapper .text-wrap {
	text-align: center;
	margin: 0 auto 50px
}

.inner-landing-blog-list-wrapper .text-wrap .content {
	font-size: 18px;
	line-height: 28px;
	color: #8d8d8d;
	max-width: 520px;
	margin: 0 auto
}

.inner-landing-blog-list-wrapper .blog-wrap .single {
	border: 1px solid #d8d8d8;
	float: left;
	background-color: #fff;
	width: calc(33.33% - 40px);
	margin: 0 20px 40px
}

.inner-landing-blog-list-wrapper .blog-wrap .image {
	height: 250px;
	background-size: cover;
	background-position: center
}

.inner-landing-blog-list-wrapper .blog-wrap .category {
	text-transform: uppercase!important;
	color: #a8943d!important;
	font-family: gotham-medium!important;
	font-size: 14px!important;
	padding: 10px 15px 6px!important;
	margin: 0!important;
	line-height: 16px!important;
	font-weight: 400!important
}

.inner-landing-blog-list-wrapper .blog-wrap .title {
	color: #000;
	font-family: gotham-medium;
	font-size: 15px;
	padding: 0 15px 20px;
	line-height: 24px
}

.inner-landing-contact-form-wrapper {
	background-color: #f4f4f4;
	position: relative
}

.inner-landing-contact-form-wrapper .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 1
}

.inner-landing-contact-form-wrapper .inner-landing-container {
	padding-top: 110px;
	padding-bottom: 130px
}

.inner-landing-contact-form-wrapper .form-wrap {
	position: relative;
	z-index: 2;
	width: 41%
}

.inner-landing-contact-form-wrapper .form-wrap h2 {
	font-size: 36px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 48px!important;
	padding-bottom: 20px;
	width: 100%!important;
	text-transform: none!important;
	margin-top: 0;
	margin-bottom: 0
}

.inner-landing-contact-form-wrapper .form-wrap input[type=email],
.inner-landing-contact-form-wrapper .form-wrap input[type=text] {
	border: 2px solid #d7d7d7;
	font-size: 18px!important;
	color: #545454!important;
	font-family: Gotham-Book!important;
	-webkit-border-radius: 8px;
	margin-top: 0;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: transparent;
	padding: 0 35px!important;
	line-height: 85px!important;
	width: 100%!important
}

.inner-landing-contact-form-wrapper .form-wrap textarea {
	border: 2px solid #d7d7d7;
	font-size: 18px!important;
	color: #545454;
	font-family: Gotham-Book;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: transparent;
	padding: 30px 35px!important;
	line-height: 27px;
	height: 180px!important;
	width: 100%!important
}

.inner-landing-contact-form-wrapper .form-wrap input[type=email]::-webkit-input-placeholder,
.inner-landing-contact-form-wrapper .form-wrap input[type=text]::-webkit-input-placeholder,
.inner-landing-contact-form-wrapper .form-wrap textarea::-webkit-input-placeholder {
	color: #545454;
	opacity: 1
}

.inner-landing-contact-form-wrapper .form-wrap input[type=email]::-moz-placeholder,
.inner-landing-contact-form-wrapper .form-wrap input[type=text]::-moz-placeholder,
.inner-landing-contact-form-wrapper .form-wrap textarea::-moz-placeholder {
	color: #545454;
	opacity: 1
}

.inner-landing-contact-form-wrapper .form-wrap input[type=email]:-ms-input-placeholder,
.inner-landing-contact-form-wrapper .form-wrap input[type=text]:-ms-input-placeholder,
.inner-landing-contact-form-wrapper .form-wrap textarea:-ms-input-placeholder {
	color: #545454;
	opacity: 1
}

.inner-landing-contact-form-wrapper .form-wrap input[type=email]:-moz-placeholder,
.inner-landing-contact-form-wrapper .form-wrap input[type=text]:-moz-placeholder,
.inner-landing-contact-form-wrapper .form-wrap textarea:-moz-placeholder {
	color: #545454;
	opacity: 1
}

.inner-landing-contact-form-wrapper .form-wrap .gform_wrapper {
	margin: 0!important
}

.inner-landing-contact-form-wrapper .form-wrap .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 13px;
	display: inline-block;
	width: 100%
}

.inner-landing-contact-form-wrapper .form-wrap .gform_wrapper .gform_footer {
	position: relative;
	padding: 0;
	margin: 27px 0 0
}

.inner-landing-contact-form-wrapper .form-wrap .gform_wrapper .gform_footer:before {
	content: "\f18e";
	font-family: FontAwesome;
	position: absolute;
	z-index: 10;
	color: #fff;
	font-size: 20px;
	top: 22px;
	left: 34px
}

.inner-landing-contact-form-wrapper .form-wrap input[type=submit] {
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;
	background-color: #a8943d!important;
	font-family: Gotham-Bold!important;
	font-size: 16px!important;
	color: #fff!important;
	padding: 15px 34px 15px 58px!important;
	display: inline-block!important;
	text-align: center;
	transition: .25s;
	min-height: 66px;
	position: relative;
	margin: 0!important;
	border: 0!important;
	width: 200px!important;
	height: 66px!important
}

.inner-landing-contact-form-wrapper .form-wrap input[type=submit]:hover {
	background-color: #867c35!important;
	color: #fff!important
}

.inner-landing-tab-content-wrapper {
	padding-bottom: 120px
}

.inner-landing-tab-content-wrapper h2 {
	font-size: 36px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 1.2!important;
	text-align: center!important;
	text-transform: none!important;
	max-width: 650px;
	margin: 0 auto;
	padding-bottom: 18px
}

.inner-landing-tab-content-wrapper .content {
	max-width: 750px;
	font-size: 18px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 44px
}

.inner-landing-tab-content-wrapper .tab-wrap {
	position: relative;
	max-width: 1000px;
	width: 95%;
	margin: 0 auto
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-title {
	background-color: #e3e7ed;
	transform: rotate(-90deg);
	display: inline;
	position: absolute;
	top: 44%;
	color: #062559;
	left: -121px;
	font-family: Gotham-Bold;
	font-size: 12px;
	line-height: 36px;
	padding: 0 32px;
	height: 36px;
	letter-spacing: 1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap {
	width: 100%;
	background-color: #f6f6f6;
	-webkit-box-shadow: 8px 8px 18px -4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 8px 8px 18px -4px rgba(0, 0, 0, .2);
	box-shadow: 8px 8px 18px -4px rgba(0, 0, 0, .2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs {
	float: left;
	width: 125px
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs .item {
	font-family: Publico-Extrabold;
	cursor: pointer;
	width: 100%;
	float: left;
	text-align: center;
	height: 116px;
	line-height: 116px;
	background-color: #ebebeb;
	border-bottom: 1px solid #d3d3d3
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs .item.active {
	background-color: #f6f6f6;
	border-top: 0;
	border-bottom: 0
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs .item:last-of-type {
	border-bottom: 0
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs .item span {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #002157;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	font-family: Publico-Extrabold;
	font-size: 22px
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements {
	float: left;
	width: calc(100% - 125px)
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .item {
	display: none;
	padding: 60px 55px 50px 50px;
	overflow: hidden
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .item.active {
	display: block
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .left {
	float: left;
	width: 45.45454545454545%
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .left h3 {
	font-family: Gotham-Bold!important;
	font-size: 28px!important;
	font-weight: 400!important;
	margin-top: 0!important;
	margin-bottom: 16px!important
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .left .tab-content {
	font-size: 16px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 26px
}

.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements img {
	float: right;
	max-width: 48%
}

.inner-landing-agency-comparison-wrapper {
	background-color: #f6f6f6;
	position: relative;
	padding-top: 100px
}

.inner-landing-agency-comparison-wrapper .title {
	font-size: 36px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 1.2!important;
	text-align: center!important;
	text-transform: none!important;
	padding-bottom: 30px!important;
	margin-bottom: 0;
	margin-top: 0
}

.inner-landing-agency-comparison-wrapper .content {
	max-width: 670px;
	font-size: 16px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 1.875;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 70px
}

.inner-landing-agency-comparison-wrapper table tr {
	border: 0
}

.inner-landing-agency-comparison-wrapper table tr th {
	font-size: 14px;
	font-family: Gotham-Bold;
	color: #000;
	line-height: 1.2;
	text-align: center
}

.inner-landing-agency-comparison-wrapper table tr td {
	vertical-align: middle;
	background-color: #fff;
	height: 104px;
	-webkit-box-shadow: 0 11px 16px 0 rgba(1, 1, 1, .13);
	-moz-box-shadow: 0 11px 16px 0 rgba(1, 1, 1, .13);
	box-shadow: 0 11px 16px 0 rgba(1, 1, 1, .13);
	width: 200px
}

.inner-landing-agency-comparison-wrapper table tr td:first-child {
	text-align: left;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.inner-landing-agency-comparison-wrapper table tr td:first-child strong {
	font-size: 16px;
	font-family: Gotham-Bold!important;
	color: #000;
	line-height: 1.2;
	text-align: left
}

.inner-landing-agency-comparison-wrapper table tr td:first-child small {
	font-size: 12px;
	font-family: Gotham-Book;
	color: #000;
	line-height: 1.2;
	text-align: left
}

.inner-landing-agency-comparison-wrapper table tr td:nth-child(2) {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.inner-landing-agency-comparison-wrapper table tr td:nth-child(3),
.inner-landing-agency-comparison-wrapper table tr td:nth-child(4),
.inner-landing-agency-comparison-wrapper table tr td:nth-child(5) {
	-webkit-box-shadow: 5px 11px 16px 0 rgba(1, 1, 1, .13);
	-moz-box-shadow: 5px 11px 16px 0 rgba(1, 1, 1, .13);
	box-shadow: 5px 11px 16px 0 rgba(1, 1, 1, .13);
	border-left: 1px solid #ccc
}

.inner-landing-agency-comparison-wrapper table tr.comparison-content td:last-child {
	-webkit-box-shadow: 5px 11px 16px 0 rgba(1, 1, 1, .13);
	-moz-box-shadow: 5px 11px 16px 0 rgba(1, 1, 1, .13);
	box-shadow: 5px 11px 16px 0 rgba(1, 1, 1, .13);
	border-left: 1px solid #ccc;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.inner-landing-agency-comparison-wrapper table tr td.spacertd {
	background-color: transparent;
	height: 20px
}

.inner-landing-agency-comparison-wrapper .mobile-scroll-text {
	color: #002157;
	font-size: 12px;
	font-family: Gotham-Book;
	text-align: center;
	font-style: italic;
	margin-bottom: 60px;
	display: none
}

.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper {
	padding-bottom: 100px
}

.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper table {
	width: 1217px
}

.inner-landing-casestudy-slider-wrapper {
	background-image: url(images/case-study-bg.jpg);
	position: relative
}

.inner-landing-casestudy-slider-wrapper .desktop-slider-wrap {
	background: url(/wp-content/uploads/2019/08/website-design-hook-agency.jpg) no-repeat;
	position: relative;
	height: 797px;
	width: 1371px;
	z-index: 10
}

.inner-landing-casestudy-slider-wrapper .desktop-slider-wrap .slider-for-desktop {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	position: absolute;
	top: 140px;
	left: 160px;
	max-width: 668px;
	max-height: 382px
}

.inner-landing-casestudy-slider-wrapper .mobile-slider-wrap {
	background: url(images/case-study-iphone.png) no-repeat;
	width: 292px;
	height: 461px;
	position: absolute;
	top: 160px;
	left: 740px;
	z-index: 25
}

.inner-landing-casestudy-slider-wrapper .mobile-slider-wrap .slider-for-mobile {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	top: 45px;
	left: 52px;
	max-width: 163px;
	max-height: 340px
}

.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
	position: absolute;
	top: 90px;
	right: 300px;
	z-index: 25;
	width: 310px
}

.inner-landing-casestudy-slider-wrapper .detail-slider-wrap .case-study-text {
	color: #888889;
	font-family: Gotham-Bold;
	font-size: 12px;
	letter-spacing: 1.5px;
	margin-bottom: 20px
}

.inner-landing-casestudy-slider-wrapper .slider-for-data {
	margin-bottom: 35px
}

.inner-landing-casestudy-slider-wrapper .slider-for-data .slider-inner {
	padding: 0 6px
}

.inner-landing-casestudy-slider-wrapper .slider-for-data h3 {
	font-size: 32px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 39px!important;
	text-transform: none!important;
	margin-top: 0!important;
	margin-bottom: 10px!important;
	letter-spacing: 1px!important
}

.inner-landing-casestudy-slider-wrapper .slider-for-data .details {
	font-size: 18px;
	line-height: 39px;
	font-family: Gotham-Book;
	margin-bottom: 15px;
	color: #000
}

.inner-landing-casestudy-slider-wrapper .slider-for-data .details ul {
	font-size: 18px;
	line-height: 39px;
	font-family: Gotham-Book;
	list-style: disc;
	padding-left: 16px;
	margin-top: 0;
	margin-bottom: 0
}

.inner-landing-casestudy-slider-wrapper .slider-for-data .link {
	color: #a79344;
	font-family: Publico-Extrabold;
	font-size: 20px;
	border-bottom: 1px solid #a79344;
	padding-bottom: 8px;
	display: inline-block;
	letter-spacing: .25px
}

.inner-landing-casestudy-slider-wrapper .detail-slider-wrap .cs-slider-next,
.inner-landing-casestudy-slider-wrapper .detail-slider-wrap .cs-slider-prev {
	background: url(images/case-study-arrows.jpg) no-repeat;
	width: 47px;
	height: 47px;
	margin-right: 8px;
	float: left
}

.inner-landing-casestudy-slider-wrapper .detail-slider-wrap .cs-slider-next {
	background-position: center right
}

@media screen and (max-width:1700px) {
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		right: 120px
	}
}

@media screen and (max-width:1450px) {
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		right: 50px
	}
}

@media screen and (max-width:1300px) {
	.inner-landing-agency-comparison-wrapper .mobile-scroll-text {
		display: block
	}
	.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper {
		overflow-x: scroll
	}
	.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper::-webkit-scrollbar {
		height: 6px
	}
	.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper::-webkit-scrollbar-track {
		background: 0 0
	}
	.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper::-webkit-scrollbar-thumb {
		background: #000
	}
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		transform: scale(.9);
		top: -90px;
		left: -160px;
		display: block;
		position: relative
	}
}

@media screen and (max-width:1200px) {
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		transform: scale(.7)
	}
}

@media screen and (max-width:1100px) {
	.inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item {
		width: 45%;
		margin-right: 2.5%!important;
		margin-bottom: 5%;
		margin-left: 2.5%
	}
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		top: -120px;
		left: -210px
	}
}

@media screen and (max-width:1024px) {
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		top: -200px;
		left: -270px
	}
}

@media screen and (max-width:991px) {
	.inner-landing-hero-header-wrapper .button_1 {
		max-width: 100%;
		font-size: 17px;
		padding: 18px 15px 15px
	}
}

@media screen and (max-width:900px) {
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		transform: scale(.4);
		top: 225px;
		left: -160px;
		display: block;
		position: relative
	}
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		width: 400px;
		right: 25%;
		top: 50px
	}
}

@media screen and (max-width:800px) {
	.inner-landing-hero-header-wrapper .button_1 {
		min-width: 280px;
		font-size: 15px
	}
}

@media screen and (max-width:767px) {
	.inner-landing-tab-content-wrapper .tab-wrap {
		text-align: center;
		width: 100%
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-title {
		transform: none;
		position: relative;
		top: auto;
		left: auto;
		display: inline-block;
		margin: 0 auto
	}
	.inner-landing-tab-content-wrapper .content {
		font-family: Gotham-Book;
    font-size: 15px;
    line-height: 2;
	}
	.inner-landing-tab-content-wrapper h2 {font-size: 22px !important; line-height: 32px !important}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs .item {
		width: 33.33%;
		height: 100px;
		line-height: 100px;
		border-bottom: 0;
		border-right: 1px solid #d3d3d3
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs {
		width: 100%
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs .item.active {
		border-right: 0
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .item {
		padding: 40px 40px 30px 30px
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements {
		width: 100%
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements .left {
		width: 100%;
		text-align: left;
		margin-bottom: 30px
	}
	.inner-landing-tab-content-wrapper .tab-wrap .tab-element-wrap .tabs-elements img {
		max-width: 100%;
		float: none
	}
	.inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item {
		width: 80%;
		margin-right: 10%!important;
		margin-bottom: 15%;
		margin-left: 10%
	}
	.inner-landing-custom-icon-box-wrapper .icon-box-layout2 .icon-box-with-content-wrapper .icon-box-item {
		width: 80%;
		float: none;
		padding: 21px 0;
		margin-right: 10%!important;
		margin-left: 10%
	}
	.inner-landing-blog-list-wrapper .blog-wrap .single:nth-of-type(2),
	.inner-landing-blog-list-wrapper .blog-wrap .single:nth-of-type(3) {
		display: none
	}
	.inner-landing-blog-list-wrapper .blog-wrap .single {
		width: calc(100% - 80px);
		margin: 0 40px 40px
	}
	.inner-landing-contact-form-wrapper .image {
		width: 100%;
		height: 380px
	}
	.inner-landing-contact-form-wrapper .inner-landing-container {
		padding-top: 420px
	}
	.inner-landing-contact-form-wrapper .form-wrap {
		width: 100%
	}
	.agency-comparison-wrapper table thead {
		display: block!important
	}
	.agency-comparison-wrapper table td {
		display: inline-block!important;
		border-bottom: 0;
		text-align: center;
		margin-top: 20px!important
	}
	.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper {
		padding-bottom: 50px
	}
	.inner-landing-tab-content-wrapper {
		padding-bottom: 75px
	}
	.inner-landing-agency-comparison-wrapper {
		padding-top: 60px
	}
	.inner-landing-agency-comparison-wrapper .content {
		padding-bottom: 40px
	}
	.inner-landing-custom-icon-box-wrapper {
		padding: 60px 0 0
	}
	.inner-landing-blog-list-wrapper {
		margin-top: 35px;
		margin-bottom: 70px
	}
	.inner-landing-hero-header-wrapper .masked-header {
		position: absolute;
		top: 0;
		right: 0;
		width: 465px;
		height: 606px;
		z-index: 1;
		background-size: cover
	}
	.inner-landing-hero-header-wrapper .col-right {
		float: right;
		width: 100%
	}
	.inner-landing-hero-header-wrapper .phone-image {
		position: relative;
		z-index: 2;
		left: -5%;
		width: 250px
	}
	.inner-landing-hero-header-wrapper .col-left {
		width: 100%;
		float: left;
		padding-top: 0;
		position: relative;
		z-index: 12
	}
	.inner-landing-hero-header-wrapper .inner-client-slider {
		margin-top: 30px
	}
	.inner-landing-hero-header-wrapper {
		background: #fff;
		padding-bottom: 10px
	}
	.inner-landing-agency-comparison-wrapper table tr td {
		vertical-align: middle;
		background-color: #fff;
		height: 60px;
		margin-bottom: 0;
		margin-top: -2px!important;
		width: 140px
	}
	.inner-landing-agency-comparison-wrapper .agency-comparison-wrapper table {
		width: 860px
	}
	.inner-landing-agency-comparison-wrapper table tr td:first-child small,
	.inner-landing-agency-comparison-wrapper table tr td:first-child strong,
	.inner-landing-agency-comparison-wrapper table tr th {
		font-size: 10px
	}
	.agency-comparison-wrapper table th {
		width: 140px
	}
	.inner-landing-agency-comparison-wrapper table tr td:first-child img {
		max-width: 90%
	}
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		right: 13%;
		width: 400px
	}
	.inner-landing-agency-comparison-wrapper .title,
	.inner-landing-blog-list-wrapper .text-wrap .title,
	.inner-landing-casestudy-slider-wrapper .slider-for-data h3,
	.inner-landing-contact-form-wrapper .form-wrap h2,
	.inner-landing-custom-icon-box-wrapper .title,
	.inner-landing-hero-header-wrapper .title {
		font-size: 22px!important;
		margin-bottom: 8px!important;
		line-height: 32px!important;
		max-width: 90%;
	}
	.inner-landing-hero-header-wrapper .advantage {
		color: #000;
		font-family: Gotham-Book;
		font-size: 15px;
		line-height: 3;
		text-align: left
	}
	.inner-landing-casestudy-slider-wrapper {
		filter: brightness(1.1)
	}
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		transform: scale(.4);
		top: 200px;
		left: -160px;
		display: block;
		position: relative
	}
	.inner-landing-contact-form-wrapper .form-wrap input[type=email],
	.inner-landing-contact-form-wrapper .form-wrap input[type=text] {
		line-height: 50px!important
	}
	.inner-landing-contact-form-wrapper .form-wrap textarea {
		height: 140px!important
	}
	.inner-landing-hero-header-wrapper .button_1 {
		font-size: 18px;
		min-height: 54px
	}
	.inner-landing-hero-header-wrapper .button_2 {
		display: block;
		text-align: center;
		width: 387px;
		max-width: 100%
	}
	.inner-landing-hero-header-wrapper .underline {
		width: 200px;
		margin: 0 auto
	}
}

@media screen and (max-width:600px) {
	.inner-landing-agency-comparison-wrapper table tr td.spacertd,
	.inner-landing-agency-comparison-wrapper table tr.spacertr {
		display: none!important
	}
	.page-id-22985 .inner-landing-hero-header-wrapper .phone-image {
		position: relative;
		z-index: 2;
		left: -75%;
		width: 200px;
		margin-bottom: 30px
	}
	.page-id-22985 .inner-landing-hero-header-wrapper .underline {
		width: 88%;
		margin: 0 auto 0 35px
	}
	.contactimg,
	.contactimg img {
		max-width: 100%;
		margin-top: -20px
	}
	.contactform {
		margin-top: -30px;
		-webkit-box-shadow: 0 0 0 0 transparent;
		-moz-box-shadow: 0 0 0 0 transparent;
		box-shadow: 0 0 0 0 transparent
	}
	.mapslap img {
		width: 50%!important;
		margin: 0 auto!important;
		float: none!important;
		display: block
	}
}

@media screen and (max-width:480px) {
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		right: 19%;
		width: 300px
	}
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		top: 270px
	}
}

@media screen and (max-width:390px) {
	.inner-landing-hero-header-wrapper .button_1 {
		font-size: 14px
	}
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		right: 13%;
		width: 280px
	}
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		top: 295px
	}
	.inner-landing-casestudy-slider-wrapper {
		padding-bottom: 55px
	}
}

@media screen and (max-width:350px) {
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		left: -130px;
		width: 260px
	}
	.inner-landing-casestudy-slider-wrapper .detail-slider-wrap {
		right: 5%
	}
	.inner-landing-casestudy-slider-wrapper .mobile-slider-wrap {
		left: 700px
	}
}

@media screen and (max-width:320px) {
	.inner-landing-casestudy-slider-wrapper .slider-for-data h3 {
		font-size: 20px!important;
		line-height: 30px!important
	}
	.inner-landing-casestudy-slider-wrapper .slider-for-data .details {
		line-height: 30px
	}
	.inner-landing-casestudy-slider-wrapper .slider-for-data .link {
		font-size: 18px
	}
	html body .inner-landing-casestudy-slider-wrapper .scale-wrap {
		top: 280px
	}
}

.contactinfo a,
.contactinfo p {
	font: 21px/2em Gotham-Light;
	color: #7c7c7c;
	display: block
}

.mapslap img {
	width: 75%;
	float: right
}

.contactinfo img {
	display: block;
	margin: 0 auto
}

figcaption.figcontact {
	display: inline-block;
	color: #fff;
	background: #162842;
	padding: 30px 15% 30px 30px;
	margin-top: -30px;
	font-size: 20px;
	line-height: 35px
}

.longboi img {
	max-width: 100%;
	margin: 30px auto
}

.newcontact h2 {
	font-size: 42px!important;
	font-family: Publico-Extrabold!important;
	color: #002157!important;
	line-height: 1.381!important;
	text-align: left!important;
	text-transform: none!important;
	margin-bottom: 10px!important;
	margin-top: 0!important
}

.newcontact .contactform input[type=text],
.newcontact .contactform textarea {
	background-color: #efefef;
	border: 0 solid rgba(0, 0, 0, .2);
	width: 100%!important;
	font-size: 21px!important
}

.newcontact .contactform .gform_wrapper .gform_footer input[type=submit] {
	margin: 0!important;
	width: 100%;
	text-transform: none;
	font-weight: 700!important;
	transition: .25s;
	padding: 16px 20px!important;
	border-radius: 6px!important;
	font-size: 19px!important;
	text-transform: uppercase;
	font-family: gotham-medium!important;
	border: 1px solid #a79344;
	background: #a79344;
	color: #fff;
	height: 57px
}

.newcontact .contactform .gform_wrapper textarea.medium {
	height: 220px;
	color: #545454;
	margin-top: 5px
}

.newcontact .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-family: inherit;
	padding: 15px!important;
	letter-spacing: normal;
	font-size: 21px!important;
	margin-bottom: 5px!important
}

.contactimg {
	margin-top: 40px
}

.hlp-bg-wrapper .hlp-container1 {
	max-width: 60%!important
}

.bgwhite {
	background: #fff;
	padding: 100px 0 50px
}

@media screen and (min-width:768px) {
	.mapslap img {
		margin-right: 50px
	}
	.longboi {
		background-color: #fff;
		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		-moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, .2);
		padding: 40px;
		margin-bottom: 80px
	}
	.longboi img {
		margin: 20px auto;
		filter: brightness(105%) contrast(105%) saturate(105%)
	}
	.painted-edge img {
		margin-top: -120px;
		width: 100%
	}
}

html body #input_44_12_3,
html body #input_44_12_6,
html body #input_44_13 {
	border: 1px solid #efefef;
	background: #efefef;
	width: 96.2%!important;
	margin: 10px auto;
	color: #333
}

.one-third.post {
	margin-bottom: 30px
}

.one-third.post a.moretag {
	position: absolute;
	width: 100%;
	max-width: 90%;
	padding: 15px 0;
	border-bottom: none!important;
	margin: 0 auto;
	top: 420px
}

@media screen and (max-width:768px) {
	.one-third.post a.moretag {
		position: absolute;
		width: 100%;
		max-width: 90%;
		padding: 15px 0;
		border-bottom: none!important;
		margin: 0 auto;
		top: 380px
	}
	#featured_slider .sliderovertext h2 a {
		display: block!important;
		font-size: 25px!important;
		line-height: 35px!important;
		margin-bottom: 10px!important;
		text-transform: none!important;
		max-width: 800px
	}
}

.call-to-action a,
a {
	text-decoration: none
}

#logo,
.header {
	position: relative
}

figcaption h2,
h3,
h4 {
	text-transform: uppercase
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

#main-message,
.call-to-action,
.case-study,
.case-study-image,
.header,
nav {
	display: inline-block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.center {
	margion: 0 auto
}

a {
	color: #027891
}

.header {
	background: #fff;
	width: 100%;
	height: 80px;
	box-shadow: 10px 3px 5px rgba(0, 0, 0, .07)
}

#logo {
	margin: 7px 10px!important;
	height: 65px;
	width: auto
}

blockquote,
figcaption,
p,
ul {
	font-family: Gotham-Light, sans-serif;
	font-size: 17px;
	line-height: 27px;
	margin: 20px 0
}

nav {
	background: #fff;
	margin: 33px 30px;
	float: right
}

blockquote {
	margin: 10px;
	padding: 15px 20px;
	background-color: #0e2745;
	color: #fff;
	background-image: url(../images/blockquote-background.png);
	background-repeat: no-repeat;
	-moz-border-radius: 15px;
	border-radius: 4px
}

.sticky2 {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0;
	height: 60px
}

.sticky2 #logo {
	height: 50px !important;
	width: auto
}

ul.navigation,
ul.navigation ul {
	margin: 0;
	vertical-align: middle
}

ul.navigation li {
	list-style-type: none;
	float: left;
	margin: 0 13px
}

.sticky2 ul.navigation,
ul.navigation ul {
	margin-top: -10px
}

@media screen and (max-width:1000px) {
	section {
		background-color: #092648;
		width: 100%;
		background-attachment: fixed;
		height: 510px;
		background-size: cover;
		margin: 0 auto
	}
}

@media screen and (min-width:1000px) {
	.mobile-background {
		background: 0 0
	}
}

#main-message {
	width: 420px;
	margin-left: 42px;
	color: #fff;
	bottom: -300px;
	position: relative
}

#main-message h1 {
	font-family: Montserrat, sans-serif;
	font-size: 2em;
	font-weight: 700
}

#main-message h2,
.case-study .featured-link a {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300
}

#main-message h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	text-transform: none
}

aside {
	background: #fff;
	height: 325px
}

.section-head,
figcaption h2,
h4 {
	color: #0e2745;
	display: inline-block;
	font-family: Montserrat, sans-serif;
	font-weight: 700
}

.section-head {
	font-size: 1.6em;
	margin: 20px 15px
}

.head-wrapper,
.wrapper {
	margin: 0 auto;
	max-width: 1140px
}

figcaption h2,
h4 {
	font-size: 1.15em;
	margin: 15px 0
}

figure {
	display: inline-block;
	background-color: transparent!important
}

figcaption {
	display: inline-block;
	color: #000
}

.anchor {
	display: block;
	position: relative;
	top: -150px;
	visibility: hidden
}

#branding {
	min-height: 610px;
	padding: 25px
}

.contact-text,
.submit_btn,
input[type=submit] {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300
}

footer {
	background: #0b2647;
	min-height: 460px;
	padding: 80px 40px;
	position: relative;
	z-index: 90
}

.contact-text {
	font-size: 1em;
	line-height: 1.1em;
	color: #fff;
	width: 400px;
	display: inline-block;
	vertical-align: top;
	margin-left: 42px
}

#contact-form {
	max-width: 38%;
	display: inline-block;
	float: right;
	margin-right: 52px
}

input[type=email],
input[type=text],
textarea {
	background-color: #efefef;
	border: 0 solid #fff;
	color: #fff;
	font-size: 1em!important;
	font-weight: 300;
	line-height: 1.1;
	margin-bottom: -10px!important;
	padding: .5em!important;
	width: 96%!important
}

textarea#message {
	height: 180px
}

.submit_btn,
input[type=submit] {
	-webkit-appearance: none;
	text-align: center;
	background-color: #0b2647;
	font-size: 1em;
	cursor: pointer;
	width: 100%;
	border: 1px solid #a6a6a6;
	color: #fff;
	padding: 10px;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-ms-transition: background-color .25s;
	-o-transition: background-color .25s;
	text-decoration: none
}

#inner-project-title,
#inner-project-title2,
#inner-project-title3 {
	color: #fff;
	font-family: Gotham-Light, sans-serif;
	font-weight: 100
}

input[type=submit]:hover {
	background: #055764;
	border: 1px solid #a6a6a6;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	text-decoration: none;
	opacity: 1
}

#project-title {
	margin: 0 auto;
	width: 900px;
	text-align: center
}

#inner-project-title2 {
	font: 31px brandongrotesque-black-webfont!important;
	color: #fff!important;
	text-transform: uppercase!important
}

.inner-section {
	height: 230px
}

@media screen and (min-width:700px) {
	.one-half,
	.one-half2 {
		display: inline-block;
		width: 450px;
		max-height: auto;
		vertical-align: top
	}
	.one-half {
		margin: 0 50px
	}
	.one-half p {
		display: inline-block
	}
}

@media screen and (max-width:700px) {
	html body .one-half {
		margin-left: 0!important
	}
}

h3 {
	font-family: Montserrat, sans-serif;
	font-size: 1.6em;
	font-weight: 700;
	display: inline-block;
	color: #0e2745
}

@media only screen and (min-width :968px) {
	.mobile-menu {
		display: none
	}
	.mobile-background {
		background: 0 0
	}
}

@media only screen and (max-width :968px) {
	.navigation {
		display: none
	}
}

@media only screen and (max-width :568px) {
	#branding,
	#webdesign {
		min-height: 400px
	}
	body,
	html {
		overflow-x: hidden
	}
	#branding,
	.about-me-caption {
		padding: 0
	}
	.mobile-background {
		background-image: url(https://timbdesign.com/wp-content/themes/tim-brown/images/mobile-first-sketching.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;
		width: 100%;
		height: 510px;
		margin: 0 auto
	}
	html {
		height: 100%
	}
	.navigation {
		display: none
	}
	#contact-form,
	#main-message,
	.call-to-action,
	.case-study,
	.case-study-image,
	.contact-text,
	.example,
	.mobile-menu {
		display: inline-block
	}
	.mobile-menu {
		z-index: 1000;
		float: right
	}
	aside {
		height: 220px
	}
	#logo {
		height: 50px;
		width: auto;
		margin: 7px 15px
	}
	.header {
		height: 60px
	}
	#main-message {
		width: 270px;
		vertical-align: bottom;
		margin-left: 20px;
		color: #fff;
		bottom: -450px;
		position: absolute
	}
	.case-study,
	.contact-text,
	.process-text-left,
	.process-text-right {
		vertical-align: top
	}
	#main-message h1 {
		font-size: 1.4em
	}
	#main-message h2 {
		font-size: 1.2em
	}
	.contact-text {
		margin-top: 30px;
		width: 255px;
		margin-left: 0
	}
	footer {
		background: #0e2745;
		min-height: 700px;
		padding: 25px
	}
	#contact-form {
		margin-top: 30px;
		min-width: 255px;
		margin-right: 0;
		float: none
	}
	.footer-wrapper {
		width: 285px;
		margin: 0 auto
	}
	#deepthoughts-title,
	#inner-project-title,
	#project-title {
		margin: 0 auto;
		width: 280px
	}
	#inner-project-title,
	#inner-project-title2,
	#inner-project-title3 {
		margin: 75px auto 0;
		width: 280px;
		font-size: 1.8em;
		height: 200px
	}
	#inner-project-title2 {
		margin: 55px auto 0;
		width: 100%;
		font-size: 21px!important;
		height: 200px;
		line-height: 1.3em
	}
	.inner-section {
		height: 200px
	}
	.one-half,
	.one-half2 {
		width: 100%;
		max-height: auto;
		vertical-align: top;
		display: inline-block
	}
	.one-half p {
		display: inline-block
	}
}

@media only screen and (min-width :1240px) {
	section {
		background-color: #0f2744
	}
}

@media only screen and (max-width :1124px) {
	section {
		background-color: #092648;
		width: 100%;
		background-size: cover;
		height: 510px;
		background-position: center;
		margin: 0 auto
	}
	input[type=submit] {
		-webkit-appearance: none
	}
}

@media screen and (min-device-width :768px) and (max-device-width :1024px) {
	.mobile-background {
		max-width: 100%;
		height: 510px;
		margin: 0 auto;
		background-position: right bottom;
		background-repeat: no-repeat
	}
	.head-wrapper {
		margin: 0 auto;
		max-width: 910px
	}
	.wrapper {
		margin: 0 auto;
		max-width: 710px
	}
	#contact-form {
		max-width: 35%;
		display: inline-block;
		float: right;
		margin-right: 30px
	}
	#contact-form h2 {
		font-family: Montserrat, sans-serif;
		font-size: 1.6em;
		font-weight: 700;
		display: inline-block;
		color: #fff
	}
	.contact-text,
	input[type=email],
	input[type=submit],
	input[type=text],
	textarea {
		font-family: Gotham-Light, sans-serif;
		font-weight: 300;
		font-size: 1em
	}
	input[type=email],
	input[type=text],
	textarea {
		background-color: #055764;
		border: 0 solid #fff;
		color: #fff;
		line-height: 1.1;
		margin-bottom: 16px;
		padding: .5em;
		width: 100%
	}
	.case-study,
	.contact-text {
		color: #fff;
		line-height: 1.1em;
		display: inline-block;
		vertical-align: top
	}
	textarea#message {
		height: 180px
	}
	input[type=submit] {
		text-align: center;
		background-color: #0e2745;
		width: 100%;
		border: 1px solid #a6a6a6;
		color: #fff;
		padding: 10px;
		-webkit-transition: background-color .25s;
		-moz-transition: background-color .25s;
		-ms-transition: background-color .25s;
		-o-transition: background-color .25s;
		text-decoration: none
	}
	input[type=submit]:hover {
		background: #055764;
		border: 1px solid #a6a6a6;
		-webkit-transition: background-color .5s;
		-moz-transition: background-color .5s;
		-ms-transition: background-color .5s;
		-o-transition: background-color .5s;
		text-decoration: none;
		opacity: 1
	}
	.contact-text {
		width: 300px;
		margin-left: 35px
	}
	#branding,
	#webdesign {
		min-height: 500px;
		padding: 25px
	}
	#deepthoughts-title,
	#project-title {
		margin: 0 auto;
		width: 380px
	}
	#inner-project-title2 {
		margin: 75px auto 0;
		width: 380px;
		font-size: 1.5em;
		height: 200px
	}
	.one-half,
	.one-half2 {
		padding-left: 0;
		width: 45%
	}
}

.displayblock,
.visit-site {
	display: block
}

.visit-site {
	float: right;
	clear: both;
	margin-bottom: 30px;
	margin-left: 30px
}

.page-port {
	background-color: #333;
	width: 100%;
	height: 1200px;
	overflow-y: hidden;
	border: 5px solid #333
}

#result {
	font-family: Gotham-Light, sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 20px;
	color: #fff;
	padding-top: 10px
}

@media screen and (min-width:550px) and (max-width:800px) {
	.mobile-background,
	section {
		margin-top: -75px
	}
}

@media only screen and (min-width:300px) and (max-width:980px) {
	.main,
	.post,
	.sidebar {
		display: block!important
	}
	.sidebar {
		clear: both!important;
		float: none
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	nav {
		margin: 33px 0
	}
	.sidebar {
		width: 20%
	}
}

p em {
	font-style: italic!important
}

@media screen and (min-width:700px) {
	.directory-item {
		width: 29%;
		display: inline-block;
		padding: 2%;
		vertical-align: top
	}
	.directory-item .button {
		display: block;
		position: relative;
		bottom: 0;
		margin-top: 30px;
		color: #fff!important
	}
}

.wrapper picture img {max-width: 100%;}

.vid-mobile-bg video {
    width: 76.5%;
    margin-left: 72px;
    margin-top: 5%;
}


/* Home Landing Styles */
@font-face {
	font-family: 'Publico-Extrabold';
	src: url('fonts/Publico-Extrabold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Publico-Extrabold.otf')  format('opentype'),
	     url('fonts/Publico-Extrabold.woff') format('woff'),
		 url('fonts/Publico-Extrabold.ttf')  format('truetype'),
		 url('fonts/Publico-Extrabold.svg#Publico-Extrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
.hlp-container {
	max-width: 1150px;
	width: 100%;
	margin: 0 auto;
	padding: 0 25px;
}

.page-id-10580 .featured-articles {display: none}
.hlp-header-wrapper .text {
    color: #333 !important;
}
.hlp-header-wrapper .text a {
    color: #333 !important;
}
.header.home-landing-header {
	background-color: #f7f7f7 !important;
	box-shadow: none !important;
	height: 120px;

	padding: 28px 0 0 0;
}
.home-landing-header nav {
    background: transparent !important;
    margin: 0 !important;
}
.home-landing-header.sticky2 {
	padding: 15px 0 10px 0;
	box-shadow: 10px 3px 5px rgba(0,0,0,.07) !important;
	height: 80px;
}
.page-template-page-home-landing-builder .home-landing-header.sticky2 {
	padding: 7px 0 10px 0;
	height: 75px;
}
.home-landing-header #logo {
    height: 80px;
}
.home-landing-header nav > ul > li > a {
    font-size: 19px;
    font-family: Gotham-Light, sans-serif;
    color: #5c5c5c;
}
.home-landing-header ul.navigation li a.contacthead-cta {
    padding: 16px 20px;
	border-radius: 6px;
	font-size: 19px;
	text-transform: uppercase;
	font-family: gotham-medium;
}
.home-landing-header ul.navigation#menu-header-main-menu > li {
    padding: 28px 0px;
    margin: 0 18px;
}
.home-landing-header ul.navigation#menu-header-main-menu > li.show-in-mobile {
    display: none;
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu li {
    display: block;
    float: none;
    margin: 0px;
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
	margin: 0 13px;
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu:before {
	content: "";
    position: absolute;
    left: 11px;
    top: -17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 17px 20px;
    border-color: transparent transparent #f8f9fa transparent;
    z-index: 9999;}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu::after {
    content:"";
    position: absolute;
    left: 10px;
    top: -18px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 21px 18px 21px;
    border-color: transparent transparent #ebebeb transparent;
    z-index:9998;
}
.home-landing-header #menu-header-main-menu li:hover > ul {
	display:block;
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu {
	border:0px;
	border-radius:0px;
	margin-top:0px;
	top: 79px;
	left:0px;
	background-color:#f8f9fa;
	z-index:9999
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu li {
	display: block;
    float: none;
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu li a {
	padding:0px;
	background-color:#f8f9fa;
	border:0px;
	color:#343434;
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu li a:hover {
	color: #a79344;
}
.home-landing-header #menu-header-main-menu li ul.dropdown-menu li:last-child {
	border-bottom:0px;
}
.home-landing-header #menu-header-main-menu li:hover > ul {
    display: block;
}
.home-landing-header.sticky2 nav > ul > li > a {
    font-size: 18px;
}
.home-landing-header.sticky2 ul.navigation li a.contacthead-cta {
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 16px;
}
.home-landing-header.sticky2 ul.navigation li a.contacthead-cta:hover,
.home-landing-header ul.navigation li a.contacthead-cta:hover {
	background: #867c35;
    border: 1px solid #867c35;
    color: #ffffff;
}
.inner-page-header.home-landing-header {

}
.inner-page-header.home-landing-header {
	background-color: #fff !important;
	padding: 0;
	height: 72px;
	position: fixed;
	box-shadow: 10px 3px 5px rgba(0,0,0,.07) !important;
	top: 0;
	z-index: 100;
}
.home-landing-header.inner-page-header ul.navigation#menu-header-main-menu > li {
    padding: 22px 0px;
}
.home-landing-header.inner-page-header #logo {
    height: 60px;
}
body.inner-page-body-wrap   {
	padding-top: 72px;
}




#hookagency-top-hero-masked-div {
	/*clip-path: url(#hookagency-top-hero-mask);*/
	width: 586px;
	height: 550px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
.mask-wrapper{
	width: 586px;
	height: 550px;
	background: transparent;
}
.hlp-footer-wrap {
	clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 8%, 100% 0%, 100% 100%, 0% 100%);
	margin-top: -72px;
}
.page-template-page-home-landing-builder #full-screen-search {
	display: none !important;
}
.hlp-header-wrapper {
	background-color: #f7f7f7;
	padding: 50px 0;
}
.hlp-header-wrapper .header-logo {
	display: none;
}
.hlp-header-wrapper .header-logo img {
	max-width: 100%;
}
.hlp-header-wrapper .col-left {
	width: 57.27%;
	float: left;
	padding-top: 70px;
}
.hlp-header-wrapper .col-right {
	float: right;
	width: 42%;
}
.hlp-header-wrapper .title {
	font-family: 'Publico-Extrabold' !important;
	color: #a8943d !important;
	font-size: 42px !important;
	line-height: 58px !important;
	margin-bottom: 25px !important;
	text-transform: none !important;
}
.hlp-header-wrapper .text {
	font-size: 18px;
	line-height: 28px;
	color: #8d8d8d;
	margin-bottom: 34px;
}

/*----------- Home Header CTA updates 1/19/20 --------*/

/* .hlp-header-wrapper .link {
	color: #a8943d;
	font-family: Gotham-Bold;
	font-size: 18px;
	line-height: 60px;
	display: block;
}
.hlp-header-wrapper .link i {
	font-size: 64px;
	line-height: 48px;
	margin-right: 27px;
	float: left;
} */

/* .hlp-header-wrapper .link:hover {
	color: #867c35;
} */

.hlp-header-wrapper .link i {
    font-size: 64px;
    line-height: 18px !important;
    margin-right: 0;
    float: left;
}

.hlp-header-wrapper .link {
    color: #192845;
    font-family: Gotham-Bold;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    margin-left: 20px;
}

.hlp-header-wrapper .link:hover {
    color: #192845;
    opacity: .8;
    transition: ease-in-out .3s;
}

@media screen and (max-width: 992px) {
	.hlp-header-wrapper .hlp-container .col-left .hlp-button {
		min-width: 220px !important;
	}
}

@media screen and (max-width: 767px) {
	.hlp-header-wrapper .hlp-container .col-left .hlp-button {
		min-width: 200px !important;
	}

	.hlp-header-wrapper .link i {
		line-height: 14px !important;
	}
}

.hlp-services-wrapper {
	background-color: #f7f7f7;
	padding: 50px 0 40px;
}
.hlp-services-wrapper .title {
	font-family: 'Publico-Extrabold' !important;
	color: #192845 !important;
	font-size: 34px !important;
	line-height: 44px !important;
	margin: 0 auto 28px;
	max-width: 635px;
	text-align: center;
	text-transform: none !important;
}
.hlp-services-wrapper .text {
	font-size: 18px;
	line-height: 28px;
	color: #8d8d8d;
	margin: 0 auto 25px;
	max-width: 630px;
	text-align: center;
}
.hlp-services-wrapper .hlp-container.wide {
	max-width: 1240px;
	margin-top: 70px;
}
.hlp-services-wrapper .hlp-services {
}
.hlp-services-wrapper .hlp-services .single {
	float: left;
	background-color: #ffffff;
	width: calc(25% - 54px);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	margin: 0 27px 58px;
	/* min-height: 200px; */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	padding-bottom: 12px;
}

.hlp-services-wrapper-inner .hlp-services .single {
    float: left;
    background-color: #ffffff;
    width: calc(33% - 54px);
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    margin: 100px 27px 58px;
    min-height: 200px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    height: 260px !important;
    padding: 0px 30px;
        margin-top: -100px;
}

.hlp-services-wrapper-inner .hlp-container {margin-top: 170px !important;}

.hlp-services-wrapper-inner {
    background-color: #f7f7f7;
    padding: 0px 0 40px;
}
.hlp-services-wrapper .hlp-services .single img {
	height: 80px;
	margin: 28px auto 24px;
}
.hlp-services-wrapper .hlp-services .single span {
	display: block;
	padding: 0 10px;
	text-transform: uppercase;
	color: #686868;
	font-family: gotham-medium;
	font-size: 15px;
	line-height: 20px;
	transition: all .25s ease;
}
.hlp-services-wrapper .hlp-services .single:hover span {
	color: #867c35;
}
.hlp-clients-wrapper {
	background-color: #ffffff;
}
.hlp-clients-wrapper .logo {
	float: left;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.hlp-clients-wrapper .logo img {
	max-width: 100%;
	max-height: 90px;
	display: inline-block;
}
.hlp-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #a8943d;
    font-family: Gotham-Bold;
    text-transform: uppercase;
    font-family: Gotham-Bold;
    font-size: 16px;
    font-size: 16px;
    color: #ffffff;
    padding: 15px 15px 15px 15px;
    display: inline-block;
    text-align: center;
    transition: all .25s ease;
    min-width: 330px;
    min-height: 54px;
    line-height: 24px;
}
.hlp-button:hover {
	background-color: #867c35;
	color: #ffffff;
}
.hlp-button.white {
	color: #a8943d;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
}
.hlp-button.white:hover {
	color: #ffffff;
	background-color: #867c35;
}
.hlp-text-image-wrapper {

}
.hlp-image-text-wrapper {
	background-color: #f4f4f4;
}
.hlp-slider-text-wrapper {
	background-color: #f4f4f4;
	padding-top: 140px;
	padding-bottom: 120px;
}
.hlp-image-text-wrapper .col-text {
	width: 50%;
	float: right;
	margin-top: 130px;
	margin-bottom: 200px;
}
.hlp-slider-text-wrapper .col-text {
	width: 40%;
	float: right;
	margin-top: 80px;
	margin-bottom: 80px;
}
.hlp-text-image-wrapper .col-text {
	width: 50%;
	float: left;
	margin-top: 110px;
	margin-bottom: 150px;
}
.hlp-image-text-wrapper .col-image {
	display: none;
}
.hlp-slider-text-wrapper .col-slider {
	width: 57.5%;
	float: left;
}
.hlp-text-image-wrapper .col-image {
	display: none;
}
.hlp-blogs-wrapper .text-wrap .sub-title,
.hlp-slider-text-wrapper .sub-title,
.hlp-image-text-wrapper .sub-title,
.hlp-text-image-wrapper .sub-title {
	text-transform: uppercase !important;
	color: #686868 !important;
	font-family: gotham-medium !important;
	font-size: 15px !important;
	margin-bottom: 10px !important;
	line-height: 20px !important;
	font-weight: normal !important;
}

html body .sub-title h1 {
	text-transform: uppercase !important;
	color: #686868 !important;
	font-family: gotham-medium !important;
	font-size: 15px !important;
	margin-bottom: 10px !important;
	line-height: 20px;
}


.hlp-blogs-wrapper .text-wrap .title,
.hlp-team-slider-wrapper .title,
.hlp-slider-text-wrapper .title,
.hlp-image-text-wrapper .title,
.hlp-text-image-wrapper .title {
	font-family: 'Publico-Extrabold' !important;
	color: #192845 !important;
	font-size: 32px !important;
	margin-bottom: 30px !important;
	line-height: 44px !important;
	text-transform: none !important;
}
.hlp-text-image-wrapper .hlp-button {
}
.hlp-slider-text-wrapper .hlp-container {
	max-width: 1240px;
}
.hlp-slider-text-wrapper .slider-for-wrap {
	background: url(./images/phone-bg.png) no-repeat scroll 0 0 transparent;
    background-size: auto;
	padding: 68px 26px 80px 30px;
	background-size: 260px auto;
	width: 260px;
	float: left;
	position: relative;
	z-index: 10;
}
.hlp-slider-text-wrapper .slider-nav-wrap {
	float: left;
	width: calc(100% - 260px);
	position: relative;
	z-index: 5;
	left: -20px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slider-nav {
	width: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-top: 35px;
	min-height: 404px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide {
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .inner {
	margin: 26px;
}

.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .image img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
	width: 90px;
	height: 90px;
	border: 1px solid #ccc;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .quote {
	font-family: Gotham-Light, sans-serif;
	text-align: center;
	font-size: 19px;
	line-height: 32px;
	color: #8d8d8d;
	margin: 20px 0 10px;
	min-height: 155px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .logo {
	width: 40%;
	padding: 10px 20px 20px 10px;
	float: left;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .logo img {
    max-width: 100%;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .data {
	border-left: 1px solid #cecece;
	float: right;
	width: 60%;
	padding: 4px 0px 14px 20px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .name {
	color: #595959;
	font-family: gotham-medium;
	font-size: 15px;
	margin-bottom: 5px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .position {
	font-size: 14px;
	line-height: 20px;
	font-family: Gotham-Light;
	letter-spacing: 1px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slider-navigate {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.hlp-slider-text-wrapper .slider-nav-wrap .slider-prev,
.hlp-slider-text-wrapper .slider-nav-wrap .slider-next {
	color: #a8943d;
	background-color: #fff;
	width: 70px;
	height: 70px;
	display: inline-block !important;
	line-height: 60px;
	font-size: 60px;
	margin: 0 13px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
}
.hlp-image-text-wrapper .hlp-it-wrap {
	background-position: center left;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: contain;
	position: relative;
}
.hlp-text-image-wrapper .hlp-it-wrap {
	background-position: center right;
	background-repeat: no-repeat;
	overflow: hidden;
	background-size: contain;
	position: relative;
}
.hlp-image-text-wrapper .hlp-container,
.hlp-text-image-wrapper .hlp-container{
	position: relative;
	z-index: 20;
}
.hlp-image-text-wrapper .hlp-it-wrap .overlay,
.hlp-text-image-wrapper .hlp-it-wrap .overlay {
	/*position: absolute;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);*/
}

.hlp-processes-wrapper {
	margin-top: -60px;
}
.hlp-processes-wrapper .single {
	float: left;
	background-color: #ffffff;
	width: calc(33.33% - 40px);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	margin: 0 20px 40px;
	/* min-height: 200px; */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	position: relative;
}
.hlp-processes-wrapper .single span.text {
	display: block;
	padding: 0 20px;
	color: #686868;
	font-size: 18px;
	line-height: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
}
.hlp-processes-wrapper .single span.count {
	color: #ffffff;
	background-color: #192845;
	font-size: 20px;
	font-family: gotham-medium;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	top: -25px;
	left: calc(50% - 25px);
}
.hlp-blogs-wrapper {
	margin-top: 60px;
	position: relative;
	overflow: hidden;
}
.hlp-blogs-wrapper:before {
	content: "";
	background-color: #f4f4f4;
	position: absolute;
	height: 80%;
	width: 100%;
	top: 55%;
	clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 16%, 100% 100%, 0% 100%);
}
.hlp-blogs-wrapper .hlp-container {
	position: relative;
	z-index: 10;
}
.hlp-blogs-wrapper .text-wrap {

	text-align: center;
	margin: 0 auto 50px;
}
.hlp-blogs-wrapper .text-wrap .title {
	max-width: 440px;
	margin: 0 auto 20px;
}
.hlp-blogs-wrapper .text-wrap .content {
	font-size: 18px;
	line-height: 28px;
	color: #8d8d8d;
	max-width: 520px;
	margin: 0 auto;
}
.hlp-blogs-wrapper .blog-wrap {

}
.hlp-blogs-wrapper .blog-wrap .single {
	border: 1px solid #d8d8d8;
	float: left;
	background-color: #ffffff;
	width: calc(33.33% - 40px);
	margin: 0 20px 40px;
}
.hlp-blogs-wrapper .blog-wrap .image {
	height: 250px;
	background-size: cover;
	background-position: center;
}
.hlp-blogs-wrapper .blog-wrap .category {
	text-transform: uppercase !important;
	color: #a8943d !important;
	font-family: gotham-medium !important;
	font-size: 14px !important;
	padding: 10px 15px 6px !important;
	margin: 0 !important;
	line-height: 16px !important;
	font-weight: normal !important;
}
.hlp-blogs-wrapper .blog-wrap .title {
	color: #000000;
	font-family: gotham-medium;
	font-size: 15px;
	padding: 0 15px 20px;
	line-height: 24px;
}

.hlp-cta-buttons-wrapper {
	text-align: center;
	background-color: #f4f4f4;
	padding-top: 80px;
	padding-bottom: 60px;
}
.hlp-cta-buttons-wrapper .title {
	font-family: 'Publico-Extrabold' !important;
	color: #192845 !important;
	font-size: 42px !important;
	line-height: 50px !important;
	margin-bottom: 40px !important;
	text-transform: none !important;
}
.hlp-cta-buttons-wrapper .hlp-button {
	margin: 0px 25px 40px;
}

.hlp-team-slider-wrapper {
	padding-top: 20px;
	padding-bottom: 40px;
}
.hlp-team-slider-wrapper .title {
	text-align: center;
}
#team_slider_new .teamsection h5 {
    font-weight: 300;
    margin-bottom: 14px;
    font-family: gotham-medium;
    font-size: 16px;
}
#team_slider_new .teamsection h4 {
    margin-bottom: 2px;
}
#team_slider_new .teamsection .bio {
	font-size: 18px;
	line-height: 28px;
	color: #8d8d8d;
	margin-bottom: 10px;
}
#team_slider_new .teamsection .hlp-button {
	padding: 0;
	min-width: 140px;
	min-height: 40px;
	line-height: 40px;
}
#team_slider_new .teamsection .hlp-button:hover,
#team_slider_new .owl-item .item:hover a.hlp-button {
	display: inline-block;
}
#team_slider_new .teamsection {
    text-align: center;
    max-width: 100%;
}
#team_slider_new .owl-nav .owl-prev,
#team_slider_new .owl-nav .owl-next {
    display: block !important;
    font-size: 60px;
    width: 40px;
    height: 70px;
    padding: 0;
    margin: -75px 0 0;
    position: absolute;
    top: 50%;
    border: 0 !important;
	color: #a8943d;
}
#team_slider_new .owl-nav .owl-prev {
    left: 0;
}
#team_slider_new .owl-nav .owl-next {
    right: 0;
	text-align: right;
}
.mobile-blob-link {
	display: none;
}
.mobile-footer-subscribe-section {
	/* display: none; */
}

/* Mobile Menu */
body.fixed.page-template-page-home-landing-builder {
	overflow: hidden;
}
.mobile-menu-container {
	/* background-color: rgba(2, 37, 75, 0.9); */
	background-color: #02254B;
	position: fixed;
	top: 0;
	left: 100%;
	width: 85%;
	height: 100%;
	z-index: 9000;
	-webkit-transition: left .5s ease-out;
	-moz-transition: left .5s ease-out;
	-o-transition: left .5s ease-out;
	transition: left .5s ease-out;
	overflow-y: scroll;
}
.mobile-menu-container .mobile-menu-inner {
	margin-bottom: 50px;
}
.mobile-menu-handler {
	display: none;
}
.mobile-menu-container .mobile-menu-logo {
	border-bottom: 2px solid #011b39;
	height: 80px;
}
.mobile-menu-container .mobile-menu-logo .logo {
	width: 170px;
	margin-top: 16px;
	margin-left: 30px;
}
.mobile-menu-container .mobile-menu-logo .icon {
	border-left: 2px solid #011b39;
	display: inline-block;
	float: right;
	width: 90px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 30px;
}
.mobile-menu-container .mobile-menu-logo .icon i {
	color: #ffffff;
}
.mobile-menu-lists {
	margin: 0;
}
.mobile-menu-lists > li {
	width: 100%;
	display: block;
	clear: both;
	border-bottom: 2px solid #011b39;
}
.mobile-menu-lists > li > a {
	margin: 0px 0 0px 30px;
	display: block;
	color: #fff;
	font-size: 17px;
	background-repeat: no-repeat;
	padding: 18px 0 18px 50px;
	background-position: center left;
	position: relative;
}
.mobile-menu-lists > li > a:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "";
	font-size: 26px;
	position: absolute;
	left: 6px;
	top: 20px;
}
.mobile-menu-lists > li.icon-home > a:before {
	content: "\f015";
}
.mobile-menu-lists > li.icon-seo > a:before {
	content: "\f06e";
}
.mobile-menu-lists > li.icon-web > a:before {
	content: "\f10b";
	font-size: 32px;
	top: 12px;
	left: 12px;
}
.mobile-menu-lists > li.icon-team > a:before {
	content: "\f0c0";
	font-size: 22px;
 	left: 8px;
}
.mobile-menu-lists > li.icon-about > a:before {
	content: "\f05a";
}
.mobile-menu-lists > li.icon-articles > a:before {
	content: "\f15c";
	font-size: 22px;
	left: 8px;
}
.mobile-menu-lists > li.icon-contact > a:before {
	content: "\f0e0";
	font-size: 22px;
	left: 8px;
}
.mobile-menu-lists > li.icon-case > a:before {
	content: "\f022";
	font-size: 22px;
	left: 10px;

	top: 20px;
}
.mobile-menu-lists > li > a.dropdown-toggle {

}
.mobile-menu-lists > li > a.dropdown-toggle:after {
	content: "";
}
.mobile-menu-lists > li > ul.dropdown-menu {
	position: relative;
	width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    background-color: #031627;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.mobile-menu-lists > li > ul.dropdown-menu > li {
	border-bottom: 2px solid #010913;
}
.mobile-menu-lists > li > ul.dropdown-menu > li > a {
	padding: 10px 30px;
	color: #fff;
	font-size: 16px;
}
.mobile-menu-lists > li > ul.dropdown-menu > li > a:hover {
	background-color: transparent;
}
.mobile-menu-lists > li.menu-item-has-children > a:after {
	/* font: normal normal normal 14px/1 FontAwesome; */
	/* width: 86px; */
	/* height: 100%; */
	/* content: "\f0d7"; */
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	/* border-left: 2px solid #011b39; */
	/* font-size: 38px; */
	/* line-height: 54px; */
	/* text-align: center; */
}
.mobile-menu-lists > li.menu-item-has-children.open > a:after {
	/* content: "\f0d8"; */
}

.mobile-menu-container .hlp-button {
    padding: 10px 15px 15px 15px;
	margin-top: 15px;
	margin-left: 24px;
	margin-right: 24px;
}
.mobile-menu-container .hlp-button  i {
	font-size: 24px;
	position: relative;
	font-weight: bold;
	top: 3px;
}
.mobile-menu-lists .dropdown-submenu .dropdown-menu {
	left: 0;
}
ul.mobile-menu-lists > li.menu-item-has-children > div.arr {
	right: 0px;
	top: 2px;
	width: 86px;
	height: 100%;
	position: absolute;
	border-left: 2px solid #011b39;
	font-size: 38px;
	line-height: 54px;
	text-align: center;
}
ul.mobile-menu-lists > li.menu-item-has-children > div.arr:after {
	font: normal normal normal 14px/1 FontAwesome;
	height: 100%;
	content: "\f0d7";
	font-size: 38px;
	line-height: 54px;
	text-align: center;
	color: #fff;
}
ul.mobile-menu-lists > li.menu-item-has-children > div.arr.open:after {
	content: "\f0d8";
}
#hamburger-icon {
	width: 48px;
	height: 45px;
	position: relative;
	margin: 25px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 9012; 
}
#hamburger-icon span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #fff;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#hamburger-icon span:nth-child(1) {
	top: 0px;
}
#hamburger-icon span:nth-child(2),
#hamburger-icon span:nth-child(3) {
	top: 15px;
}
#hamburger-icon span:nth-child(4) {
	top: 30px;
}
#hamburger-icon.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
#hamburger-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#hamburger-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#hamburger-icon.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.mobile-footer-subscribe-section .gform_wrapper .gform_heading .gform_title {
	color: #a8943d !important;
	font-family: gotham-medium !important;
	line-height: 20px;
	letter-spacing: .04em !important;
	margin-bottom: 12px !important;
	font-size: 16px !important;
	margin-top: 0 !important;
	font-weight: normal !important;
}
.mobile-footer-subscribe-section .gform_wrapper .gform_heading .gform_description {
	color: rgba(255, 255, 255, .6);
	font-family: Gotham-Light, sans-serif;
	font-size: 15px !important;
	line-height: 24px !important;
}
.mobile-footer-subscribe-section .gform_wrapper .gform_body {
	display: inline-block;
	width: 200px;
}
.mobile-footer-subscribe-section .gform_wrapper .gform_body ul,
.mobile-footer-subscribe-section .gform_wrapper .gform_body ul li,
.mobile-footer-subscribe-section .gform_wrapper .ginput_container {
	padding: 0px !important;
	margin: 0px !important;
}
.mobile-footer-subscribe-section .gform_wrapper .gform_footer {
	display: inline-block;
	width: 100px;
	padding: 0px !important;
	margin: 0px !important;
	position: relative;
	top: -3px;
}
.mobile-footer-subscribe-section .gform_wrapper input[type="text"] {
	background: #0F172A;
	color: #ffffff !important;
	width: 110% !important;
	height: 44px !important;
	margin-top: 0px !important;
	font-size: 15px !important;
	padding-left: 20px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 28px !important;
	min-height: 28px;
}
.mobile-footer-subscribe-section .gform_wrapper input::-webkit-input-placeholder {
 /* Chrome/Opera/Safari */
	 opacity: 1 !important;
	 color: #ffffff !important;
}
.mobile-footer-subscribe-section .gform_wrapper input::-moz-placeholder {
 /* Firefox 19+ */
	opacity: 1 !important;
	color: #ffffff !important;
}
.mobile-footer-subscribe-section .gform_wrapper input:-ms-input-placeholder {
	/* IE 10+ */
	opacity: 1 !important;
	color: #ffffff !important;
}
.mobile-footer-subscribe-section .gform_wrapper input:-moz-placeholder {
	/* Firefox 18- */
	opacity: 1 !important;
	color: #ffffff !important;
}
.mobile-footer-subscribe-section .gform_wrapper .gform_footer input[type=submit] {
	border-radius: 3px !important;
	background: #AB8E2E;
	border: 1px solid #AB8E2E;
	font-weight: bold !important;
	width: 84px !important;
	padding: 0px !important;
	margin: 0px !important;
	font-size: 13px !important;
	height: 42px;
	position: relative;
	top: 2px;
}
.mobile-footer-subscribe-section .gform_wrapper div.validation_error {
	color: #ffffff !important;
}
.mobile-footer-subscribe-section .gform_wrapper .gfield_description {
	color: #ffffff !important;
	margin-top: 11px;
	display: table;
}
.mobile-footer-subscribe-section .gform_wrapper li.gfield.gfield_error {
	background-color: #0b2647 !important;
	border-bottom: 0px !important;
	border-top: 0px !important;
}
.hlp-footer-wrap .footer-text {
   font-size: 15px;
}
.hlp-footer-wrap .money-moves a {
    font-size: 18px !important;
}
.page-template-page-home-landing-builder .centered-cta {
	display: none;
}

#contact_form_pop .gform_wrapper .gfield_checkbox li input[type="checkbox"] {
	display: none;
}

/** Media Queries **/
@media only screen and (max-width: 1200px) {
	.hlp-header-wrapper .col-left {
		width: 44%;
	}
	.hlp-header-wrapper .col-right {
		width: 54%;
		position: relative;
	}
}

@media only screen and (max-width: 1100px) {
	.hlp-services-wrapper .hlp-services .single {
		width: calc(25% - 20px);
		margin: 0 10px 20px;
	}
	.home-landing-header #logo {
		height: 50px;
	}
	.header.home-landing-header.inner-page-header {
		height: 72px;
		padding: 0;
	}
	.home-landing-header.inner-page-header #logo {
		height: 56px;
	}
	.home-landing-header nav > ul > li > a {
		font-size: 16px;
	}
	.home-landing-header ul.navigation#menu-header-main-menu > li {
		padding: 22px 0px;
		margin: 0px 8px;
	}
	.home-landing-header ul.navigation li a.contacthead-cta {
		padding: 12px 18px;
		font-size: 15px;
	}
	.header.home-landing-header {
		height: 80px;
		padding: 16px 0 0 0;
	}
	.home-landing-header .head-wrapper nav,
	#menu-header-main-menu.navigation {
		display: block !important;
	}
	.hlp-image-text-wrapper .hlp-it-wrap,
	.hlp-text-image-wrapper .hlp-it-wrap {
		background-size: 50% auto;
	}
	.hlp-text-image-wrapper .col-text {
		margin-top: 70px;
		margin-bottom: 70px;
	}
	.hlp-image-text-wrapper .col-text {
		margin-top: 70px;
		margin-bottom: 120px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .quote {
		font-size: 16px;
		line-height: 26px;
		min-height: 130px;
	}
	.hlp-services-wrapper .title,
	.hlp-header-wrapper .title,
	.hlp-cta-buttons-wrapper .title,
	.hlp-blogs-wrapper .text-wrap .title,
	.hlp-team-slider-wrapper .title,
	.hlp-slider-text-wrapper .title,
	.hlp-image-text-wrapper .title,
	.hlp-text-image-wrapper .title {
		font-size: 27px !important;
		margin-bottom: 24px !important;
		line-height: 36px !important;
	}
	.hlp-slider-text-wrapper .col-text {
		width: 32%;
	}
	.hlp-slider-text-wrapper .col-slider {
		width: 68%;
	}
	.hlp-footer-wrap {
		clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0 4%, 100% 0%, 100% 100%, 0% 100%);
		height: auto;
	}
	.hlp-footer-wrap .border-right {
		border-right: 0;
	}
	.hlp-header-wrapper .mask-wrapper {
		transform: scale(0.9);
		transform-origin: top left;
	}
	.hlp-footer-wrap .wrapper {
		max-width: 100% !important;
	}
}

@media only screen and (max-width: 800px) {
	.hide-in-mobile {
		display: none !important;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slider-prev, .hlp-slider-text-wrapper .slider-nav-wrap .slider-next {
		width: 35px;
		height: 35px;
		line-height: 32px;
		font-size: 32px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slider-navigate {
		margin-top: 18px;
	}
	.hlp-header-wrapper .mask-wrapper {
		transform: scale(0.8);
	}
}

@media only screen and (max-width: 767px) {
	.header.home-landing-header.inner-page-header {
		/*display: none !important;*/
	}
	body.inner-page-body-wrap {
		/*padding-top: 0;*/
	}
	.hlp-services-wrapper .hlp-services .single:nth-child(even) {
		width: calc(50% - 10px);
		margin: 0 0px 20px 10px;
	}
	.hlp-services-wrapper .hlp-container.wide {
		margin-top: 30px;
	}
	.hlp-services-wrapper .hlp-services .single:nth-child(odd) {
		width: calc(50% - 10px);
		margin: 0 10px 20px 0;
	}
	.hlp-processes-wrapper .single {
		width: calc(100% - 70px);
		margin: 0px 35px 50px;
	}
	.home-landing-header {
		display: none !important;
	}
	.inner-page-header {
		display: block !important;
	}
	.inner-page-header #menu-header-main-menu li {
		display: none !important;
	}
	.inner-page-header #menu-header-main-menu li:last-child {
		display: block !important;
	}	
	.home-landing-header.inner-page-header ul.navigation#menu-header-main-menu > li:last-child {
		/*padding: 19px 0px!important;*/
		padding: 22px 10px 22px 0px!important;
	}
	.mobile-menu-handler {
		display: block;
		position: fixed;
		cursor: pointer;
		bottom: 20px;
		right: 20px;
		z-index: 9010;
		background-color: #a8943d;
		width: 84px;
		height: 84px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.4); 
	}
	.mobile-menu-container.open {
		left: 15%;
	}
	.hlp-image-text-wrapper .hlp-it-wrap,
	.hlp-text-image-wrapper .hlp-it-wrap {
		background: none !important;
	}
	.hlp-image-text-wrapper .col-image,
	.hlp-text-image-wrapper .col-image {
		display: block;
	}
	.hlp-image-text-wrapper .col-image img,
	.hlp-text-image-wrapper .col-image img {
		max-width: 100%;
	}
	.hlp-image-text-wrapper .hlp-container, .hlp-text-image-wrapper .hlp-container {
		padding: 0;
	}
	.hlp-text-image-wrapper .col-text {
		margin-top: 40px;
		margin-bottom: 50px;
		width: 100%;
		text-align: center;
		padding: 0 20px;
	}
	.hlp-image-text-wrapper .col-text {
		margin-top: 40px;
		width: 100%;
		text-align: center;
		padding: 0 20px;
	}
	.hlp-slider-text-wrapper {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.hlp-slider-text-wrapper .col-text {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 40px;
		text-align: center;
		padding: 0 20px;
	}
	.hlp-slider-text-wrapper .col-slider {
		width: calc(100% + 30px);
		float: left;
	}
	.hlp-slider-text-wrapper .slider-for-wrap .slick-slide img {
		width: 150px;
	}
	.hlp-slider-text-wrapper .slider-for-wrap {
		padding: 60px 25px 60px 25px;
		background-size: 200px auto;
		width: 200px;
	}
	.hlp-slider-text-wrapper .hlp-container {
		padding: 0;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap {
		width: calc(100% - 200px);
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .inner {
		margin: 10px 20px 10px 15px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .quote {
		font-size: 15px;
		line-height: 24px;
		min-height: 0;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .position {
		font-size: 10px;
		line-height: 14px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .name {
		font-size: 11px;
		margin-bottom: 0px;
	}

	.hlp-slider-text-wrapper .slider-nav-wrap .slider-nav {
		min-height: 300px;
	}
	.hlp-button {
		font-size: 12px;
		padding: 10px  30px 10px 30px;
		min-width: 280px;
		min-height: 40px;
		line-height: 20px;
	}
	.hlp-footer-wrap {
		clip-path: polygon(0 2%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0 2%, 100% 0%, 100% 100%, 0% 100%);
	}
	.hlp-blogs-wrapper::before {
		top: 46%;
		clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
	}
	.hlp-blogs-wrapper .blog-wrap .single:nth-of-type(2),
	.hlp-blogs-wrapper .blog-wrap .single:nth-of-type(3) {
		display: none;
	}
	.mobile-blob-link {
		display: block;
		text-align: center;
		padding-bottom: 14px;
	}
	.mobile-blob-link a {
		-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	}
	.hlp-blogs-wrapper {
		margin-top: 30px;
	}
	.hlp-blogs-wrapper .blog-wrap .single {
		width: calc(100% - 70px);
		margin: 0 35px 40px;
	}
	.hlp-cta-buttons-wrapper {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.hlp-header-wrapper .col-right {
		float: left;
		width: 100%;
	}
	.hlp-header-wrapper .col-left {
		width: 90%;
		padding-top: 0;
		margin-left: 5%;
		margin-top: -60px;
	}
	.hlp-header-wrapper .mask-wrapper {
		transform: scale(1);
	}
	.hlp-header-wrapper .header-logo {
		display: block;
		width: 200px;
		margin-bottom: 10px;
		margin-top: -30px;
	}
	.hide-in-mobile {
		display: none;
	}
	.hlp-footer-wrap .border-right {
		padding: 0px;
		width: calc(100% - 70px);
		margin: 0 35px 0px;
	}
	.line-above {
		border-top: 1px solid #000000 !important;
	}
	.hlp-footer-wrap .money-moves a {
		font-size: 15px !important;
		line-height: 26px;
	}
	.hlp-footer-wrap img.logofoot {
		max-width: 175px;
		margin-bottom: 10px;
	}
	.hlp-footer-wrap .border-right p {
		font-size: 13px !important;
		line-height: 22px !important;
	}
	.money-moves a {
		font-size: 16px !important;
	}
	.mobile-footer-subscribe-section {
	    display: block;
	    width: calc(100% - 70px);
		margin: 0 35px 0px;
		padding: 0;
	}
	.hlp-footer-wrap .mobile-border {
		height: 1px;
		background-color: #000000;
		margin: 30px 0 !important;
	}
	.mobile-footer-subscribe-section .gform_wrapper .gform_heading .gform_title {
		font-size: 13px !important;
	}
	.mobile-footer-subscribe-section .gform_wrapper .gform_heading .gform_description {
		font-size: 13px !important;
	}
	.mobile-footer-subscribe-section .gform_wrapper input[type="text"] {
		height: 28px !important;
		font-size: 13px !important;
	}
	.mobile-footer-subscribe-section .gform_wrapper .gform_footer input[type=submit] {
		height: 30px;
		font-size: 12px !important;
	}
	.hlp-processes-wrapper .single span.count {
		font-size: 15px;
	}
	.hlp-slider-text-wrapper .title,
	.hlp-text-image-wrapper .title,
	.hlp-image-text-wrapper .title,
	.hlp-blogs-wrapper .text-wrap .title,
	.hlp-team-slider-wrapper .title,
html body .hlp-cta-buttons-wrapper .title {
		font-size: 22px !important;
		margin-bottom: 15px !important;
		line-height: 32px !important;
	}
html body .hlp-services-wrapper .title {
    font-size: 22px !important;
    margin-bottom: 8px !important;
    line-height: 32px !important;
}

html body .hlp-header-wrapper .title {
    font-size: 22px !important;
    margin-bottom: 8px !important;
    line-height: 32px !important;
}
.bgwhite
{background:#fff;    padding: 50px 0 40px;}
.hlp-simple-wrapper h1.title,.hlp-simple-wrapper h2.title {
    font-family: 'Publico-Extrabold' !important;
    color: #192845 !important;
    font-size: 34px !important;
    line-height: 44px !important;
    margin: 0 auto 28px;
    max-width: 723px;
    text-align: center;
    text-transform: none !important;
}
.hlp-simple-wrapper h3.title{text-align:center;    display: block;}
.hlp-simple-wrapper .text {
    font-size: 18px;
    line-height: 28px;
    color: #8d8d8d;
    margin: 0 auto 25px;
    max-width: 644px;
    text-align: center;
}
	.hlp-header-wrapper .link i {
		font-size: 45px;
		line-height: 40px;
		margin-right: 16px;
	}
	.hlp-header-wrapper .link {
		font-size: 13px;
		line-height: 40px;
	}
	.hlp-services-wrapper .text,
	.hlp-header-wrapper .text,
	.hlp-blogs-wrapper .text-wrap .content {
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 12px;
	}
	.hlp-header-wrapper {
		background-color: #f7f7f7;
		padding: 40px 0;
	}
	.hlp-services-wrapper .hlp-services .single span {
		font-size: 10px;
		line-height: 14px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .quote {
		font-size: 12px;
		line-height: 18px;
		color: #333;
		margin-top: 10px;
	}
	.hlp-blogs-wrapper .text-wrap .sub-title,
	.hlp-slider-text-wrapper .sub-title,
	.hlp-image-text-wrapper .sub-title,
	.hlp-text-image-wrapper .sub-title {
		font-size: 11px !important;
		margin-bottom: 6px !important;
		line-height: 16px !important;
	}
	html body .sub-title h1 {
    font-size: 11px !important;
    margin-bottom: 6px !important;
    line-height: 16px !important;

	}
	.hlp-processes-wrapper .single span.text {
		font-size: 13px;
		line-height: 20px;
		margin-top: 40px;
	}
	.hlp-blogs-wrapper .text-wrap {
		margin-bottom: 30px;
	}
	.hlp-blogs-wrapper .blog-wrap .category {
		font-size: 12px !important;
		padding: 8px 15px 2px !important;
	}
	.hlp-blogs-wrapper .blog-wrap .title {
		font-size: 13px;
		padding: 0px 15px 14px;
		line-height: 20px;
	}
	.hlp-services-wrapper .hlp-services .single img {
		height: 42px;
		margin: 20px auto 18px;
	}

	.hlp-footer-wrap {
		min-height: 100px !important;
		padding: 40px 0px 30px !important
	}
	#team_slider_new .teamsection .bio {
		font-size: 13px;
		line-height: 20px;
	}
	#team_slider_new .teamsection h4 { 
		font-size: 17px !important;
	}
	#team_slider_new .teamsection h5 { 
		font-size: 14px;
	}

}

@media only screen and (max-width: 550px) {
	.hlp-header-wrapper .mask-wrapper {
		transform: scale(0.8);
	}
	.hlp-header-wrapper .col-right {
		height: 440px;
	}
}

@media only screen and (max-width: 440px) {
	.hlp-header-wrapper .mask-wrapper {
		transform: scale(0.7);
	}
	.hlp-header-wrapper .col-right {
		height: 390px;
	}
	.hlp-slider-text-wrapper .slider-for-wrap .slick-slide img {
		width: 120px;
	}
	.hlp-slider-text-wrapper .slider-for-wrap {
		padding: 44px 20px 60px 20px;
		background-size: 160px auto;
		width: 160px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap {
		width: calc(100% - 160px);
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .image {
		width: 60px;
		height: 60px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .data {
		padding: 4px 0px 6px 10px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slick-slide .logo {
		padding: 10px 10px 10px 10px;
	}
	.hlp-slider-text-wrapper .slider-nav-wrap .slider-nav {
		min-height: 240px;
	}
	.mobile-footer-subscribe-section .gform_wrapper input[type="text"] {
	    width: 110% !important;
		height: 28px !important;
	}
	.mobile-footer-subscribe-section .gform_wrapper .gform_body {
		width: calc(100% - 96px)  !important;
		float: left;
	}
	.mobile-footer-subscribe-section .gform_wrapper .gform_footer {
		text-align: center;
		width: 95px;
		top: 0px;
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 380px) {
	.hlp-header-wrapper .mask-wrapper {
		transform: scale(0.63);
	}
	.hlp-header-wrapper .col-right {
		height: 350px;
	}
	.hlp-header-wrapper .header-logo {
		width: 150px;
		margin-bottom: 30px;
	}
}

.youre-our-hero {
padding-top: 50px;
    max-width: 700px;
}

.youre-our-hero p {
	    font-size: 19px;
    line-height: 29px;
    color: #666;
    padding: 40px 10px 0;
}

.youre-our-hero p strong {
	color: #a79344;
}

@media only screen and (max-width: 768px) {
	
	.hlp-header-wrapper .text, 
	.hlp-services-wrapper .text, 
	.hlp-header-wrapper .text, 
	.hlp-blogs-wrapper .text-wrap .content, 
	.hlp-processes-wrapper .single span.text, 
	.hlp-services-wrapper .text, 
	.hlp-header-wrapper .text, 
	.hlp-blogs-wrapper .text-wrap .content, 
	#team_slider_new .teamsection .bio {
		font-size: 15px !important;
		line-height: 25px !important;
		color: #333 !important;
	}	
	html body .hlp-header-wrapper .mask-wrapper {
		transform: scale(0.7) !important;
		margin-left: 50px !important;
		margin-top: -30px !important;
		margin-bottom: -20px !important;
	}	
}

/*Pillar Page Styles*/
.ch-1-banner,
.ch-2-banner,
.ch-3-banner,
.ch-4-banner,
.ch-5-banner,
.ch-6-banner,
.ch-7-banner {
	padding-bottom: 30px !important;
}

.ch-1-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #3d1848;
    z-index: -10;
    margin-top: 36px;
}
.ch-2-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #1883af;
    z-index: -10;
    margin-top: 36px;
}
.ch-3-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #5e9831;
    z-index: -10;
    margin-top: 36px;
}
.ch-4-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #e29400;
    z-index: -10;
    margin-top: 36px;
}
.ch-5-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #a13c7f;
    z-index: -10;
    margin-top: 36px;
}
.ch-6-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #192834;
    z-index: -10;
    margin-top: 36px;
}
.ch-7-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 422px;
    background-color: 
    #ac2e21;
    z-index: -10;
    margin-top: 36px;
}

@media (max-width: 576px) {
	.ch-1-banner::before,
	.ch-2-banner::before,
	.ch-3-banner::before,
	.ch-4-banner::before,
	.ch-5-banner::before,
	.ch-6-banner::before,
	.ch-7-banner::before {
		height: 445px;
	    margin-top: 10px;
	}
}

.ch-1-banner::after,
.ch-2-banner::after,
.ch-3-banner::after,
.ch-4-banner::after,
.ch-5-banner::after,
.ch-6-banner::after,
.ch-7-banner::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 300px;
    background-color: 
    white;
    margin-top: 0px;
    z-index: -5;
}

@media (max-width: 576px) {
	.ch-1-banner::after,
	.ch-2-banner::after,
	.ch-3-banner::after,
	.ch-4-banner::after,
	.ch-5-banner::after,
	.ch-6-banner::after,
	.ch-7-banner::after {
	    margin-top: -12px;
	}
}

/*---------------------------------------------------
		>>>> Custom Themes Landing Pages <<<<
----------------------------------------------------*/
.page-template-page-theme-landing {
    background-color: #f7f7f7;
}

.page-template-page-theme-landing .row {
	margin-top: 0;
	margin-bottom: 0;
}

.page-template-page-theme-landing .hlp-ctatop-section-wrapper {
    display: none;
}

.page-template-page-theme-landing section {
	background-color: #f7f7f7;
	height: auto;
	margin: 0 !important;
}

.page-template-page-theme-landing a.hlp-button {
    padding: 15px 30px 15px 30px;
    min-width: auto;
}

.page-template-page-theme-landing a.hlp-button i {
    margin-left: 10px;
    font-size: 20px;
}

.page-template-page-theme-landing .hlp-ctatop-section-wrapper {
	margin-top: 0;
}

.page-template-page-theme-landing h2 {
    font-family: 'Publico-Extrabold' !important;
    color: #192845 !important;
    font-size: 42px !important;
    margin-bottom: 0px !important;
    line-height: 50px !important;
    text-transform: none !important;
}

.page-template-page-theme-landing h2.title-gold {
	color: #a79344 !important;
}

ul.landing-list {
    margin: 30px 0 38px;
}

li.landing-list__item {
    font-family: Gotham-Bold, sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 28px;
}

li.landing-list__item img {
    margin-right: 12px;
}

@media screen and (max-width: 768px) {
	.page-template-page-theme-landing h2 {
		font-size: 36px !important;
		line-height: 44px !important;
	}
}

@media screen and (max-width: 455px) {
	.page-template-page-theme-landing h2 {
		font-size: 32px !important;
		line-height: 40px !important;
	}

	li.landing-list__item {
		font-size: 12px;
		line-height: 24px;
	}
}

/*-- Custom Themes Landing Page Hero --*/
section.landing-hero {
	position: relative;
    height: 100%;
	padding-top: 130px;
    padding-bottom: 130px;
	background-color: transparent;
}

section.landing-hero::before {
    content: '';
    position: absolute;
    width: 40%;
    height: 100%;
    background-color: #0b2647;
    top: 0;
    right: 0;
    z-index: -5;
}

#hero-sec.landing-hero .col-md-6.landing-hero__first {
    padding: 0 50px 0 65px;
}

#hero-sec.landing-hero h1.jumbo-header {
	font-size: 52px;
    font-family: Publico-Extrabold;
    color: #002157;
    line-height: 62px;
    text-align: left;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 0;
}

.landing-hero__testimonial {
    position: relative;
    background-color: #fff;
    width: 80%;
    margin: auto;
    padding: 25px;
	display: flex;
	align-items: center;
	border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
}

img.landing-hero__testimonial__headshot {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}

.landing-hero__testimonial::after {
    content: '';
    position: absolute;
    top: 80px;
    width: 70px;
    height: 16px;
    background: url(/wp-content/themes/tim-brown/svg/hero-badge.svg) center center no-repeat;
}

.landing-hero__testimonial__content p {
    color: #0A2749;
    font-family: 'Publico-Extrabold';
    font-size: 10px;
    line-height: 16px;
    margin: 0 auto 6px;
    letter-spacing: .25px;
}

.landing-hero__testimonial__content span {
    position: relative;
    font-size: 10px;
    line-height: 10px;
    font-family: 'Gotham-Bold';
    color: #000;
    text-transform: uppercase;
    margin: 0 0 0 18px;
}

.landing-hero__testimonial__content span img {
    position: absolute;
	width: 13px;
	height: 13px;
    top: -2px;
    left: -18px;
}

@media screen and (max-width: 992px) {
	section.landing-hero::before {
		content: none;
		display: none;
	}

	section#hero-sec {
		padding-bottom: 0;
	}

	#hero-sec.landing-hero .col-md-6.landing-hero__first {
		padding: 0 15px 60px;
	}
}

@media screen and (max-width: 768px) {
	section#hero-sec {
		padding-top: 100px;
		padding-bottom: 60px;
	}

	#hero-sec.landing-hero h1.jumbo-header {
		font-size: 48px;
		line-height: 60px;
	}
}

@media screen and (max-width: 585px) {
	.landing-hero__testimonial {
		width: 90%;
	}
}

@media screen and (max-width: 455px) {
	section#hero-sec {
		padding-top: 80px;
		padding-bottom: 40px;
	}

	#hero-sec.landing-hero h1.jumbo-header {
		font-size: 42px;
		line-height: 52px;
	}

	.landing-hero__testimonial {
		flex-flow: column;
		text-align: center;
		width: 80%;
	}

	img.landing-hero__testimonial__headshot {
		margin-right: 0;
		margin-bottom: 18px;
	}
}

/*-- Custom Themes Landing Page Badges --*/
section.badges-banner {
    background-color: #f7f7f7;
	padding: 0;
}

section.badges-banner .row {
    margin: 80px 0 0 0;
}

.col-lg-12.badges-banner__wrapper {
    display: flex;
    justify-content: space-between;
}

.col-lg-12.badges-banner__wrapper img {
    display: flex;
    width: 100%;
    max-width: 155px;
    height: 70px;
    object-fit: contain;
    mix-blend-mode: multiply;
    filter: grayscale(1);
}

@media screen and (max-width: 992px) {
	.col-lg-12.badges-banner__wrapper {
		display: flex;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}

	.col-lg-12.badges-banner__wrapper img {
		margin: 10px 0;
	}
}

@media screen and (max-width: 768px) {
	section.badges-banner .row {
		margin: 0;
	}

	.col-lg-12.badges-banner__wrapper img {
		max-width: 200px;
		height: 65px;
	}
}

@media screen and (max-width: 585px) {
	.col-lg-12.badges-banner__wrapper img {
		max-width: 150px;
		height: 60px;
	}
}

@media screen and (max-width: 455px) {
	.col-lg-12.badges-banner__wrapper img {
		margin: 20px 0 0;
	}
}

/*-- Custom Themes Landing Page Two Column Text + Image Sections --*/
section#two-col {
    padding: 130px 0;
}

section#two-col .text-col {
    padding: 0 0 0 60px;
}

#two-col.image-left-text-right .text-col,
#two-col.text-left-image-right .text-col {
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
    min-height: 444px;
}

#two-col.image-left-text-right .text-col ul,
#two-col.text-left-image-right .text-col ul {
    margin: 0;
}

#two-col.image-left-text-right .two-col__image,
#two-col.text-left-image-right .two-col__image {
	width: 100%;
	height: 444px;
	-webkit-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
}

#two-col.image-left-text-right .two-col__image img,
#two-col.text-left-image-right .two-col__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 992px) {
	section#two-col {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#two-col.image-left-text-right .text-col, 
	#two-col.text-left-image-right .text-col {
		min-height: auto;
		padding: 60px 15px 0;
	}

	section#two-col.text-left-image-right .row {
		display: flex;
		flex-flow: column-reverse;
	}
}

@media screen and (max-width: 768px) {
	section#two-col {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#two-col.image-left-text-right .two-col__image, 
	#two-col.text-left-image-right .two-col__image {
		height: 400px;
	}

	#two-col.image-left-text-right .text-col, 
	#two-col.text-left-image-right .text-col {
		padding-top: 40px;
	}
}

@media screen and (max-width: 585px) {
	#two-col.image-left-text-right .two-col__image, 
	#two-col.text-left-image-right .two-col__image {
		height: 330px;
	}
}

@media screen and (max-width: 455px) {
	#two-col.image-left-text-right .two-col__image, 
	#two-col.text-left-image-right .two-col__image {
		height: 300px;
	}
}

@media screen and (max-width: 375px) {
	#two-col.image-left-text-right .two-col__image, 
	#two-col.text-left-image-right .two-col__image {
		height: 240px;
	}
}

/*-- Custom Themes Landing Page Testimonials Slider --*/
.page-template-page-theme-landing section.testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
    background-color: #a79344;
}

.page-template-page-theme-landing section.testimonials .row {
    display: flex;
    justify-content: center;
    margin: auto;
}

.page-template-page-theme-landing section.testimonials .testimonials__wrapper {
	position: relative;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner {
	position: relative;
    display: flex !important;
    align-items: center;
    width: 100%;
    height: auto;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner::after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(/wp-content/themes/tim-brown/svg/testimonial-badge.svg) center center no-repeat;
    left: 80px;
    bottom: -2px;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner img {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    margin-right: 25px;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider__inner .testimonials__slider__inner__content {
    display: flex !important;
    flex-wrap: wrap;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider__inner .testimonials__slider__inner__content p {
    color: #fff;
    display: inline-block;
    margin-top: 0;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider__inner .testimonials__slider__inner__content h5 {
    color: #fff;
    font-family: 'gotham-bold';
    text-transform: uppercase;
}

.page-template-page-theme-landing section.testimonials .testimonials__slider__inner .testimonials__slider__inner__content span {
    display: flex;
}

.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-prev.slick-arrow,
.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-next.slick-arrow {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #0A2749;
    width: 47px;
    height: 47px;
    line-height: 60px;
    font-size: 60px;
    margin: 0 13px;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
	cursor: pointer;
}

.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-prev.slick-arrow {
	left: -25%;
}

.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-next.slick-arrow {
	right: -25%;
}

.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slick-arrow::after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(/wp-content/themes/tim-brown/svg/arrow-right-circle.svg) center center no-repeat;
	background-size: contain;
	top: 12px;
	left: 10px;
}

.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-prev.slick-arrow::after {
	transform: rotate(180deg);
}

.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner .testimonials__slider__inner__content span img {
    width: 100px;
    height: 16px;
    object-fit: contain;
    border-radius: 0;
    margin: 0 0 0 10px;
}

@media screen and (max-width: 992px) {
	.page-template-page-theme-landing section.testimonials .testimonials__wrapper {
		width: 100%;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner {
		flex-flow: column;
		text-align: center;
		padding: 0 50px;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner::after {
		left: 54%;
		bottom: auto;
		top: 75px;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner img {
		margin-right: 0;
		margin-bottom: 25px;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__slider__inner .testimonials__slider__inner__content {
		justify-content: center;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-prev.slick-arrow {
		left: -30px;
	}
	
	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-next.slick-arrow {
		right: -30px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner {
		padding: 0;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-prev.slick-arrow, .page-template-page-theme-landing section.testimonials .testimonials__wrapper .slider-next.slick-arrow {
		display: none !important;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slick-dots {
		bottom: 0 !important;
		position: relative !important;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slick-dots li button:before {
		font-family: inherit !important;
		font-size: 25px !important;
		opacity: .5;
		color: #fff;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__wrapper .slick-dots li.slick-active button:before {
		opacity: 1;
		color: #fff;
	}
}

@media screen and (max-width: 455px) {
	.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner::after {
		left: 57%;
		top: 76px;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__slider__inner .testimonials__slider__inner__content span h5 {
		font-size: 14px;
	}

	.page-template-page-theme-landing section.testimonials .testimonials__slider .testimonials__slider__inner .testimonials__slider__inner__content span img {
		width: 80px;
		height: 12px;	
		margin: 0 0 0 5px;
	}
}


/*-- Custom Themes Landing Page ROI Calculator --*/
section#custom-calc.roi-calc {
    background-color: #eaeaea;
    padding-top: 120px;
    padding-bottom: 130px;
}

#custom-calc.roi-calc .roi-calc__inner {
	width: 100%;
	max-width: 600px;
	text-align: center;
	margin: 0 auto 40px;
}

#custom-calc.roi-calc .row {
	display: flex;
	justify-content: center;
}

#fbuilder_1 .dfield #fieldname1_1 {
    color: #000 !important;
}

.page-template-page-theme-landing div#fbuilder_1 div#formheader_1 {
	display: none !important;
}

@media screen and (max-width: 992px) {
	section#custom-calc.roi-calc {
		padding: 70px 0 80px;
	}
}

@media screen and (max-width: 768px) {
	section#custom-calc.roi-calc {
		padding: 60px 0;
	}
}

@media screen and (max-width: 455px) {
	#fbuilder .top_aligned .fields .dfield a.button {
		font-size: 12px;
		line-height: 18px;
	}
}


/*-- Custom Themes Landing Page 4 Column Tiles --*/
.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper {
    padding: 120px 0 130px;
}

.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper h2.title {
    font-size: 36px!important;
    font-family: Publico-Extrabold!important;
    color: #fff!important;
    line-height: 1.2!important;
    text-align: center!important;
    text-transform: none!important;
    max-width: 510px;
    margin: 0 auto;
    padding-bottom: 18px;
}

.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-with-content-wrapper {
    padding-top: 30px;
    display: flex;
    justify-content: center;
}

.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item {   
    display: flex;
	border: none;
	background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: calc((100% / 4) - 40px);
    float: none;
    margin: 0 12px !important;
    padding: 30px 40px;
}

.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item:nth-of-type(4) {
    margin-right: 12px;
}

.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-counter {
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0;
    background-color: #a79344;
    color: #fff;
}

@media screen and (max-width: 992px) {
	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper {
		padding: 80px 0 50px;
	}

	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-with-content-wrapper {
		flex-wrap: wrap;
	}
	
	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item {
		display: flex;
		border: none;
		background-color: #fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: calc((100% / 2) - 25px);
		float: none;
		margin: 0 10px 40px 10px !important;
		padding: 30px 40px;
	}
}

@media screen and (max-width: 768px) {
	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-with-content-wrapper {
		padding-top: 0;
	}

	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper {
		padding: 60px 0 20px;
	}

	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper .icon-box-layout1 .icon-box-with-content-wrapper .icon-box-item {
		width: 100%;
		max-width: 500px;
		margin: 0 0 50px 0 !important;
	}
}

@media screen and (max-width: 455px) {
	.page-template-page-theme-landing.page-id-28091 .inner-landing-custom-icon-box-wrapper h2.title {
		font-size: 32px!important;
		line-height: 38px !important;
	}
}


/*-- Custom Themes Landing Page Single Column --*/
section#single-column.single-col-content {
    padding: 118px 0 130px;
}

section#single-column.single-col-content .row {
    display: flex;
    justify-content: center;
    text-align: center;
}

#single-column.single-col-content img {
    width: 100%;
    max-width: 560px;
    height: auto;
    object-fit: contain;
	margin-top: 20px;
	-webkit-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.25);
}

@media screen and (max-width: 992px) {
	section#single-column.single-col-content {
		padding: 75px 0 80px;
	}
}

@media screen and (max-width: 768px) {
	section#single-column.single-col-content {
		padding: 60px 0 70px;
	}
}

/*-- Custom Themes Landing Page Project Gallery --*/
section#landing-gallery.portfolio-gallery {
    padding-top: 130px;
	padding-bottom: 0;
	overflow: hidden;
}

.gallery-slider__wrapper > div {
    width: 100%;
    height: 100%;
}

section#landing-gallery.portfolio-gallery .gallery-slider {
    width: 100%;
	height: 100%;
    display: flex;
	align-items: flex-end;
	margin-bottom: -3px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.35);
	border-radius: 16px 16px 0 0;
}

section#landing-gallery.portfolio-gallery .gallery-slider img {
    width: 100% !important;
    height: 100%;
}

section#landing-gallery.portfolio-gallery .gallery-slider__prev.slick-arrow, 
section#landing-gallery.portfolio-gallery .gallery-slider__next.slick-arrow {
    position: relative;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    background-color: #a79344;
    width: 47px;
    height: 47px;
    line-height: 60px;
    font-size: 60px;
    margin: 30px 15px 0 0;
    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.2);
    cursor: pointer;
}

section#landing-gallery.portfolio-gallery .slick-arrow::after {
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	background: url(/wp-content/themes/tim-brown/svg/arrow-right-circle.svg) center center no-repeat;
	background-size: contain;
	top: 12px;
	left: 10px;
}

section#landing-gallery.portfolio-gallery .gallery-slider__prev.slick-arrow::after {
    transform: rotate(180deg);
}

/* @media screen and (max-width: 1200px) {
	section#landing-gallery.portfolio-gallery .gallery-slider {
		min-height: 670px;
	}
} */

@media screen and (max-width: 992px) {
	section#landing-gallery.portfolio-gallery {
		padding-top: 80px;
	}

	.gallery-slider__wrapper {
		margin-top: 60px;
	}

	section#landing-gallery.portfolio-gallery .gallery-slider__prev.slick-arrow, section#landing-gallery.portfolio-gallery .gallery-slider__next.slick-arrow {
		position: absolute;
		top: 0;
	}

	section#landing-gallery.portfolio-gallery .gallery-slider__prev.slick-arrow {
		right: 70px;
	}

	section#landing-gallery.portfolio-gallery .gallery-slider__next.slick-arrow {
		right: 0;
	}
}

@media screen and (max-width: 786px) {
	section#landing-gallery.portfolio-gallery {
		padding-top: 60px;
	}
}

@media screen and (max-width: 585px) {
	section#landing-gallery.portfolio-gallery {
		text-align: center;
	}

	section#landing-gallery.portfolio-gallery .gallery-slider__wrapper {
		margin-top: 15px;
	}

	section#landing-gallery.portfolio-gallery .gallery-slider__prev.slick-arrow {
		right: 0;
	}
	section#landing-gallery.portfolio-gallery .gallery-slider__prev.slick-arrow, section#landing-gallery.portfolio-gallery .gallery-slider__next.slick-arrow {
		position: relative;
	}
}

/*-- Custom Themes Landing Page Callout Testimonial --*/
section#callout-test {
    padding: 130px 0;
    background-color: #a79344;
}

section#callout-test .row {
    display: flex;
    justify-content: center;
    text-align: center;
}

section#callout-test img.testimonials-source-logo {
    width: 100%;
    max-width: 200px;
    mix-blend-mode: screen;
}

section#callout-test .callout-testimonial__content__bottom {
    display: flex;
    width: 100%;
    max-width: 400px;
    justify-content: center;
    align-items: center;
    margin: auto;
}

section#callout-test p.callout-testimonial__content {
    font-family: 'Publico-Extrabold';
    font-size: 36px;
    line-height: 56px;
    color: #fff;
}

section#callout-test img.testimonial-hs {
    width: 97px;
    height: 97px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}

section#callout-test .callout-testimonial__content__bottom__inner {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    width: calc(100% - 127px);
    text-align: left;
}

section#callout-test .callout-testimonial__content__bottom__inner img {
    margin-bottom: 5px;
}

section#callout-test .callout-testimonial__content__bottom p {
    color: #fff;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
}

@media screen and (max-width: 992px) {
	section#callout-test {
		padding: 80px 0;
	}
}

@media screen and (max-width: 768px) {
	section#callout-test {
		padding: 60px 0;
	} 
	section#callout-test p.callout-testimonial__content {
		font-size: 28px;
		line-height: 48px;
	}
}

@media screen and (max-width: 455px) {
	section#callout-test p.callout-testimonial__content {
		font-size: 21px;
		line-height: 32px;
	}

	section#callout-test img.testimonial-hs {
		width: 75px;
		height: 75px;
		object-fit: cover;
		border-radius: 50%;
		margin-right: 20px;
	}

	section#callout-test .callout-testimonial__content__bottom__inner {
		width: calc(100% - 110px);
	}

	section#callout-test .callout-testimonial__content__bottom p {
		font-size: 12px;
		line-height: 21px;
	}
}

/*-- Custom Themes Landing Page Simple CTA --*/
section#lp-cta.simple-cta {
    padding-top: 130px;
	padding-bottom: 175px;
	background-color: #fff;
}

section#lp-cta.simple-cta .row {
    justify-content: center;
    display: flex;
    text-align: center;
}

section#lp-cta.simple-cta p {
    color: #192845;
}

@media screen and (max-width: 992px) {
	section#lp-cta.simple-cta {
		padding-top: 80px;
		padding-bottom: 160px;
	}
}

@media screen and (max-width: 768px) {
	section#lp-cta.simple-cta {
		padding-top: 60px;
		padding-bottom: 140px;
	}
}