/*
/*
Theme Name: Snaith Signs 2015
Author: John M @ Discovery Design Limited
Description: New website for Steve of Snaith Signs! Merry Christmas!
Copyright: Discovery Design Limited
Version: 1.0
*/

.franchise-banner {
	margin-top: 1.2em;
}

.franchise-banner img {
	border-radius: 0.3em;
}

/* =Base
-------------------------------------------------- */
.discovery {
    background: #262626;
    border-radius: 10em;
    margin: 1.5em auto 0 auto;
    max-width: 35em;
    text-align: center;
}

.discovery a {
	color: #aaa !important;
	display: block;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 1em 0;
}

.discovery a:hover {
    color: #FFF !important;
}

html {
	background: #fff;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "proxima-nova-alt", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	-webkit-font-smoothing: subpixel-antialiased;
}

img {
	border: none;
	max-width: 100%;
}

a {
	color: #08c;
	text-decoration: none;
	-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-o-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
	transition: color .25s ease-in-out, background-color .25s ease-in-out, border-color .25s ease-in-out, opacity .25s ease-in-out;
}

a:visited {
	color: #08c;

}

a:hover,
a:focus,
a:active {
	color: #0af;
	outline: 0;
}

/* typography */

h1, h2, h3, h4, h5, h6 {
	color: #111;
	margin: 1.6em 0 .8em 0;
}

h1 {
	font-size: 1.45em;
	line-height: 1.2;
	margin: 0;
	font-weight: 500;
	letter-spacing: 0.02em;
}
h2 {
	font-size: 1.5em;
	line-height: 1.3;
}

h3 {
	font-size: 1.25em;
	line-height: 1.4;
}

h4 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: .4em;
}

h5,
h6 {
	font-size: 1em;
	line-height: 1.6;
}

p {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .8em 0;
}

ul,
ol {
	margin: 0 0 1.6em 3.2em;
	padding: 0;
}

ul li,
ol li {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .4em 0;
}

/* tables */

table {
	text-align: left;
	width: 100%;
}

table thead tr {
	border-bottom: 1px solid #e6e6e6;
}

table thead th {
	background: #f6f6f6;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 1em;
}

table tbody tr {
	border-bottom: 1px solid #e6e6e6;
}

table tbody td {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 1em;
}

/* forms */

fieldset {
	border: 0!important;
	margin: 0 0 .8em 0;
	padding: 0;
}

label {
	color: #999;
	cursor: pointer;
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: .2em;
	margin-bottom: .4em;
	text-transform: uppercase;
}

button,
input,
select,
textarea {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
	*overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #08c;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	margin: 0 .5em 0 0;
	padding: .6em 1.2em;
	text-shadow: 0;
	-webkit-transition: background-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #0af;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="submit"].secondary {
	background-color: #e6e6e6;
	color: #999;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	cursor: pointer;
	float: left;
	margin: 0 .6em 0.6em 0;
	padding: 0;
	position: relative;
	top: .25em;
}

input[type="search"] {
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #777;
	border: 1px solid #d6d6d6;
	border-radius: 0;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .8em 0;
	width: 80%;
	background: #FFF;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:focus {
	border-color: #ccc;
	color: #333;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #bbb;
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: .5em;
}

input[type="text"].field-qty {
	min-width: 0;
	width: 3em;
}

.chrome select, .safari select {
	background: #fff url('../graphics/select-pointer.gif') no-repeat right 50%;
	padding: .5em .5em .5em .5em;
}

select {
	border-radius: 0;
	border: 1px solid #d6d6d6;
	color: #777;
	cursor: pointer;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 .8em;
	padding: .5em .5em .5em .5em;
	-webkit-appearance: button;
	width: 83.5%;
	min-width: 17em;
	background: #fff;
}

select:hover {
	border-color: #ccc;
}

select:focus {
	border-color: #bbb;
	outline: none;
}

textarea {
	height: 15em;
	overflow: auto;
	padding-left: 3px;
	resize: vertical;
	vertical-align: top;
	border-radius: 0.2em;
	width: 96%;
}

.actions {
	clear: both;
	padding: .8em 0;
}

/* handy columns */

.col-wrapper {
	clear: both;
	margin: 0;
}

.col {
	float: left;
	margin-right: 5%;
	padding: .063em 0;
}

.col-wrapper .col.last {
	margin-right: 0;
}

.col-span-1 .col {
	margin-right: 0;
	width: 100%;
}

.col-span-2 .col {
	width: 47.5%;
}

.col-span-3 .col {
	width: 30%;
}

.col-span-4 .col {
	width: 21.22%;
}


/* =Container
-------------------------------------------------- */
#container {}


/* =Header
-------------------------------------------------- */
.site-header {
	background: #000 url("../images/headerbg1.jpg") repeat center bottom;
	padding: 0 5%;
}

.site-header > .inner {
	margin: 0 auto;
	max-width: 71.25em;
	position: relative;
}

.brand {
	float: left;
	width: 48%;
}

.logo {
	font-size: 2em;
	margin: 1.2em 0 0 0
}

.logo a {
	color: #222;
	font-weight: bold;
}

.logo img {
	border-radius: 0.1em;
	box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
	max-width: 100%;
}

.contact-details {
	float: left;
	margin-top: 2.4em;
	width: 52%;
}

.contact-details ul {
	margin: 0;
	list-style: none;
}

