@font-face {
	font-family: socialicoregular;
	src: url(/css/Socialico/socialico.eot);
	src: url(/css/Socialico/socialico.eot?#iefix) format('embedded-opentype'), url(/css/Socialico/socialico.woff) format('woff'), url(/css/Socialico/socialico.ttf) format('truetype'), url(/css/Socialico/socialico.svg#socialicoregular) format('svg');
	font-weight: 400;
	font-style: normal
}

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

audio,
canvas,
video {
	display: inline-block;
	display: inline;
	zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
	font-family: sans-serif
}

body,
html {
	margin: 0;
	padding: 0
}

a:focus {
	outline: thin dotted
}

h2 {
	font-size: 1.5em
}

h3 {
	font-size: 1.17em
}

h4 {
	font-size: 1em;
	margin: 1.33em 0
}

h5 {
	font-size: .83em;
	margin: 1.67em 0
}

h6 {
	font-size: .67em;
	margin: 2.33em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

mark {
	background: #ff0;
	color: #000
}

p,
pre {
	margin: 1em 0
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

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

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

dl,
menu,
ol,
ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

menu,
ol,
ul {
	padding: 0 0 0 40px
}

nav ol,
nav ul {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

figure,
form {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	margin-left: -7px;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	vertical-align: middle;
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
	overflow: visible;
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	height: 13px;
	width: 13px;
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

html {
	overflow-y: scroll
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	clear: both
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

img {
	vertical-align: middle
}

@font-face {
	font-family: GeneralFoundicons;
	src: url(css/Foundation/general_foundicons.eot);
	src: url(css/Foundation/general_foundicons.eot?#iefix) format("embedded-opentype"), url(css/Foundation/general_foundicons.woff) format("woff"), url(css/Foundation/general_foundicons.ttf) format("truetype"), url(css/Foundation/general_foundicons.svg#GeneralFoundicons) format("svg");
	font-weight: 400;
	font-style: normal;
	font-family: GeneralEnclosedFoundicons;
	src: url(css/Foundation/general_enclosed_foundicons.eot);
	src: url(css/Foundation/general_enclosed_foundicons.eot?#iefix) format("embedded-opentype"), url(css/Foundation/general_enclosed_foundicons.woff) format("woff"), url(css/Foundation/general_enclosed_foundicons.ttf) format("truetype"), url(css/Foundation/general_enclosed_foundicons.svg#GeneralEnclosedFoundicons) format("svg");
	font-weight: 400;
	font-style: normal;
	font-family: sofia_pro_lightregular;
	src: url(css/Sofia/SofiaProLight-webfont.eot);
	src: url(css/Sofia/SofiaProLight-webfont.eot?#iefix) format('embedded-opentype'), url(css/Sofia/SofiaProLight-webfont.woff) format('woff'), url(css/Sofia/SofiaProLight-webfont.ttf) format('truetype'), url(css/Sofia/SofiaProLight-webfont.svg#sofia_pro_lightregular) format('svg');
	font-weight: 400;
	font-style: normal
}

button,
html,
input,
select,
textarea {
	color: #363636
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: sofia_pro_lightregular;
	font-size: 14px;
	line-height: 1.5em;
	color: #363636;
	width: 100%;
	overflow: hidden
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0 auto 20px;
	padding: 0;
	width: 600px
}


.list-reset {
	list-style-type: none;
	padding-left: 0;
}

.inner-wrapper,
.outer-wrapper {
	width: 100%
}

.outer-wrapper p a {
	color: #8bc53e;
}

.container,
footer,
header,
section {
	width: 960px;
	margin: 0 auto
}

.container {
	padding: 20px
}

.col1,
.col10,
.col11,
.col12,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9 {
	padding: 20px;
	float: left
}

.col1 {
	width: 80px
}

.col2 {
	width: 160px
}

.col3 {
	width: 240px
}

.col4 {
	width: 320px
}

.col5 {
	width: 400px
}

.col6 {
	width: 480px
}

.col7 {
	width: 560px
}

.col8 {
	width: 640px
}

.col9 {
	width: 720px
}

.col10 {
	width: 800px
}

.col11 {
	width: 880px
}

.col12 {
	width: 960px
}

.center-col {
	float: none;
	margin: 0 auto
}

.padding-header {
	padding-top: 120px
}

h1,
h2,
h3 {
	margin: 0 0 20px;
	padding: 0
}

h1 {
	font-size: 2.143em;
	line-height: 1em
}

p {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.143em;
	line-height: 1.875em
}

p a:hover {
	text-decoration: underline
}

section ul {
	margin: 0 0 20px;
	padding: 0 0 0 40px;
	font-size: 1.143em;
	line-height: 1.875em
}

a {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}

a,
a:active,
a:hover {
	text-decoration: none;
	outline: 0
}

.green-text {
	color: #8bc53e
}

.white-text {
	color: #FFF
}

.center-text {
	text-align: center
}

.large-heading {
	font-size: 3.429em;
	line-height: 1.2em;
	margin-bottom: 20px
}

.green-box {
	background: #8bc53e
}

.p-padding {
	display: block;
	padding: 30px
}

.padding-bottom {
	padding-bottom: 20px
}

.margin-bottom {
	margin-bottom: 20px
}

.margin-right {
	margin-right: 20px
}

.margin-top {
	margin-top: 20px
}

.button {
	position: relative;
	display: inline-block;
	padding: 1em 2em;
	background: #8bc53e;
	color: #FFF;
	text-align: center;
	font-size: 1.286em;
	line-height: 1em;
	font-weight: 700;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	border: 2px solid #FFF
}

.button:active,
.button:hover {
	background: #FFF;
	border: 2px solid #8bc53e;
	color: #8bc53e;
	text-decoration: none
}

.button span {
	margin-left: 1.5em
}

.button span.i {
	position: absolute;
	top: 1.1em;
	font-family: GeneralFoundicons;
	font-size: 1em;
	line-height: 1em;
	margin-left: 0
}

.button-grey {
	background: #2c2c2c;
	border: 2px solid #FFF
}

.button-grey:active,
.button-grey:hover {
	background: #FFF;
	border: 2px solid #2c2c2c;
	color: #2c2c2c
}

.angle-bottom,
.angle-top,
.angle-wrap {
	display: block
}

.angle-wrap {
	width: 100%;
	height: 100px;
	overflow: hidden
}

.angle-bottom,
.angle-top {
	width: 110%;
	margin: -50px 0 0 -5%;
	height: 100px;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, .2);
	-moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg)
}

.angle-top {
	margin: 50px 0 0 -5%;
}

.sandwich {
	margin: -100px 0;
	padding: 100px 0
}

.follow {
	margin-top: -100px
}

.grey {
	background: #2c2c2c
}

#angle-header {
	position: fixed;
	top: 3.6em;
	left: 0;
	z-index: 299;
	margin-top: 0;
	padding-top: 0
}

.standard-link {
	padding: 100px 0;
	background: #8bc53e
}

.standard-link .large-heading {
	margin-bottom: 40px;
	text-shadow: 0 3px 7px #777;
	filter: dropshadow(color=#777777, offx=0, offy=3)
}

.header.outer-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300
}

.header .diagonal {
	background: #2c2c2c;
	height: 150px !important
}

header {
	height: 60px;
	padding: 10px 20px 0;
	position: relative
}

.logo {
	display: block;
	position: absolute;
	top: 25px;
	left: 20px;
	z-index: 10
}

#angle-header,
.logo,
.logo img,
.sf-menu>li>a,
body,
header,
nav {
	transition: all 1s ease 0s
}

.header span.i {
	font-family: GeneralEnclosedFoundicons
}

.header.shrink header {
	height: 30px
}

.header.shrink .logo {
	top: 15px
}

.header.shrink .logo img {
	/* height: 55px; */
	/* width: 70px */
}

.header.shrink nav {
	margin-top: 0;
	height: 30px
}

#angle-header.shrink {
	top: 1.7em
}

nav {
	margin-top: 12px;
	float: right
}

.clients-page .clients-link>a,
.contact-page .contact-link>a,
.home-page .home-link>a,
.in-store-promotion-page .services-link>a,
.market-research-page .services-link>a,
.meet-the-team-page .about-link>a,
.merchandising-page .services-link>a,
.news-page .news-link>a,
.on-line-marketing-page .services-link>a,
.portfolio-page .portfolio-link>a,
.sales-team-page .services-link>a,
.services-page .services-link>a,
.staff-training-page .services-link>a,
.support-page .support-link>a,
.telesales-page .services-link>a,
.web-design-page .services-link>a,
.what-we-do-page .about-link>a,
.who-we-are-page .about-link>a {
	color: #8bc53e;
	text-decoration: none
}

.footer .diagonal {
	background: #2c2c2c
}

footer {
	margin: 0 auto;
	padding: 20px 0;
	color: #FFF;
	font-size: 1.714em
}

footer span.i {
	margin: 5px 20px 0 0
}

.copyright {
	font-size: .583em
}

.mail-link {
	color: #FFF
}

.mail-link:hover {
	color: #8bc53e
}

.footer-content {
	text-align: right
}

footer a {
	color: #FFF
}

footer a:hover {
	color: #8bc53e
}

.footer-social-link {
	font-family: socialicoregular;
	font-size: 2em;
	color: #FFF !important;
	margin: 0 0 0 10px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.footer-social-link:hover {
	color: #8bc53e !important
}

.footer-logo {
	margin: 0
}

.backToTop {
	position: fixed;
	right: 40px;
	bottom: 100px;
	display: none;
	z-index: 100
}

.backToTop a {
	text-decoration: none;
	display: block;
	width: 50px;
	height: 50px;
	padding: 13px 8px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	background: #8bc53e;
	border: 2px solid #FFF
}

.backToTop a:hover {
	background: #FFF;
	border: 2px solid #8bc53e
}

.backToTop a span.i {
	font-size: 30px;
	color: #FFF
}

.backToTop a:hover span.i {
	color: #8bc53e
}

.banners {
	position: relative
}

.banner,
.banner-1,
.banner-2,
.banner-3 {
	height: 650px;
	width: 100% !important;
}

.banner-1,
.banner-2,
.banner-3 {
	margin: 0;
	padding: 120px 0 0
}

.banner .container {
	max-width: 1160px !important;
	width: 100%;
}

@media only screen and (max-width:960px) {
	.banner .container {
		max-width: 100% !important;
	}
}

.home-page .banner-1 {
	background: url(images/banners/tm_banner_salesthyme_store_2.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.home-page .banner-2 {
	background: url(images/banners/jug_with_thyme.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.home-page .banner-3 {
	background: url(images/banners/web_design.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.banner-body-text {
	/* background: rgba(44, 44, 44, .9); */
	/* -webkit-border-radius: 5px; */
	/* border-radius: 5px; */
	color: #333333;
	padding-left: 30%;
	font-size: 1.8em;
	line-height: 1.2em;
	display: block;
	max-width: 100%;
	/* -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2); */
	/* box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2); */
	margin-top: 50px;
	float: left;
}
.banner-2 .container img {
	display: block;
	float: right;
	margin-left: 20px;
	margin-top: 70px;
}

@media only screen and (max-width:1150px) {
	.banner-body-text {
		/* max-width: 600px; */
		font-size: 1.6em;
		padding-left: 0;
	}
}

@media only screen and (max-width:985px) {
	.banner-2 .container img {
		width: 300px;
		height: auto;
		margin-top: 85px;
	}
}

@media only screen and (max-width:885px) {
	.banner-body-text {
		float: none;
		margin: 30px auto 20px auto !important;
		text-align: center;
	}
	.banner-2 .container img {
		float: none;
		margin: 0 auto;
	}
}

@media only screen and (max-width:768px) {
	.banner-body-text {
		margin-top: 0;
	}
}

@media only screen and (max-width:570px) {
	.banner-body-text {
		font-size: 1.4em;
	}
}
@media only screen and (max-width:490px) {
	.banner-body-text {
		font-size: 1.2em;
	}
}

.banner-body-text a {
	color: #8bc53e;
}

.banner-body-text a:hover {
	color: white;
}

.cycle-pager {
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left: -35px;
	z-index: 150;
	font-size: 2.571em;
	line-height: 1em;
	cursor: pointer;
	color: #FFF;
	display: none !important;
}

.cycle-pager span {
	margin: 0 5px
}

.cycle-pager-active {
	color: #8bc53e
}

.banner-buttons {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -295px;
	z-index: 200;
}

.banner-button {
	font-size: 1.714em;
	line-height: 1em;
	margin: 0 10px
}

.welcome .col12 {
	padding-top: 40px
}

.welcome-link {
	background: #8bc53e url(images/backgrounds/wheat.jpg) 50% 0 no-repeat fixed
}

.service a {
	color: #8BC53E
}

.services-page img {
	margin: 0 0 20px
}

.services-page .service p {
	margin: 0
}

.services-page .service h2 {
	color: #2c2c2c;
}

.services-page .service:hover h2 {
	text-decoration: underline;
}

/* .services-page .service {
	min-height: 555px
} */

.our-work .diagonal {
	border-top: 1px solid #d5d5d5;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.our-work .icon-background {
	background: #f4f2f2;
	width: 130px;
	height: 130px;
	-webkit-border-radius: 65px;
	border-radius: 65px;
	padding: 32px;
	margin: 0 auto 20px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.our-work .icon-background:hover {
	background: #8bc53e
}

.our-work span.i {
	font-size: 66px;
	line-height: 1em;
	color: #FFF;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.left-arrow,
.right-arrow {
	position: absolute;
	top: 160px;
	z-index: 20
}

.left-arrow {
	left: -150px
}

.right-arrow {
	right: -150px
}

.left-arrow:hover,
.right-arrow:hover {
	cursor: pointer
}

.work-pager {
	z-index: 10;
	font-size: 2.571em;
	line-height: 1em;
	cursor: pointer;
	color: #dfdfdf
}

.work-pager span {
	margin: 0 5px
}

.work-pager-active {
	color: #8bc53e
}

.cycle-slide>div {
	/* height: 350px; */
	height: 100%;
	overflow: hidden;
	/* margin-bottom: 20px */
}

.our-work-link {
	background: #8bc53e
}

.meet-the-team img {
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	object-fit: cover;
	object-position: 50% 0;
}

.meet-the-team hr {
	margin: 40px 20px 40px;
	width: calc(100% - 40px);
}

@media all and (min-width: 768px) {
	.meet-the-team hr {
		margin: 40px auto 80px;
	}
}

.meet-the-team__member {
	width: 100%;
	padding: 0 20px;
}

@media all and (min-width: 768px) {
	.meet-the-team__member {
		display: grid;
		grid-template-columns: 2fr 3fr;
		gap: 2rem;
	}
}

@media all and (min-width: 1024px) {
	.meet-the-team__member {
		padding: 0;
	}
}


/* .meet-the-team p {
	height: 150px
} */

/* .meet-the-team__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
} */

.meet-the-team__header span {
	display: block;
	margin-top: 0.3em;
	font-size: 16px;
}

.meet-the-team__linkedin-link {
	display: block;
	width: 24px;
	height: 24px;
}

.team-member__socials {
	list-style-type: none;
	padding: 0;
}

.client-testimonials {
	height: 590px
}

.retailer-testimonials {
	height: 520px !important;
}

.client-testimonials p {
	width: 100%;
	display: block;
	overflow: hidden
}

.clients-page .clients-pager {
	width: 150px;
	margin: 0 auto;
	z-index: 10;
	font-size: 2.571em;
	line-height: 1em;
	cursor: pointer;
	color: #dfdfdf
}

.clients-pager span {
	margin: 0 5px
}

.clients-pager-active {
	color: #8bc53e
}

.news-articles p {
	margin-bottom: 60px
}

.news-articles hr {
	padding-top: 40px
}

.date {
	font-weight: 700
}

.align-left {
	float: left
}

.align-right {
	float: right
}

.googlemap section {
	width: 100%;
	margin: 0
}

.googlemap-text {
	background: rgba(44, 44, 44, .9);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	padding: 30px;
	font-size: 1.714em;
	line-height: 1.5em;
	display: block;
	max-width: 650px;
	margin: 20px 0 0 80px;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	position: absolute;
	top: 190px;
	left: 10%;
	z-index: 50
}

.contact-form label {
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2em;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
	font-family: sofia_pro_lightregular;
	font-size: 16px;
	font-weight: normal;
	display: block;
	width: 100%;
	margin: 5px 0 20px;
	padding: 15px;
	color: #999;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #CCC;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.contact-form label {
	font-weight: bold;
}

.contact-form input:focus,
.contact-form textarea:focus {
	border: 2px solid #8BC53E;
	color: #363636
}

.contact-form input.button {
	padding: 15px;
	border: 2px solid #2c2c2c;
	color: #FFF
}

.contact-form input.button:hover {
	color: #2c2c2c
}

.contact-form .message {
	margin-bottom: 0
}

.contact-form .QapTcha-container,
.contact-form .submit-button {
	padding-top: 0
}

.success-msg {
	background: firebrick;
	padding: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.notice {
	font-weight: 700
}

.contact-page .error p,
.error {
	display: none
}

.social-link {
	font-family: socialicoregular;
	font-size: 8em;
	color: #FFF !important;
	margin: 0 10px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out
}

.social-link:hover {
	text-shadow: 0 5px 5px #73AC42;
	filter: dropshadow(color=#73AC42, offx=0, offy=5)
}

.social-link span.i {
	font-size: .7em !important
}

@media only screen and (min-width:769px) and (max-width:1366px) {
	.diagonal {
		padding: 40px;
		top: -40px
	}

	.header .diagonal {
		height: 130px !important
	}

	.services-menu .diagonal {
		height: 180px !important
	}

	/* .home-page .banner-1 {
	background: url(images/banners/tm_banner_salesthyme_store.jpg) no-repeat center top 50px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
} */
	/* .banner, .banner-1, .banner-2, .banner-3 {
	height: 450px
} */
	.banner-buttons {
		bottom: 5px
	}

	.banner-body-text {
		/* margin: 0; */
		/* padding: 20px; */
		/* font-size: 1.5em */
	}

	.banner-1 .banner-body-text {
		/* max-width: 300px;
	margin: -10px 0 0 550px; */
	}

	.banner-2 .banner-body-text[style] {
		max-width: 350px !important;
		margin: 0 !important;
	}

	.imac,
	.imac-view {
		width: 525px;
		height: 450px
	}

	.imac-work {
		width: 465px;
		height: 270px;
		top: 30px;
		left: 30px
	}

	.left-arrow,
	.right-arrow {
		top: 110px
	}

	footer {
		padding-top: 0
	}

	.dmxGoogleMaps[style] {
		height: 450px !important
	}

	.googlemap-text {
		padding: 20px;
		font-size: 1.5em;
		line-height: 1.5em;
		display: block;
		max-width: 650px;
		margin: 0 0 0 80px;
		top: 150px;
		left: 10%
	}
}

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

	.col1,
	.col10,
	.col11,
	.col12,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.container,
	footer,
	header,
	section {
		width: 100%
	}

	hr {
		width: 100%;
		margin: 0
	}

	.container,
	footer,
	header,
	section {
		margin: 0 auto
	}

	.large-heading {
		font-size: 2.2em
	}

	.first-col {
		padding-bottom: 0
	}

	.second-col {
		padding-top: 0
	}

	div:last-child p:last-child {
		margin-bottom: 0
	}

	section img {
		width: 100%;
		height: auto
	}

	.side-col p {
		margin-bottom: 0
	}

	.side-col {
		padding-bottom: 0
	}

	.angle-wrap {
		display: none
	}

	.sandwich {
		margin: 0;
		padding: 50px 0
	}

	.padding-header {
		padding-top: 0
	}

	.standard-link {
		padding: 20px 0
	}

	.backToTop {
		right: 20px;
		bottom: 20px
	}

	.backToTop a {
		width: 30px;
		height: 30px;
		padding: 3px 5px;
		-webkit-border-radius: 15px;
		border-radius: 15px
	}

	.backToTop a span.i {
		font-size: 15px
	}

	header {
		height: auto;
		padding: 10px 20px
	}

	.header.outer-wrapper {
		position: static;
		background: #2c2c2c
	}

	.logo {
		width: 116px
	}

	.logo img {
		margin: 0
	}

	nav {
		margin: 25px 20px 0 0
	}

	.sf-menu a {
		font-size: 1em !important
	}

	.banner,
	.banner-1,
	.banner-2,
	.banner-3 {
		height: auto
	}

	.banner-1,
	.banner-2,
	.banner-3 {
		margin: 0;
		padding: 20px 0 0
	}

	.banner-body-text {
		/* display: none */
	}

	.cycle-pager {
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -35px;
		z-index: 10;
		font-size: 2.571em;
		line-height: 1em;
		cursor: pointer;
		color: #FFF
	}

	.cycle-pager span {
		margin: 0 5px
	}

	.cycle-pager-active {
		color: #8bc53e
	}

	.banner-buttons {
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -295px;
		z-index: 200;
		display: none
	}

	.banner-button {
		font-size: 1.714em;
		line-height: 1em;
		margin: 0 10px
	}

	.footer {
		background: #2c2c2c
	}

	footer.diagonal-section {
		padding: 20px 0 40px
	}

	footer .col5 {
		display: none
	}

	.footer-content {
		text-align: center
	}

	.footer-social-link {
		margin: 0 5px
	}

	.welcome .col12 {
		padding-top: 0
	}

	.clients img {
		width: 100%;
		height: auto
	}

	.main-col {
		width: 60%
	}

	.side-col {
		width: 40%
	}

	.side-col .p-padding {
		padding: 20px
	}

	.our-work,
	.our-work-link {
		display: none
	}

	.services-page .service {
		min-height: inherit
	}

	.services-page .col4 {
		width: 50%
	}

	.main-col img {
		width: 45%
	}

	.meet-the-team .col4 {
		width: 50%
	}

	.meet-the-team p {
		margin: 0
	}

	.client-testimonials {
		height: 510px;
	}

	.retailer-testimonials {
		height: 660px !important;
	}

	.client-logo,
	.contact-form .col6 {
		width: 50%
	}

	.QapTcha,
	.QapTcha .TxtStatus,
	.QapTcha .bgSlider {
		width: 100% !important
	}

	.contact-form .enquiry {
		margin-bottom: 0
	}

	.error {
		display: none !important
	}

	.googlemap-text {
		display: none
	}

	.dmxGoogleMaps[style] {
		height: 300px !important
	}

	.social-link {
		font-size: 4.3em
	}

	footer {
		font-size: 1.3em
	}

	.logo {
		float: none;
		margin: 0 auto !important;
		position: static;
		left: inherit;
		top: inherit
	}

	.banners,
	.side-col {
		margin-bottom: 20px
	}

	.sf-arrows .sf-with-ul:after {
		display: none
	}
}

@media only screen and (min-width:321px) and (max-width:480px) {
	.client-testimonials {
		height: 790px !important;
	}

	.retailer-testimonials {
		height: 760px !important;
	}
}

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

	.col1,
	.col10,
	.col11,
	.col12,
	.col2,
	.col3,
	.col4,
	.col5,
	.col6,
	.col7,
	.col8,
	.col9,
	.contact-form .col6,
	.container,
	.main-col,
	.meet-the-team .col4,
	.services-page .col4,
	.side-col,
	footer,
	header,
	section {
		width: 100%
	}

	.contact-form .col6:first-child {
		padding-bottom: 0
	}

	.side-col p.green-box {
		display: none
	}

	.client-testimonials,
	.meet-the-team p {
		height: auto
	}
}

@media print {
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.2em;
		background: 0 0;
		color: #000;
		width: 960px;
		margin: 0;
		padding: 0
	}

	.backToTop,
	.banners,
	.diagonal,
	.footer-logo,
	.footer-social-link,
	.standard-link,
	nav {
		display: none !important
	}

	.outer-wrapper {
		width: 100%;
		margin: 0;
		padding: 0;
		background: 0 0
	}

	footer,
	footer a {
		color: #000 !important
	}
}

.button-newsletter {
	position: relative;
	display: inline-block;
	padding: 1em 2em;
	background: #8bc53e !important;
	color: #FFF;
	text-align: center;
	font-size: 1.286em;
	line-height: 1em;
	font-weight: 700;
	-webkit-border-radius: 5px;
	border-radius: 5px !important;
	-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	-ms-transition: background 300ms ease-in-out;
	-o-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
	border: 2px solid #FFF !important
}

.client-logo {
	height: 200px;
	position: relative;
}

.client-logo img {
	top: 50%;
	left: 50%;
	position: absolute;
	z-index: 10;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

@media all and (max-width: 768px) {

	.client-logo img {
		max-width: calc(100% - 40px);
		max-height: calc(100% - 40px);
		/* height: auto; */
		object-fit: contain;
	}

}

@media all and (min-width: 769px) {

	.line-sep {
		clear: both;
	}

	.top-new {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		display: inline-block;
	}

	.bottom-new {
		clear: both;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		display: inline-block;
	}

}

.black {
	color: #363636;
}

.home-angle-top {
	position: relative;
	z-index: 190;
}

.thyme-click {
	display: inline-block;
}

.no-bottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

.show-image,
.show-image2,
.show-image3 {
	display: block;
	position: relative;
	width: 100%;
}

.show-image img {
	position: absolute;
	right: 0;
	top: 40px;
}

@media only screen and (max-width:768px) {
	.show-image img {
		top: 0;
	}
}

@media only screen and (min-width:1367px) {
	.show-image img {
		height: 200px;
	}
}

.show-image2 img {
	position: absolute;
	left: 650px;
	height: 195px;
	top: 0px;
}

.show-image3 img {
	position: absolute;
	left: 600px;
	top: 30px;
	height: 133px;
}

@media all and (max-width: 768px) {

	/* .show-image, .show-image2, .show-image3, .sales-image {
		display: none;
	} */
	.left-new {
		float: none !important;
	}
}

@media all and (max-width: 600px) {

	.show-image,
	.show-image2,
	.show-image3,
	.sales-image {
		display: none;
	}
}

@media all and (max-width: 1366px) {
	/* .show-image img {
		top: -10px;
		height: 164px;
	} */

	/* .banner-3 .banner-body-text {
		max-width: 490px;
	}

	.banner-3 .banner-body-text {
		margin-top: 30px!important;
	} */
}

@media all and (min-width: 1366px) {
	/* .show-image img {
		top: 30px;
		left: 140px;
	} */

	.show-image2 img {
		position: relative;
		left: 700px;
		top: 20px;
		height: 258px;
	}

	.show-image3 img {
		position: relative;
		left: 750px;
		top: 50px;
		height: 159px;
	}
}

.sales-image {
	left: 50%;
	display: block;
	margin: 0 auto 20px auto;
}

/* NEW BANNER SETTINGS */
.banner-1 .container {
	position: relative;
}

.banner-1 .sts-logo {
	width: 40%;
	height: auto;
	position: absolute;
	top: 40%;
	left: 0;
	z-index: 10;
	transform: translateY(-50%);
}

.banner-1 .banner-body-text-new {
	width: 50%;
	position: absolute;
	top: 40%;
	right: 0;
	z-index: 10;
	transform: translateY(-50%);
}

.banner-1 .banner-body-text-new p {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.banner-1 .banner-body-text-new p .line-1 {
	font-size: 26px;
}

.banner-1 .banner-body-text-new p .line-2 {}

.pulse-btn-container {
	/* width: 200px; */
	height: 90px;
	padding-top: 30px;
}

.pulse-btn {
	position: relative;
	/* width: 200px;
	height: 50px; */
	border: none;
	box-shadow: 0 0 0 0 rgba(134, 199, 71, 0.7);
	border-radius: 5px;
	background-color: #8bc53e;
	/* background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/173024/jonathanlarradet_copy.png); */
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1);

	color: #FFFFFF;
	/* text-transform: uppercase; */
	padding: 15px 60px;
	font-size: 24px;
	line-height: 1em;
	font-weight: 700;
	white-space: nowrap;
}

@media all and (max-width: 1023px) {
	.pulse-btn {
		padding: 10px 45px;
	}
}

.pulse-btn:hover {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	background: #2c2c2c;
}

@-webkit-keyframes pulse {
	to {
		box-shadow: 0 0 25px 25px rgba(134, 199, 71, 0);
	}
}

@-moz-keyframes pulse {
	to {
		box-shadow: 0 0 25px 25px rgba(134, 199, 71, 0);
	}
}

@-ms-keyframes pulse {
	to {
		box-shadow: 0 0 25px 25px rgba(134, 199, 71, 0);
	}
}

@keyframes pulse {
	to {
		box-shadow: 0 0 25px 25px rgba(134, 199, 71, 0);
	}
}

/* New container */
.banners-new-container {
	overflow: hidden;
	height: 850px;
	text-align: center;
	color: #FFFFFF;
}

@media all and (max-width: 800px) {
	.banners-new-container {
		height: auto;
	}
}

.banners-new-container .banner-left,
.banners-new-container .banner-right {
	display: block;
	width: 50%;
	float: left;
	height: 100%;
	padding-top: 150px;
	padding-bottom: 100px;
}

/* left col */
.banners-new-container .banner-left {
	background: #6F137A;
	padding-left: 50px;
	padding-right: 50px;
}

@media all and (max-width: 800px) {
	.banners-new-container .banner-left {
		width: 100%;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

@media all and (max-width: 430px) {
	.banners-new-container .banner-left {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.banner-sts-logo {
	width: 210px;
	height: 210px;
	border-radius: 50%;
	background: #FFFFFF;
	position: relative;
	margin: 0 auto 20px auto;
}

.banner-sts-logo img {
	width: 75%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -55%);
}

.banner-text-line {
	display: block;
	line-height: 1.3em;
	font-weight: bolder;
}

.banner-text-line.line-1,
.banner-text-line.line-3 {
	font-size: 30px;
}

@media all and (max-width: 1023px) {

	.banner-text-line.line-1,
	.banner-text-line.line-3 {
		font-size: 24px;
	}
}

.banner-text-line.line-2 {
	font-size: 55px;
	color: #8bc53e;
}

@media all and (max-width: 1100px) {
	.banner-text-line.line-2 {
		font-size: 50px;
	}
}

@media all and (max-width: 1023px) {
	.banner-text-line.line-2 {
		font-size: 36px;
	}
}

.banner-text-line.line-3 {
	margin-bottom: 20px;
}

.banners-new-container .banner-left p {
	font-size: 20px;
	line-height: 1.3em;
}

.banners-new-container .banner-left p a {
	font-size: 20px;
	line-height: 1.3em;
	color: #FFFFFF;
	text-decoration: underline;
}

.banners-new-container .banner-left p a:hover {
	color: #8bc53e;
}

/* right col */
.banners-new-container .banner-right {
	background: #FFFFFF;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media all and (max-width: 800px) {
	.banners-new-container .banner-right {
		display: none;
	}
}

.banners-new-container .banner-right img {
	max-width: 80%;
	height: auto;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.testimonial-quote {
	margin: 0 0 40px 0;
	overflow: hidden;
}
.testimonial-quote:last-child {
	margin: 0;
}
.testimonial-quote p {
	margin: 0;
}
.testimonial-quote span {
	font-weight: bold;
	font-size: 1.143em;
	line-height: 1.875em;
	float: right;
}

.field-sales-page .main-col img {
	display: block;
	margin: 40px 0;
}
.field-sales-page .main-col .img-left-col, .field-sales-page .main-col .img-right-col {
	display: block;
	float: left;
}
.field-sales-page .main-col .img-left-col {
	margin-right: 20px;
}