.contact-details li {
	color: #ececec;
	float: right;
	font-size: 1.45em;
	line-height: 1em;
	margin: 0;
	font-family: "ff-tisa-web-pro"	;
	padding: 0.2em 0.5em;
	text-shadow: 1px 1px 2px #130009;
}

.contact-details li a {
	color: #ececec;
}

.contact-details li a.yellow {
	color: #cf922a;
}

.contact-details li span {
	color: #cf922a;
	font-size: 1em;
	font-weight: 400;
	margin-right: 0.2em;
}

.contact-details li span.telephone {
	color: #ececec;
}


.contact-details .login {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 0.6em;
	padding-top: 0.5em;
	text-shadow: none;
}

.contact-details .login a:hover {
	opacity: 0.8;
}

.site-slider {
	float: left;
	margin: 1em 0;
	width: 100%;
}

.site-slider img {
	border-radius: 0.3em;
	
}

.site-slider .slide-panel {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
	border-top: 2px solid #000;
	bottom: 0;
	font-family: "ff-tisa-web-pro"	;
	height:7em;
	left: 0%;
	position: absolute;
	width: 99.1%;
	z-index: 999;		
}

.site-slider .slide-panel h3 {
	color: #cf922a;
	margin: 1.1em 1em 0 1em;
}

.site-slider .slide-panel p {
	color: #ccc;
	font-size: 1.2em;
	margin: 0.5em 1.1em 0 1.1em;
}

.index-main-features {
	
	float: left;
	margin: 1em 0;
	width: 100%;	
}

.index-main-features .col {
	background: #f3f3f3;
	border: 2px solid #f3f3f3;
	border-radius: 0.3em;
	margin-right: 2%;
	height: 32em;
	width: 31.63%;
}

.index-main-features .col .inner {
	padding: 0 5%;
	text-align: center;
}

.index-main-features .col h3 {
	font-size: 2em;
	font-weight: 300;
	margin: 1em 0 0 0;
	text-shadow: 1px 2px 1px #FFF;
}

.index-main-features .col-second h3 {
	text-shadow: 1px 2px 1px #2d0116;
}

.index-main-features .col p {
	font-family: "ff-tisa-web-pro"	;
	font-size: 1.1em;
	font-weight: 400;
}

.index-main-features .col a {
    border: 1px solid #d8d8d8;
    background: #FFF;
    border-radius: 5em;
    color: #666;
    display: inline-block;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin: 0.5em 0 0 0;
    padding: 0.5em 1.4em;
    text-transform: uppercase;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;	    
}

.index-main-features .col a:hover {
	cursor: pointer;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

.index-main-features .col-second {
	background: #54022a;
	border: 2px solid #54022a;
	color: #FFF;
}

.index-main-features .col-second a {
	background: none;
	border: 1px solid #8b114d;
	color: #FFF;
}

.index-main-features .col-second h3 {
	color: #FFF;
}

.index-main-features img {
	background: #FFF;
	border-radius: 10em;
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 6px rgba(0,0,0,0.15);
	border: 3px solid #eee;
	padding: 0.5em;
	margin: 1em 0;
	width: 60%;
}

.index-main-features.inner-page .col {
	height: 11em;
}

.index-main-features.inner-page .col .inner {
	padding: 0 4%;
	text-align: left;
}

.index-main-features.inner-page .col h3 {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.2em;
	margin: 1em 0 0 0;
}

.index-main-features.inner-page .col p {
	margin: 0.5em 0 0 0;
	font-size: 0.8em;
	font-weight: 300;
}

.index-main-features.inner-page .col a {
	letter-spacing: normal;
	padding: 0.2em 1em;
	border-radius: 0.2em;
	margin: 0.9em 0 0 0;
	text-transform: none;	
}

.index-main-features.inner-page .col .round-image {
	border: 2px solid #eee;
	float: left;
	width: 30%;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
	margin: 0.5em 0.6em 1em 0;
	padding: 0.2em;
}

.index-coloured-content {
	background: #f3f3f3;
	border-radius: 0.2em;
	float: left;
	margin: 1em 0 0.5em 0;
	width: 99%;
}

.index-coloured-content .inner {
	padding: 1.5em;
}

.index-coloured-content h1 {
	border-bottom: 4px solid #d7d7d7;
	color: #666;
	font-size: 1.5em;
	font-family: "ff-tisa-web-pro"	;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.03em;
	padding-bottom: 0.4em;
	margin: 0 0 0.4em 0;
}

.index-coloured-content .text {
	color: #555;
	font-family: "ff-tisa-web-pro"	;
	font-size: 1.1em;
	font-weight: 400;
}

.index-coloured-content .text p {
	font-size: 0.8em;
	font-weight: 300;
	letter-spacing: 0.01em;
}

.app-panel {
	background: #810541;
	padding: 5.5em 0 0 0;
	width: 100%;
}

.app-panel > .inner {
	margin: 0 auto;
	max-width: 71.25em;
}

.app-panel .col-first {
	margin-right: 5%;
	padding: 0;
	width: 45%;
}

.app-panel .col-first img {
	bottom: -0.44em;
	left: 5em;
	position: relative;
}
.app-panel .col-second {
	text-align: center;
	width: 50%
}

.app-panel .col-second h4 {
	color: #FFF;
	font-size: 1.7em;
	font-weight: 300;
	margin: 2.5em 1em 0.5em 1em;
	text-shadow: 2px 1px 3px #410220;
}

.app-panel .col-second p {
	color: #FFF;
	font-size: 1em;
	font-weight: 300;
	margin: 0.5em 1em 3em 1em;
	text-shadow: 2px 1px 3px #410220;
}

.app-panel .col-second a.app-download-link {
	background: #f4a621;
	border-radius: 30em;
	color: #FFF;
	font-weight: 500;
	font-size: 1.2em;
	display: block;
	line-height: 1.4em;
	margin: 2em auto;
	padding: 0.7em 0;
	text-shadow: none;
	width: 20em;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;		
}

.app-panel .col-second a.app-download-link:hover {
	cursor: pointer;
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

.app-panel .col-second a.app-download-link .fa {
	color: #ffda9a;
	display: inline-block;
	font-size: 1.1em;
	left: 0.2em;
	position: relative;
	top: 0.15em;
}

.call-us-panel {
	background: #FFF;
	border-top: 1px solid #dedede;
	padding: 2.5em 0;
	width: 100%;
}

.call-us-panel > .inner {
	margin: 0 auto;
	max-width: 71.25em;
}

.call-us-panel h6 {
	font-size: 2em;
	font-family: "ff-tisa-web-pro"	;
	font-weight: 300;
	margin: 0;
	text-align: center;
}

.call-us-panel span {
	color: #810541;
}

/* =Content Area (mid div)
-------------------------------------------------- */
.breadcrumbs {
	border-bottom: 1px solid #eee;
	color: #aaa;
	font-size: 12px;
	font-size: 1.6rem;
	margin-bottom: 1.6em;
	padding: 0.5em 0 1.4em 0;
}

.breadcrumbs .sep {
	color: #08c;
	font-weight: bold;
	margin: 0 .25em;
}

.breadcrumbs a {
	color: #999;
}

.breadcrumbs a:hover {
	color: #666;
}

.content-area {
	padding: 0 5% 1.6em 5%;
}

.content-area > .inner {
	margin: 0 auto;
	max-width: 71.25em;
}


/* =Nav main
-------------------------------------------------- */
.nav-main {
	background: #54022a;
	border-bottom: 1px solid #7d033f;
	height: 3.3em;
	padding: 0 5%;
}

.nav-main ul,
.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-main ul {
	margin: 0 auto;
	max-width: 71.25em;
}

.nav-main li {
	float: left;
}

.nav-main a {
	color: #d5d5d5;
	display: block;
	font-size: 1.15em;
	padding: 1em;
}

.nav-main li:first-child a {
	padding-left: 0;
}

.nav-main a:hover {
	color: #eee;
}

.nav-main .selected a {
	color: #FFF;
}

.nav-hide {
	display: none;
}

/* =Site Content
-------------------------------------------------- */
.site-content {
	float: left;
	margin: 1em 0 0 0;
	width: 66%;
}

.site-content blockquote {
	background: rgb(244, 244, 244);
	background: rgba(244, 244, 244, 0.57);
	float:right;
	width: 30%;
	padding: 1em;
	font-style: italic;
	border-top: 4px solid #810541;
	border-bottom: 4px solid #810541;
	border-radius: 0.2em;
	text-shadow: 1px 2px 1px #FFF;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.66);	
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.66);	
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.66);		
}

.site-content blockquote p:before {
	content: '\0022';
	color: #555;
	font-size: 1.5em;
	font-style: italic;
}

.site-content blockquote p:after {
	content: '\0022';
	color: #555;
	font-size: 1.5em;
	font-style: italic;
}

.site-content .normal-link, .site-content .normal-link:visited, .site-content .normal-link:hover {
	color: #333;
}

.site-content p {
	font-size: 1em;
}

.body_index .site-content {
	float: left;
	margin: 1em 0 0 0;
	width: 99%;
}

.index-arrow-slide {
	border: 2px solid #eee;
	border-radius: 0.3em;
	float: left;
	margin: 1em 0;
	width: 99%;	
}

.index-arrow-slide .controls {
	border-right: 2px solid #eee;
	height: 33em;
	float: left;
	width: 29.5%;
}

.index-arrow-slide .controls ul {
	margin: 0;
	list-style: none;
}

.index-arrow-slide .controls li {
	float: left;
	margin: 0;
	width: 100%;
}

.index-arrow-slide .controls li a {
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #999;
	font-weight: 400;
	display: block;
	font-size: 1.3em;
	padding: 1.16em 1em;
	width: 91%;
}

.index-arrow-slide .controls li a:hover {
	background: #eee;
	color: #666;
	cursor: pointer;
	text-shadow: 1px 2px 1px rgba(255, 255, 255, 0.9);
}

.index-arrow-slide .controls li.selected a {
	background: #54022a;
	border-bottom: 1px solid #54022a;
	border-radius: 0.2em 0 0 0.2em;
	color: #FFF;
	margin-left: -1px;
	position: relative;
	-webkit-box-shadow: 0 10px 6px -6px #777;
		-moz-box-shadow: 0 10px 6px -6px #777;
		box-shadow: 0 10px 6px -6px rgba(119, 119, 119, 0.65);
}

.index-arrow-slide .controls li.selected a:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgb(84, 2, 42);
	border-color: rgba(84, 2, 42, 0);
	border-left-color: #54022a;
	border-width: 32px;
	margin-top: -32px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	z-index: 9999;
	margin-left: -2px;
}

.index-arrow-slide .controls li.selected.large a:after {
	border-width: 45px;
	margin-top: -45px;
}

.index-arrow-slide .controls li:last-child a {
	border-bottom: none;
	padding-bottom: 1.18em;
}

.index-arrow-slide .slide-window {
	float: left;
	height: 33em;
	position: relative;
	width: 70.3%;
}

.index-arrow-slide .slide-image {
	position: relative;
	width: 100%;
	z-index: 99;	
	max-height: 100%;
}

.index-arrow-slide .slide-panel {
	background: rgb(0, 0, 0);	
	background: rgba(0, 0, 0, 0.55);
	border-top: 2px solid rgb(0, 0, 0);	
	border-top: 2px solid rgba(0, 0, 0, 0.6);
	bottom: 0.4em;
	height: 10em;
	left: 0%;
	position: absolute;
	width: 100%;
	z-index: 999;	
}

.index-arrow-slide .slide-panel ul {
	list-style: none;
	margin: 1em 1.7em 1em 4em;
}

.index-arrow-slide .slide-panel li {
	color: #FFF;
	font-size: 0.9em;
	font-family: "ff-tisa-web-pro"	;
	font-weight: 400;
	float: left;
	margin: 0.15em 0;
	width: 100%;
	list-style: disc
}

.inner-page-lists {
	border: 1px solid #ddd;
	border-radius: 0.2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.inner-page-lists li {
	border-top: 1px solid #ddd;
	float: left;
	margin: 0;
	padding: 0.5em 2% 1em 2%;
	min-height: 20em;
	text-align: left;
	width: 46%;
}

.inner-page-lists li:nth-child(4n+4), .inner-page-lists li:nth-child(4n+3) {
	background: #f3f3f3;
}

.inner-page-lists li:nth-child(2), .inner-page-lists li:nth-child(1){ 
	border-top: none;
}

.inner-page-lists h6 {
	color: #333;
	font-size: 1.1em;
	font-weight: 700;
	margin: 0.9em 0 0.5em 0;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.inner-page-lists-h5 {
	color: #cf922a;
	font-size: 1.1em;
	font-weight: 500;
	margin: 2em 0 0.5em 0;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
}

.inner-page-lists-h5.second, .inner-page-lists-h5.third, .inner-page-lists-h5.fourth, .inner-page-lists-h5.fifth {
	margin-top: 3em;
}

.inner-page-lists p {
	margin: 0;
	font-size: 1.1em;
}

.cta-page-phone {
	background: #810541;
	border-radius: 0.2em;
	color: #FFF;
	float: left;
	font-size: 1.2em;
	padding: 1em;
	margin: 1em 0 0.5em 0;	
	text-shadow: 1px 2px 1px #610431;
}

.cta-page-phone p {
	margin: 0;
}

.cta-page-phone .telephone {
	color: 	#cf922a;
}	

.testimonial {
	border-bottom: 2px solid #eee;
	padding-bottom: 0.6em;
	margin-bottom: 1em;
}

.testimonial .testimonial-name {
	color: #cf922a;
	font: italic 300 1em "ff-tisa-web-pro";
	margin: 0 0 0 1em;
}


/* =Contact form
-------------------------------------------------- */
.contact-box {
	background: #810541;
	border-radius: 0.2em;
	color: #FFF;
	font-size: 1.2em;
	padding: 1em;
	margin: 0 0 2em 0;
	text-shadow: 1px 2px 1px #610431;
}

.contact-box strong {
	color: #cf922a;
	font-weight: 400;
}

.contact-box a {
	color: #FFF;
	text-decoration: underline;
}

.contact-form {}



.contact-form input {
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 0.2em;
	padding: 1em;
	color: #999;
	font-weight: 400;	
	width: 90%;
}

.contact-form input[type="submit"] {
	background: #54022a;
	border: 2px solid #54022a;
	color: #FFF;
	font-size: 1em;
	width: 20%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;		
}

.contact-form input[type="submit"]:hover {
	background: #810541;
	border: 2px solid #810541;
	cursor: pointer;
	-webkit-transform:scale(1.02);
	-moz-transform:scale(1.02);
	-ms-transform:scale(1.02);
	-o-transform:scale(1.02);
	transform:scale(1.02);		
}

.contact-form fieldset {
	/* IE7, IE8 */
	padding: 0;
	border: none;
	border-bottom: 1px solid #eee;
	float: left;
	padding-bottom: .8em;
	padding-right: 1%;
	width: 49%;
	height: 4em;
}

.contact-form fieldset.textarea {
	height: auto;
	width: 101%;
}

.contact-form fieldset.fieldset-full {
	float: none;
	width: 100%;
	height: auto;
	padding-right: 0;
}

.contact-form fieldset.captcha {
	border-bottom: 0;
}

.contact-form fieldset.captcha img {
	display: block;
	margin: 1em 0;
	border-radius: 0.2em;
}

.contact-form .actions {
	clear: both;
}

.contact-form ul,
.contact-form ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.contact-form ul li {
	float: left;
	width: 50%;	
}

.contact-form fieldset.fieldset-full ul li {
	float: left;
	width: 25%;	
}


/* =Site map
-------------------------------------------------- */

.sitemap-wrapper {}

.sitemap-wrapper h2 {
	border-top: 1px solid #eee;
	clear: left;
	float: left;
	font-family: "ff-tisa-web-pro"	;
	font-weight: 300;
	color: #810541;
	margin: 0;
	padding-top: 1.6em;
	padding-bottom: 1.2em;
	padding-right: 5%;
	width: 20%;
}

.sitemap-wrapper ul,
.sitemap-wrapper ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sitemap-wrapper ul {
	border-top: 1px solid #eee;
	float: left;
	margin: 0 0 1.6em 0;
	padding-top: 1em;
	width: 75%;
}

.sitemap-wrapper ul li {
	margin: 0 0 .4em 0;
	font-size: 1em;
}

.sitemap-wrapper ul li a {
	color: #555;
}

.sitemap-wrapper ul li a:hover {
	color: #810541;
}


/* =Sidebar
-------------------------------------------------- */

.sidebar {
	float: right;
	position: relative;
	width: 31.5%;
	margin: 0.9em 0 0 2%;
	margin-left: 2%;
	text-align: right;
}

.sidebar h4 {
	color: #810541;
	font-size: 1.75em;
	line-height: 1.2;
	margin: 0 0 1em 0;
	font-weight: 500;
}

.nav-innerpage {
	background: #f3f3f3;
	border-radius: 0.3em;
	width: 100%;
	margin: 1em 0 2em 0;
}

.nav-innerpage h4 {
	color: #7f7f7f;
	font-family: "ff-tisa-web-pro"	;
	font-weight: 500;
	text-align: center;
	margin: 0.7em 0 0.3em 0;
	text-shadow: 1px 1px 2px #fff;
}

.nav-innerpage ul {
	
	border-radius: 0.3em;
	margin: 0.6em;
	float: left;
	text-align: right;	
	list-style: none;
	width: 90%;
}

.nav-innerpage li {
	float: left;
	margin: 0;
	width: 100%;
}

.nav-innerpage li a {
	background: #fff;
	border: 1px solid #d8d8d8;
	color: #999;
	font-weight: 400;
	display: inline-block;
	margin: 0.2em 0;
	position: relative;
	font-size: 1.3em;
	padding: 1.1em 1em;
	letter-spacing: 0.03em;
	text-shadow: 1px 1px 1px #FFF;
	width: 94%;
	border-radius: 0.2em;
}

.nav-innerpage li a:hover {
	background: #eee;
}

.sidebar-customer-support {
	background: #54022a;
	border-radius: 0.3em;
	width: 100%;
}

.sidebar-customer-support h4 {
	color: #FFF;
	font-family: "ff-tisa-web-pro"	;
	font-weight: 500;
	text-align: center;
	margin: 0.7em 0;
}

.sidebar-servicelist {
	
}


.sidebar-servicelist {
	background: #FFF;
	border-radius: 0.3em;
	margin: 0.6em;
	float: left;
	text-align: right;	
	list-style: none;
	width: 90%;
}

.sidebar-servicelist li {
	float: left;
	margin: 0;
	width: 100%;
}

.sidebar-servicelist li a {
	background: #7b033d;
	border-bottom: 1px solid #55022a;
	color: #FFF;
	font-weight: 400;
	display: block;
	position: relative;
	font-size: 1.3em;
	padding: 1.1em 0.5em;
	width: 100%;
}

.sidebar-servicelist li a:hover {
	background: #a50452;
}

.sidebar-servicelist li:first-child a {
	border-radius: 0.2em 0.2em 0 0;
}

.sidebar-servicelist li:last-child a {
	border-radius: 0 0 0.2em 0.2em;
	border-bottom: none;
}

.site-footer {
	background: #222;
	border-top: 1px solid #000;
	color: #FFF;
	clear: both;
	padding: 0;
}

.site-footer > .inner {
	margin: 0 auto;
	max-width: 71.25em;
	padding-top: .8em;
}

.site-footer .col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .col-wrapper {
	margin: 0 3%;
}

.site-footer .col ul li {
	margin: 0;
}

.site-footer h4 {
	border-bottom: 1px solid #333;
	color: #777;
	font-size: 1.1em;
	font-weight: 500;
	padding-bottom: 0.1em;
	margin: 1em 0 1.5em 0;
}

.site-footer h4 span {
	border-bottom:  1px solid #810541;
	padding-bottom: 0.3em;
}

.site-footer p, .site-footer li {
	font-size: 0.95em;
	text-shadow: 1px 1px 2px #000;
}

.site-footer #main_newsletter_emailaddress {
	border-radius: 30em;
	background: #444;
	border: none;
	color: #fff;
	padding: 0.7em 2.5em 0.7em 1em;
	width: 100%;
}

.site-footer #main_newsletter_submit {
	background: #cf922a;
	border-radius: 30em;	
	float: right;
	margin: 0;
}

.site-footer .col {
	text-align:  left;
	width: 21.1%;
	padding: 0;
}

.site-footer .col .inner {
	padding: 0 0 1em 0;
}

.site-footer .col-first {
	font-size: 0.9em;
}

.site-footer .col-second li, .site-footer .col-third li {
	line-height: 2.2em;
	font-size: 0.9em;
}

.site-footer .col a {
	color: #FFF;
	font-weight: 500;
}


.site-footer .col-third li:before, .site-footer .col-second li:before {
	content: '\00b7';
	margin-right: .7em;
}

.site-footer .nav-legal,
.site-footer .nav-legal li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .nav-legal {
	background: #181818;
	text-align: center;
	margin: 2em auto 0 auto;
	padding: 2em 0;
}

.site-footer .nav-legal a {
	color: #cdcdcd;
}

.site-footer .nav-legal a:hover {
	color: #FFF;
}

.site-footer .nav-legal li {
	color: #cdcdcd;
	display: inline;
	margin-right: .4em;
}

.site-footer .nav-legal li:before {
	content: '\00b7';
	margin-right: .7em;
}

.site-footer .nav-legal li:first-of-type:before {
	content: '';
	margin: 0;
}

.site-footer input[type="text"] {
	width: 80%!important;
}

/* =Blog
-------------------------------------------------- */
.blog-wrapper {
	margin-bottom: 1em;
}

.blog-cols .col-first {
	width: 57.5%;
}

.blog-cols .col-second {
	width: 37.5%;
}

.blog-posts .blog-post {
	border-bottom: 1px solid #eee;
	padding-bottom: 1em;
}


.blog-post h2 {
	margin: 1.6em 0 0em 0;
}

.ie-7 .blog-post img, .ie-8 .blog-post img {
	width: inherit;  
}

.blog-post img {
	max-width: 100%!important;
	height: auto!important;
}

.blog-menu,
.blog-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-menu li a {
	border-bottom: 1px solid #eee;
	color: #bbb;
	display: block;
	padding: .5em 0;
}

.blog-menu a:hover {
	color: #999;
}

.blog-posts-related-no-posts, .blog-posts-related-no-posts {
	border-bottom: 1px solid #eee;
}

/* =Responsive Tables
-------------------------------------------------- */

.table-wrapper {
	margin: 0 0 3.2em 0;
}

.table-list-headings {
	border-bottom: 1px solid #eee;
}

.table-list-headings h3 {
	float: left;
	margin: 0 0 .8em 0;
}

.table-item > div {
	float: left;	
}

.table-cell-40 {
	width: 40%;
}

.table-cell-20 {
	width: 20%;
}

.table-list,
.table-list li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table-list {
	margin: 1.6em 0;
	list-style: none;
}

.table-list .table-item {
	background: #fff;
	border-bottom: 1px solid #eee;
	clear: both;
	padding: .8em 0;
}

.table-list .table-item:nth-child(even) {
	background: #fcfcfc;
}

.table-cell-mobile-content {
	display: none;
}

.turtle-mobile-menu-container {
	background: #54022a;	
}

.turtle-mobile-menu-container h3 {
	display: none;
}

.turtle-mobile-menu-container h4 {
	color: #f4a621;
	font-size: 1.5em;
}

.turtle-mobile-menu-container a {
	color: #fff;
	font-size: 1.4em;
}

.turtle-mobile-menu-container li {
	border-bottom: 1px solid #810541;
}

.turtle-mobile-menu-container li:last-child {
	border-bottom: none;
}


/* = Cross Browser 
-------------------------------------------------- */
.ie .owl-carousel .owl-item {
	overflow: hidden;
}


.ie-8 .site-slider {
	position: relative;
	top: -7em;
	margin-bottom: -5em;
}

.ie-8 .site-slider .slide-panel {
	position: relative;
	top: 28.25em;
}





.ie-8 .index-arrow-slide {
	position: relative;
}

.ie-8 .index-arrow-slide .slide-panel {
	position: relative;
	top: -10.5em;
}

.ie-8 .index-arrow-slide .slide-image {
	height: 33em;
}

/* =Media Queries
-------------------------------------------------- */
@media only screen and (max-width: 62.5em) {
	.turtle-mobile-menu-button-container {
		position: fixed;
		top: 1em;
		left: 1em;
		z-index: 999;
	}
	
	.turtle-mobile-menu-button-container .turtle-mobile-menu-button {
		background: #FFF;
		border: 2px solid #cf922a;		
		color: #cf922a;
		font-size: 1.5em;
		padding: 0 0.5em;
		border-radius: 0.2em;
	}	
	
	.nav-main {
		display: none;
	}
	
	.brand, .contact-details {
		width: 50%;
	}
	
	.site-slider {
		width: 99%;
	}
	
	.site-slider .slide-panel {
		width: 100%;
	}
	
	.index-main-features.inner-page .col h3 {
		font-size: 1em;
	}
	
	.index-main-features .col {
		margin-right: 1.3%;
		width: 32%;
	}
	.app-panel .col-second h4 {
		font-size: 1.4em;
	}

	.site-description {
		font-size: .875em;
	}
	
	.index-main-features .col {
		height: 28em;
	}
	
	.index-main-features .col p {
		font-size: 0.95em;
	}

	.site-content {
		float: none;
		width: auto;
	}
	
	.index-arrow-slide .controls {
		width: 29.7%;
	}
	
	.index-arrow-slide .controls li a {
		padding: 1.56em 1em;
		width: 91.5%;
	}

	.sidebar {
		display: none;
	}
	
	.index-main-features .col h3 {
		font-size: 1.5em;
	}
	
	.index-arrow-slide .slide-window {
		height: 29.5em;
		width: 70%;
	}
	
	.index-arrow-slide .controls li a {
		font-size: 1em;
	}
	
	.index-arrow-slide .controls {
		height: 29.5em;
	}
}

@media only screen and (max-width: 48em) {
	.contact-details .login {
		text-align: right;
	}
	
	.brand {
		width: 48%;
	}
	
	.contact-details {
		width: 52%;
	}
	
	.contact-details li {
		font-size: 1.7em;
	}
	
	.index-main-features .col h3 {
		font-size: 1.2em;
	}
	
	.site-header {
		padding: 0 2%;
	}
	
	.content-area {
		padding: 0 2% 1.6em 2%;
	}
	
	.index-main-features img {
		padding: 0.2em;
	}
	
	.index-main-features .col {
		height: 26em;
		margin-right: 1%;
	}
	
	.index-coloured-content h1 {
		font-size: 1.3em;
	}
	
	.index-arrow-slide .slide-panel li {
		font-size: 0.8em;
	}
	
	.index-arrow-slide .controls li a {
		font-size: 0.95em;
		padding: 0.9em 1em;
	}
	
	.index-arrow-slide .controls li.selected a::after {
		margin-left: -5px;
	}
	
	.index-arrow-slide .slide-window, .index-arrow-slide .controls {
		height: 24em;
	}
	
	.app-panel .col-second a.app-download-link {
		font-size: 1em;
		width: 18em;
	}
	
	.app-panel {
		padding: 1em 0 0 0;
		position: relative;
	}

	.app-panel .col-first img {
		bottom: -3em;
		left: 1em;
		position: relative;
		max-width: 100%;
	}
	
	.app-panel .col-second h4 {
		font-size: 1.2em;
	}
	
	.index-main-features.inner-page .col h3 {
		font-size: 0.9em;
	}
	
	.index-main-features .col a {
		font-size: 0.8em;
	}
	
	.index-main-features.inner-page .col p {
		font-size: 0.7em;
	}
	
	.index-main-features.inner-page .col {
		height: 10em;
	}
	
	.page-wrapper:nth-child(even) .page-block .col-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;		
		-webkit-flex-flow: column-reverse;		
		-ms-flex-flow: column-reverse;		
		flex-flow: column-reverse;	
	}  

    .page-wrapper .page-block .col,
    .page-wrapper .page-block .col-span-2 .col,
    .page-wrapper .page-block .col-span-2 .col-second {
	    margin: 0;
		padding: 0.5em;
		width: 100% !important;
		box-sizing: border-box;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box; 
    }		

}


@media only screen and (max-width: 37.5em) {
	.contact-form fieldset {
		margin: 0 0 0.5em 0;
		width: 100%;
	}
	
	.contact-form .actions {
		float: left;
		margin-top: 2em;
		width: 100%;		
	}	
	.brand {
		width: 100%;
		text-align: center;
	}
	
	.contact-details {
width: 100%;
text-align: center;
	}

.contact-details li  {
	float: none;
	width: 100%;
text-align: center;
}

.contact-details .login  {
text-align: center;
padding: 0.2em 0;
padding: 1em 0 0.5em 0;
}

	.contact-details li span {
		display: none;
	}
	
	.index-main-features .col h3 {
		font-size: 1.1em;
		margin-left: 0.5em;
		margin-top: 1em;
	}
	
	.index-main-features.inner-page .col h3 {
		font-size: 1.1em;
		margin-top: 1.7em;
		margin-left: 6.7em;	
	}

	.contact-form fieldset.fieldset-full ul li {
		float: left;
		width: 50%;	
	}
	
	.index-main-features .col, .index-main-features.inner-page .col {
		height: 10em;
		margin-bottom: 1em;
		margin-right: 1%;
		position: relative;
		width: 100%;
	}
	
	.index-main-features img, .index-main-features.inner-page .col .round-image {
		padding: 0.2em;
		position: absolute;
		left: 1em;
		top: 1.5em;
		margin: 0 0 0 0;
		width: 18%;	
	}
	
	.index-main-features .col p, .index-main-features.inner-page .col p {
		font-size: 0.95em;
		text-align: left;
		margin-left: 7.9em;		
	}
	
	.index-main-features .col a {
		font-size: 0.8em;
		margin: 0 0 0 9.2em;
		float: left;		
	}
	
	.index-main-features.inner-page .col a {
		font-size: 0.8em;
		margin: 1em 0 0 9.2em;
		float: left;		
	}
	
	.index-arrow-slide {
		display: none;
	}
	
	.index-coloured-content {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.index-main-features .col.last {
		margin-bottom: 0;
	}
	
	.body_index .content-area {
		padding-bottom: 1em;
	}
	
	.app-panel .col-second a.app-download-link {
		font-size: 0.9em;
	}
	
	.app-panel .col-first img {
		bottom: -10em;
	}
	
	.site-footer .col {
		width: 45%;
	}
	
	/* Blog */
	.blog-cols .col-first, .blog-cols .col-second {
		width: 100%;
	}
	
	/* Responsive Tables */
	.table-cell-mobile-80 {
		width: 80%;
	}
	.table-cell-mobile-70 {
		width: 70%;
	}
	.table-cell-mobile-60 {
		width: 60%;
	}
	.table-cell-mobile-30 {
		width: 30%;
	}
	.table-cell-mobile-content {
		display: block;
		color: #999;
	}
	.table-cell-mobile-hide {
		display: none;
	}
	
	.pagination .first, .pagination .last, .pagination .page {
		display: none;	
	}
	
	.pagination .summary, .pagination .previous {
		border-left: none;
	}
	
	.index-arrow-slide .slide-panel ul {
		margin-top: 0.4em;
	}
	
	.index-arrow-slide .slide-panel {
		height: 8em;
	}
	
	.contact-details li span {
		display: inline;
	}
	
	.inner-page-lists li {
		padding: 0.5em 4% 1em 4%;
		width: 90%;
	}
	
	.inner-page-lists li:nth-child(4n+4), .inner-page-lists li:nth-child(4n+3) {
		background: #FFF;
	}	

	.inner-page-lists li:nth-child(odd){ 
		background: #f3f3f3;
	}
}

/* third drop */

@media only screen and (max-width: 33.75em) {
	.contact-details .login {
		font-size: 1.2em;	
	}
	
	.site-header {
		padding: 0;
	}
	
	.app-panel .col-first img {
		bottom: -13.3em;
	}
	
	.site-footer input[type="text"] {
		width: 70%;
	}

	.brand {
		float: none;
		margin: 3em auto 0 0;
		text-align: center;
		width: auto;
}
	.logo {
		margin: 0;
	}
	
	.contact-details {
		width: 100%;
		margin: 0 auto;
		text-align: center;		
	}
	
	.contact-details li {
		float: none;
		width: 100%;
	}

	.content-area .col-span-2 .col {
		float: none;
		margin: 0;
		width: auto;
	}

	.site-footer .col {
		float: none;
		min-height: 0;
		width: auto;
	}
}

/* fourth drop */

@media only screen and (max-width: 27.5em) {
	.app-panel .col-first {
		display: none;
	}
	
	.app-panel .col-second {
		width: 100%;
	}
	
	.brand {
		margin: 5em 1em 0 1em;
	}
	
	.contact-details li {
		font-size: 1.2em;
		width: 90% !important;		
	}
	
	.site-slider {
		width: 100%;
	}
	
	.site-slider .slide-panel h3 {
		font-size: 1em;
	}
	
	.site-slider .slide-panel p {
		font-size: 0.9em;
	}
	
	.index-main-features img, .index-main-features.inner-page .col .round-image {
		width: 20%;	
	}
	
	.index-main-features .col h3 {
		font-size: 1em;
		margin-left: 5.5em;
		text-align: left;
		margin-top: 1.5em;
	}
	
	.index-main-features .col p, .index-main-features.inner-page .col p {
		font-size: 0.8em;
		text-align: left;
		margin-left: 7em;							
	}
	
	.index-main-features .col a {
		margin: 0 0 0 7em;
	}
	
	.index-main-features .col, .index-main-features.inner-page .col {
		height: 11.5em;
	}
	
	.app-panel .col-second p {
		margin-bottom: 0;
	}

}

 

/* =Helpers
-------------------------------------------------- */

/* for screen readers */

.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* clearfix class */

.group:before,
.group:after {
	content: " ";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	*zoom: 1;
}


/* New page - 23/11/2016 */
.body_page_id_22 .site-slider,
.body_page_id_22 .index-main-features,
.body_page_id_22 .nav-innerpage,
.body_page_id_22 .app-panel {
	display: none;
}

.body_page_id_22 .logo {
	margin-bottom: 0.7em;
}

.body_page_id_22 .breadcrumbs {
	padding-bottom: 0;
	border-bottom: none;	
}

.body_page_id_22 .site-content {
	width: 100%;
}

.page-block {
    margin: 0 auto;
    max-width: 71.25em;
    padding: 1em;	
box-sizing: border-box;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
-ms-box-sizing: border-box;     
}

.header-info .page-block {
	padding-bottom: 0;
}

.bottom-text .page-block {
	padding: 4em 0;
	text-align: center;
	
}

.page-feature-image .page-block {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	left: 0; 
	right: 0;
	padding: 0;
	margin-top: 2em; 
	width: 100%;
}
.page-block .col img {
	height: auto;
	opacity: 1;
	max-width: 100%;
	display: block;
	outline: 2px solid rgba(255, 255, 255, 0.5);
	outline-offset: -8px;
	-webkit-transition: all 0.5s ease;
	-moz-transition:    all 0.5s ease;
	-ms-transition:     all 0.5s ease;
	-o-transition:      all 0.5s ease;	
}

.body_blog .page-block .col img:hover {
	outline: none;
}

.page-wrapper:nth-child(even) {
	background: #f3f3f3;
	border: 2px solid #efefef;
	border-radius: 0.3em;
	margin-bottom: 1em;
}

.page-wrapper:nth-child(odd) {
	border: 2px solid #f3f3f3;
	border-radius: 0.3em;
	margin-bottom: 1em;
}

.page-wrapper:nth-child(even) .page-block .col-first {
	width: 60%;
}

.page-wrapper:nth-child(even) .page-block .col-second {
	width: 35%;
}

.page-wrapper:nth-child(odd) .page-block .col-first {
	width: 35%;
}

.page-wrapper:nth-child(odd) .page-block .col-second {
	width: 60%;
}

.page-block h3 {
	color: #111;
	font-size: 2.2em;
	font-weight: 500;
	margin: 0;
}

.page-block h4 {
	color: #810541;
	font-size: 1.3em;
	margin: 0;	
}